diff --git a/.changeset/chatty-tools-invent.md b/.changeset/chatty-tools-invent.md
new file mode 100644
index 000000000..9adef3783
--- /dev/null
+++ b/.changeset/chatty-tools-invent.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/button": patch
+---
+
+The button with only the icon now displays only the spinner during loading
diff --git a/.changeset/dry-teachers-doubt.md b/.changeset/dry-teachers-doubt.md
deleted file mode 100644
index a845151cc..000000000
--- a/.changeset/dry-teachers-doubt.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/fifty-snails-glow.md b/.changeset/fifty-snails-glow.md
new file mode 100644
index 000000000..8ae462ca7
--- /dev/null
+++ b/.changeset/fifty-snails-glow.md
@@ -0,0 +1,11 @@
+---
+"@nextui-org/listbox": patch
+"@nextui-org/tabs": patch
+"@nextui-org/theme": patch
+---
+
+Styles Changes
+
+- Spacing units changed to from `px` to `rem` this improves the mobile components sizes
+- Tabs/Tab new prop added `shouldSelectOnPressUp` which is enabled by default `true`, this prop defines whether the tabs selection should occur on press up instead of press down.
+- Chip font size changed to `text-tiny` on `sm` size.
diff --git a/.changeset/flat-wasps-hug.md b/.changeset/flat-wasps-hug.md
new file mode 100644
index 000000000..4eaab9933
--- /dev/null
+++ b/.changeset/flat-wasps-hug.md
@@ -0,0 +1,46 @@
+---
+"@nextui-org/use-aria-accordion-item": patch
+"@nextui-org/use-aria-modal-overlay": patch
+"@nextui-org/use-aria-toggle-button": patch
+"@nextui-org/use-aria-multiselect": patch
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/use-aria-accordion": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/pagination": patch
+"@nextui-org/use-aria-button": patch
+"@nextui-org/accordion": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/progress": patch
+"@nextui-org/use-aria-link": patch
+"@nextui-org/divider": patch
+"@nextui-org/listbox": patch
+"@nextui-org/popover": patch
+"@nextui-org/snippet": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/avatar": patch
+"@nextui-org/button": patch
+"@nextui-org/navbar": patch
+"@nextui-org/select": patch
+"@nextui-org/slider": patch
+"@nextui-org/switch": patch
+"@nextui-org/badge": patch
+"@nextui-org/input": patch
+"@nextui-org/modal": patch
+"@nextui-org/radio": patch
+"@nextui-org/table": patch
+"@nextui-org/card": patch
+"@nextui-org/chip": patch
+"@nextui-org/link": patch
+"@nextui-org/menu": patch
+"@nextui-org/tabs": patch
+"@nextui-org/user": patch
+"@nextui-org/kbd": patch
+"@nextui-org/system": patch
+"@nextui-org/react": patch
+"@nextui-org/theme": patch
+---
+
+React Aria Client side router provider added to NextUI Provider, it allows users to pass the router they're using to customize how components items should navigate, this is supported by Listbox items, tabs items, dropdown items and table rows.
diff --git a/.changeset/four-actors-give.md b/.changeset/four-actors-give.md
new file mode 100644
index 000000000..964da3ec7
--- /dev/null
+++ b/.changeset/four-actors-give.md
@@ -0,0 +1,6 @@
+---
+"@nextui-org/theme": patch
+---
+
+- New variable added to the theme layout `hoverOpacity`
+- Hover opacity added to button
diff --git a/.changeset/four-trainers-move.md b/.changeset/four-trainers-move.md
new file mode 100644
index 000000000..2f0c9206b
--- /dev/null
+++ b/.changeset/four-trainers-move.md
@@ -0,0 +1,47 @@
+---
+"@nextui-org/use-aria-accordion-item": patch
+"@nextui-org/use-aria-modal-overlay": patch
+"@nextui-org/use-aria-toggle-button": patch
+"@nextui-org/use-aria-multiselect": patch
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/use-aria-accordion": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/pagination": patch
+"@nextui-org/use-aria-button": patch
+"@nextui-org/accordion": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/progress": patch
+"@nextui-org/use-aria-link": patch
+"@nextui-org/divider": patch
+"@nextui-org/listbox": patch
+"@nextui-org/popover": patch
+"@nextui-org/snippet": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/avatar": patch
+"@nextui-org/button": patch
+"@nextui-org/navbar": patch
+"@nextui-org/select": patch
+"@nextui-org/slider": patch
+"@nextui-org/switch": patch
+"@nextui-org/badge": patch
+"@nextui-org/input": patch
+"@nextui-org/modal": patch
+"@nextui-org/radio": patch
+"@nextui-org/table": patch
+"@nextui-org/card": patch
+"@nextui-org/chip": patch
+"@nextui-org/link": patch
+"@nextui-org/menu": patch
+"@nextui-org/tabs": patch
+"@nextui-org/user": patch
+"@nextui-org/kbd": patch
+"@nextui-org/system": patch
+"@nextui-org/react": patch
+"@nextui-org/theme": patch
+---
+
+New component: Breadcrumbs
diff --git a/.changeset/fresh-dolphins-pay.md b/.changeset/fresh-dolphins-pay.md
new file mode 100644
index 000000000..98853e54c
--- /dev/null
+++ b/.changeset/fresh-dolphins-pay.md
@@ -0,0 +1,53 @@
+---
+"@nextui-org/use-aria-accordion-item": patch
+"@nextui-org/use-aria-modal-overlay": patch
+"@nextui-org/use-aria-toggle-button": patch
+"@nextui-org/framer-transitions": patch
+"@nextui-org/use-aria-multiselect": patch
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/use-aria-accordion": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/pagination": patch
+"@nextui-org/use-aria-button": patch
+"@nextui-org/accordion": patch
+"@nextui-org/use-aria-press": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/test-utils": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/progress": patch
+"@nextui-org/use-aria-link": patch
+"@nextui-org/divider": patch
+"@nextui-org/listbox": patch
+"@nextui-org/popover": patch
+"@nextui-org/snippet": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/avatar": patch
+"@nextui-org/button": patch
+"@nextui-org/navbar": patch
+"@nextui-org/ripple": patch
+"@nextui-org/select": patch
+"@nextui-org/slider": patch
+"@nextui-org/switch": patch
+"@nextui-org/badge": patch
+"@nextui-org/input": patch
+"@nextui-org/modal": patch
+"@nextui-org/radio": patch
+"@nextui-org/table": patch
+"@nextui-org/card": patch
+"@nextui-org/chip": patch
+"@nextui-org/link": patch
+"@nextui-org/menu": patch
+"@nextui-org/tabs": patch
+"@nextui-org/user": patch
+"@nextui-org/system-rsc": patch
+"@nextui-org/kbd": patch
+"@nextui-org/system": patch
+"@nextui-org/react": patch
+"@nextui-org/theme": patch
+---
+
+react-aria packages & framer-motion upgraded
diff --git a/.changeset/gentle-maps-lick.md b/.changeset/gentle-maps-lick.md
new file mode 100644
index 000000000..b78e75a03
--- /dev/null
+++ b/.changeset/gentle-maps-lick.md
@@ -0,0 +1,61 @@
+---
+"@nextui-org/use-data-scroll-overflow": patch
+"@nextui-org/use-aria-accordion-item": patch
+"@nextui-org/use-aria-modal-overlay": patch
+"@nextui-org/use-aria-toggle-button": patch
+"@nextui-org/framer-transitions": patch
+"@nextui-org/use-aria-multiselect": patch
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/scroll-shadow": patch
+"@nextui-org/use-aria-accordion": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/stories-utils": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/pagination": patch
+"@nextui-org/use-aria-button": patch
+"@nextui-org/accordion": patch
+"@nextui-org/use-aria-press": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/test-utils": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/progress": patch
+"@nextui-org/skeleton": patch
+"@nextui-org/use-aria-link": patch
+"@nextui-org/divider": patch
+"@nextui-org/listbox": patch
+"@nextui-org/popover": patch
+"@nextui-org/snippet": patch
+"@nextui-org/spinner": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/avatar": patch
+"@nextui-org/button": patch
+"@nextui-org/navbar": patch
+"@nextui-org/ripple": patch
+"@nextui-org/select": patch
+"@nextui-org/slider": patch
+"@nextui-org/spacer": patch
+"@nextui-org/switch": patch
+"@nextui-org/badge": patch
+"@nextui-org/image": patch
+"@nextui-org/input": patch
+"@nextui-org/modal": patch
+"@nextui-org/radio": patch
+"@nextui-org/table": patch
+"@nextui-org/card": patch
+"@nextui-org/chip": patch
+"@nextui-org/code": patch
+"@nextui-org/link": patch
+"@nextui-org/menu": patch
+"@nextui-org/tabs": patch
+"@nextui-org/user": patch
+"@nextui-org/system-rsc": patch
+"@nextui-org/kbd": patch
+"@nextui-org/system": patch
+"@nextui-org/react": patch
+"@nextui-org/theme": patch
+---
+
+Peer dependencies fixed to not install depedencies that were already installed
diff --git a/.changeset/healthy-cobras-crash.md b/.changeset/healthy-cobras-crash.md
new file mode 100644
index 000000000..29736cbcf
--- /dev/null
+++ b/.changeset/healthy-cobras-crash.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+feat: added RTL support to accordion component
diff --git a/.changeset/hip-years-sip.md b/.changeset/hip-years-sip.md
new file mode 100644
index 000000000..e719a7f9a
--- /dev/null
+++ b/.changeset/hip-years-sip.md
@@ -0,0 +1,147 @@
+---
+"@nextui-org/shared-icons": patch
+"@nextui-org/popover": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/select": patch
+"@nextui-org/slider": patch
+"@nextui-org/badge": patch
+"@nextui-org/theme": patch
+---
+
+Changes
+
+- Slider tooltip support added
+
+Breaking Changes
+
+- Popover API changed to improve the arrow implementation, arrow is now a pseudo element, this allows the popover to also move the arrow all-together, this change impacts the Popover, Tooltip and Select implementations.
+
+Popover changes:
+
+```diff
+  <Popover
+      showArrow
+      backdrop="opaque"
+      placement="right"
+      classNames={{
+-        base: "py-3 px-4 border border-default-200 bg-gradient-to-br from-white to-default-300 dark:from-default-100 dark:to-default-50",
++        base: [
++          // the "before" pseudo element is now the popover' arrow
++          "before:bg-default-200"
++        ],
+-        arrow: "bg-default-200",
++        content: [ // now we need to use the "content" slot to actually modify the popover' content styles
++          "py-3 px-4 border border-default-200",
++          "bg-gradient-to-br from-white to-default-300",
++          "dark:from-default-100 dark:to-default-50",
+        ],
+      }}
+    >
+      <PopoverTrigger>
+        <Button>Open Popover</Button>
+      </PopoverTrigger>
+      <PopoverContent>
+        {(titleProps) => (
+          <div className="px-1 py-2">
+            <h3 className="text-small font-bold" {...titleProps}>
+              Popover Content
+            </h3>
+            <div className="text-tiny">This is the popover content</div>
+          </div>
+        )}
+      </PopoverContent>
+  </Popover>
+```
+
+Tooltip changes:
+
+```diff
+ <Tooltip
+      showArrow
+      placement="right"
+      content="I am a tooltip"
+      classNames={{
+-        base: "py-2 px-4 shadow-xl text-black bg-gradient-to-br from-white to-neutral-400",
+-        arrow: "bg-neutral-400 dark:bg-white",
++        base: [
++          // the "before" pseudo element is now the popover' arrow
++          "before:bg-neutral-400 dark:before:bg-white",
++        ],
++        content: [ // now we need to use the "content" slot to actually modify the popover' content styles
++          "py-2 px-4 shadow-xl",
++          "text-black bg-gradient-to-br from-white to-neutral-400",
++        ],
+      }}
+    >
+      <Button variant="flat">Hover me</Button>
+</Tooltip>
+```
+
+Select changes:
+
+```diff
+ <Select
+      items={users}
+      label="Assigned to"
+      className="max-w-xs"
+      variant="bordered"
+      classNames={{
+        label: "group-data-[filled=true]:-translate-y-5",
+        trigger: "min-h-unit-16",
+        listboxWrapper: "max-h-[400px]",
+      }}
+      listboxProps={{
+        itemClasses: {
+          base: [
+            "rounded-md",
+            "text-default-500",
+            "transition-opacity",
+            "data-[hover=true]:text-foreground",
+            "data-[hover=true]:bg-default-100",
+            "dark:data-[hover=true]:bg-default-50",
+            "data-[selectable=true]:focus:bg-default-50",
+            "data-[pressed=true]:opacity-70",
+            "data-[focus-visible=true]:ring-default-500",
+          ],
+        },
+      }}
+      popoverProps={{
+        classNames: {
+-          base: "p-0 border-small border-divider bg-background",
+-          arrow: "bg-default-200",
++          base: "before:bg-default-200", // the before pseudo element controls the popover's arrow
++          content: "p-0 border-small border-divider bg-background", // now instead of the "base" slot we use the "content" slot
+        },
+      }}
+      renderValue={(items) => {
+        return items.map((item) => (
+          <div key={item.key} className="flex items-center gap-2">
+            <Avatar
+              alt={item.data.name}
+              className="flex-shrink-0"
+              size="sm"
+              src={item.data.avatar}
+            />
+            <div className="flex flex-col">
+              <span>{item.data.name}</span>
+              <span className="text-default-500 text-tiny">({item.data.email})</span>
+            </div>
+          </div>
+        ));
+      }}
+    >
+      {(user) => (
+        <SelectItem key={user.id} textValue={user.name}>
+          <div className="flex gap-2 items-center">
+            <Avatar alt={user.name} className="flex-shrink-0" size="sm" src={user.avatar} />
+            <div className="flex flex-col">
+              <span className="text-small">{user.name}</span>
+              <span className="text-tiny text-default-400">{user.email}</span>
+            </div>
+          </div>
+        </SelectItem>
+      )}
+    </Select>
+  );
+}`;
+```
diff --git a/.changeset/odd-impalas-swim.md b/.changeset/odd-impalas-swim.md
new file mode 100644
index 000000000..c23860f31
--- /dev/null
+++ b/.changeset/odd-impalas-swim.md
@@ -0,0 +1,7 @@
+---
+"@nextui-org/use-data-scroll-overflow": patch
+"@nextui-org/scroll-shadow": patch
+---
+
+- use-data-scroll-shadow hook logic improved
+- controlled way to set the shadow visibility added to ScrollShadow
diff --git a/.changeset/orange-bobcats-kneel.md b/.changeset/orange-bobcats-kneel.md
new file mode 100644
index 000000000..ccb02170f
--- /dev/null
+++ b/.changeset/orange-bobcats-kneel.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+feat: added RTL support to button group component
diff --git a/.changeset/seven-buses-cry.md b/.changeset/seven-buses-cry.md
new file mode 100644
index 000000000..d5268105a
--- /dev/null
+++ b/.changeset/seven-buses-cry.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+Transition animation added to Menu/Listbox items
diff --git a/.changeset/shy-camels-press.md b/.changeset/shy-camels-press.md
new file mode 100644
index 000000000..74eee167c
--- /dev/null
+++ b/.changeset/shy-camels-press.md
@@ -0,0 +1,9 @@
+---
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/shared-icons": patch
+---
+
+- pickChildren function return type fixed
+- new icon added to the shared icons
+- breadcrumbs improvements
diff --git a/.changeset/shy-pans-juggle.md b/.changeset/shy-pans-juggle.md
new file mode 100644
index 000000000..f64c47084
--- /dev/null
+++ b/.changeset/shy-pans-juggle.md
@@ -0,0 +1,7 @@
+---
+"@nextui-org/input": patch
+"@nextui-org/theme": patch
+---
+
+- Textarea styles fixed
+- New prop added to text area `disableAutosize` to preventthe resize
diff --git a/.changeset/stupid-experts-jam.md b/.changeset/stupid-experts-jam.md
new file mode 100644
index 000000000..244770e49
--- /dev/null
+++ b/.changeset/stupid-experts-jam.md
@@ -0,0 +1,16 @@
+---
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/popover": patch
+"@nextui-org/snippet": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/select": patch
+"@nextui-org/slider": patch
+"@nextui-org/badge": patch
+"@nextui-org/react": patch
+"@nextui-org/theme": patch
+---
+
+- New component: Slider
+- Arrow removed from the popover styles and code as well as from related components such as Tooltip, Snippet and Select
diff --git a/.changeset/tender-penguins-love.md b/.changeset/tender-penguins-love.md
new file mode 100644
index 000000000..6922e0cb5
--- /dev/null
+++ b/.changeset/tender-penguins-love.md
@@ -0,0 +1,6 @@
+---
+"@nextui-org/avatar": patch
+"@nextui-org/theme": patch
+---
+
+feat: added RTL support to avatar and avatar group component
diff --git a/.changeset/wise-apples-travel.md b/.changeset/wise-apples-travel.md
new file mode 100644
index 000000000..c6db23474
--- /dev/null
+++ b/.changeset/wise-apples-travel.md
@@ -0,0 +1,10 @@
+---
+"@nextui-org/listbox": patch
+"@nextui-org/table": patch
+"@nextui-org/menu": patch
+"@nextui-org/tabs": patch
+"@nextui-org/system-rsc": patch
+"@nextui-org/theme": patch
+---
+
+Collection-based components support on extendVariants function added, input focus-visible outline removed, collection item components "as" prop fixed
diff --git a/apps/docs/app/examples/autocomplete/async-filtering/page.tsx b/apps/docs/app/examples/autocomplete/async-filtering/page.tsx
new file mode 100644
index 000000000..f5bcb9cb9
--- /dev/null
+++ b/apps/docs/app/examples/autocomplete/async-filtering/page.tsx
@@ -0,0 +1,47 @@
+/* eslint-disable no-console */
+"use client";
+
+import * as React from "react";
+import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {useAsyncList} from "@react-stately/data";
+
+type SWCharacter = {
+  name: string;
+  height: string;
+  mass: string;
+  birth_year: string;
+};
+
+export default function Page() {
+  let list = useAsyncList<SWCharacter>({
+    async load({signal, filterText}) {
+      let res = await fetch(`https://swapi.py4e.com/api/people/?search=${filterText}`, {signal});
+      let json = await res.json();
+
+      return {
+        items: json.results,
+      };
+    },
+  });
+
+  return (
+    <div className="p-6">
+      <Autocomplete
+        className="max-w-xs"
+        inputValue={list.filterText}
+        isLoading={list.isLoading}
+        items={list.items}
+        label="Select a character"
+        placeholder="Type to search..."
+        variant="bordered"
+        onInputChange={list.setFilterText}
+      >
+        {(item) => (
+          <AutocompleteItem key={item.name} className="capitalize">
+            {item.name}
+          </AutocompleteItem>
+        )}
+      </Autocomplete>
+    </div>
+  );
+}
diff --git a/apps/docs/app/examples/autocomplete/async-items-loading/page.tsx b/apps/docs/app/examples/autocomplete/async-items-loading/page.tsx
new file mode 100644
index 000000000..303d96cbb
--- /dev/null
+++ b/apps/docs/app/examples/autocomplete/async-items-loading/page.tsx
@@ -0,0 +1,113 @@
+/* eslint-disable no-console */
+"use client";
+
+import * as React from "react";
+import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {useInfiniteScroll} from "@nextui-org/use-infinite-scroll";
+
+type Pokemon = {
+  name: string;
+  url: string;
+};
+
+type UsePokemonListProps = {
+  /** Delay to wait before fetching more items */
+  fetchDelay?: number;
+};
+
+function usePokemonList({fetchDelay = 0}: UsePokemonListProps = {}) {
+  const [items, setItems] = React.useState<Pokemon[]>([]);
+  const [hasMore, setHasMore] = React.useState(true);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [offset, setOffset] = React.useState(0);
+  const limit = 10; // Number of items per page, adjust as necessary
+
+  const loadPokemon = async (currentOffset: number) => {
+    const controller = new AbortController();
+    const {signal} = controller;
+
+    try {
+      setIsLoading(true);
+
+      if (offset > 0) {
+        // Delay to simulate network latency
+        await new Promise((resolve) => setTimeout(resolve, fetchDelay));
+      }
+
+      let res = await fetch(
+        `https://pokeapi.co/api/v2/pokemon?offset=${currentOffset}&limit=${limit}`,
+        {signal},
+      );
+
+      if (!res.ok) {
+        throw new Error("Network response was not ok");
+      }
+
+      let json = await res.json();
+
+      setHasMore(json.next !== null);
+      // Append new results to existing ones
+      setItems((prevItems) => [...prevItems, ...json.results]);
+    } catch (error) {
+      // @ts-ignore
+      if (error.name === "AbortError") {
+        console.log("Fetch aborted");
+      } else {
+        console.error("There was an error with the fetch operation:", error);
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  React.useEffect(() => {
+    loadPokemon(offset);
+  }, []);
+
+  const onLoadMore = () => {
+    const newOffset = offset + limit;
+
+    setOffset(newOffset);
+    loadPokemon(newOffset);
+  };
+
+  return {
+    items,
+    hasMore,
+    isLoading,
+    onLoadMore,
+  };
+}
+
+export default function Page() {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const {items, hasMore, isLoading, onLoadMore} = usePokemonList({fetchDelay: 1500});
+
+  const [, scrollerRef] = useInfiniteScroll({
+    hasMore,
+    isEnabled: isOpen,
+    shouldUseLoader: false, // We don't want to show the loader at the bottom of the list
+    onLoadMore,
+  });
+
+  return (
+    <div className="p-6">
+      <Autocomplete
+        className="max-w-xs"
+        defaultItems={items}
+        isLoading={isLoading}
+        label="Pick a Pokemon"
+        placeholder="Select a Pokemon"
+        scrollRef={scrollerRef}
+        variant="bordered"
+        onOpenChange={setIsOpen}
+      >
+        {(item) => (
+          <AutocompleteItem key={item.name} className="capitalize">
+            {item.name}
+          </AutocompleteItem>
+        )}
+      </Autocomplete>
+    </div>
+  );
+}
diff --git a/apps/docs/app/examples/autocomplete/fully-controlled/page.tsx b/apps/docs/app/examples/autocomplete/fully-controlled/page.tsx
new file mode 100644
index 000000000..e2e21baa6
--- /dev/null
+++ b/apps/docs/app/examples/autocomplete/fully-controlled/page.tsx
@@ -0,0 +1,107 @@
+"use client";
+
+import * as React from "react";
+import {Autocomplete, AutocompleteItem, MenuTriggerAction} from "@nextui-org/react";
+import {useFilter} from "@react-aria/i18n";
+
+const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];
+
+type FieldState = {
+  selectedKey: React.Key | null;
+  inputValue: string;
+  items: typeof animals;
+};
+
+export default function Page() {
+  // Store ComboBox input value, selected option, open state, and items
+  // in a state tracker
+  const [fieldState, setFieldState] = React.useState<FieldState>({
+    selectedKey: "",
+    inputValue: "",
+    items: animals,
+  });
+
+  // Implement custom filtering logic and control what items are
+  // available to the Autocomplete.
+  const {startsWith} = useFilter({sensitivity: "base"});
+
+  // Specify how each of the Autocomplete values should change when an
+  // option is selected from the list box
+  const onSelectionChange = (key: React.Key) => {
+    setFieldState((prevState) => {
+      let selectedItem = prevState.items.find((option) => option.value === key);
+
+      return {
+        inputValue: selectedItem?.label || "",
+        selectedKey: key,
+        items: animals.filter((item) => startsWith(item.label, selectedItem?.label || "")),
+      };
+    });
+  };
+
+  // Specify how each of the Autocomplete values should change when the input
+  // field is altered by the user
+  const onInputChange = (value: string) => {
+    setFieldState((prevState) => ({
+      inputValue: value,
+      selectedKey: value === "" ? null : prevState.selectedKey,
+      items: animals.filter((item) => startsWith(item.label, value)),
+    }));
+  };
+
+  // Show entire list if user opens the menu manually
+  const onOpenChange = (isOpen: boolean, menuTrigger: MenuTriggerAction) => {
+    if (menuTrigger === "manual" && isOpen) {
+      setFieldState((prevState) => ({
+        inputValue: prevState.inputValue,
+        selectedKey: prevState.selectedKey,
+        items: animals,
+      }));
+    }
+  };
+
+  return (
+    <div className="p-6">
+      <Autocomplete
+        className="max-w-xs"
+        inputValue={fieldState.inputValue}
+        items={fieldState.items}
+        label="Favorite Animal"
+        placeholder="Select an animal"
+        selectedKey={fieldState.selectedKey}
+        variant="bordered"
+        onInputChange={onInputChange}
+        onOpenChange={onOpenChange}
+        onSelectionChange={onSelectionChange}
+      >
+        {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+      </Autocomplete>
+    </div>
+  );
+}
diff --git a/apps/docs/app/examples/perf/page.tsx b/apps/docs/app/examples/perf/page.tsx
index 2ed0b63a6..4c2430c2c 100644
--- a/apps/docs/app/examples/perf/page.tsx
+++ b/apps/docs/app/examples/perf/page.tsx
@@ -9,10 +9,17 @@ import {
   Textarea,
   Input,
   Tab,
+  Avatar,
+  Select,
+  SelectItem,
   AccordionItem,
+  Pagination,
   extendVariants,
+  PaginationItem,
 } from "@nextui-org/react";
-import {useState} from "react";
+import {useFilter} from "@react-aria/i18n";
+import {useEffect, useMemo, useRef, useState} from "react";
+import {useSearchParams} from "next/navigation";
 
 import {SearchLinearIcon} from "@/components/icons";
 
@@ -178,13 +185,297 @@ const MyButton2 = extendVariants(Button, {
   defaultVariants: {},
 });
 
+const usersData = [
+  {
+    id: 1,
+    name: "Tony Reichert",
+    role: "CEO",
+    team: "Management",
+    status: "active",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/1.png",
+    email: "tony.reichert@example.com",
+  },
+  {
+    id: 2,
+    name: "Zoey Lang",
+    role: "Tech Lead",
+    team: "Development",
+    status: "paused",
+    age: "25",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/1.png",
+    email: "zoey.lang@example.com",
+  },
+  {
+    id: 3,
+    name: "Jane Fisher",
+    role: "Sr. Dev",
+    team: "Development",
+    status: "active",
+    age: "22",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/2.png",
+    email: "jane.fisher@example.com",
+  },
+  {
+    id: 4,
+    name: "William Howard",
+    role: "C.M.",
+    team: "Marketing",
+    status: "vacation",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/2.png",
+    email: "william.howard@example.com",
+  },
+  {
+    id: 5,
+    name: "Kristen Copper",
+    role: "S. Manager",
+    team: "Sales",
+    status: "active",
+    age: "24",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/3.png",
+    email: "kristen.cooper@example.com",
+  },
+  {
+    id: 6,
+    name: "Brian Kim",
+    role: "P. Manager",
+    team: "Management",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/3.png",
+    email: "brian.kim@example.com",
+    status: "Active",
+  },
+  {
+    id: 7,
+    name: "Michael Hunt",
+    role: "Designer",
+    team: "Design",
+    status: "paused",
+    age: "27",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/4.png",
+    email: "michael.hunt@example.com",
+  },
+  {
+    id: 8,
+    name: "Samantha Brooks",
+    role: "HR Manager",
+    team: "HR",
+    status: "active",
+    age: "31",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/4.png",
+    email: "samantha.brooks@example.com",
+  },
+  {
+    id: 9,
+    name: "Frank Harrison",
+    role: "F. Manager",
+    team: "Finance",
+    status: "vacation",
+    age: "33",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/5.png",
+    email: "frank.harrison@example.com",
+  },
+  {
+    id: 10,
+    name: "Emma Adams",
+    role: "Ops Manager",
+    team: "Operations",
+    status: "active",
+    age: "35",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/5.png",
+    email: "emma.adams@example.com",
+  },
+  {
+    id: 11,
+    name: "Brandon Stevens",
+    role: "Jr. Dev",
+    team: "Development",
+    status: "active",
+    age: "22",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/7.png",
+    email: "brandon.stevens@example.com",
+  },
+  {
+    id: 12,
+    name: "Megan Richards",
+    role: "P. Manager",
+    team: "Product",
+    status: "paused",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/7.png",
+    email: "megan.richards@example.com",
+  },
+  {
+    id: 13,
+    name: "Oliver Scott",
+    role: "S. Manager",
+    team: "Security",
+    status: "active",
+    age: "37",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/8.png",
+    email: "oliver.scott@example.com",
+  },
+  {
+    id: 14,
+    name: "Grace Allen",
+    role: "M. Specialist",
+    team: "Marketing",
+    status: "active",
+    age: "30",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/8.png",
+    email: "grace.allen@example.com",
+  },
+  {
+    id: 15,
+    name: "Noah Carter",
+    role: "IT Specialist",
+    team: "I. Technology",
+    status: "paused",
+    age: "31",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/9.png",
+    email: "noah.carter@example.com",
+  },
+  {
+    id: 16,
+    name: "Ava Perez",
+    role: "Manager",
+    team: "Sales",
+    status: "active",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/9.png",
+    email: "ava.perez@example.com",
+  },
+  {
+    id: 17,
+    name: "Liam Johnson",
+    role: "Data Analyst",
+    team: "Analysis",
+    status: "active",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/11.png",
+    email: "liam.johnson@example.com",
+  },
+  {
+    id: 18,
+    name: "Sophia Taylor",
+    role: "QA Analyst",
+    team: "Testing",
+    status: "active",
+    age: "27",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/11.png",
+    email: "sophia.taylor@example.com",
+  },
+  {
+    id: 19,
+    name: "Lucas Harris",
+    role: "Administrator",
+    team: "Information Technology",
+    status: "paused",
+    age: "32",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/12.png",
+    email: "lucas.harris@example.com",
+  },
+  {
+    id: 20,
+    name: "Mia Robinson",
+    role: "Coordinator",
+    team: "Operations",
+    status: "active",
+    age: "26",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/12.png",
+    email: "mia.robinson@example.com",
+  },
+];
+
 export default function NextUIPerf() {
   const [textA, setTextA] = useState<string>("");
   const [textB, setTextB] = useState<string>("");
   const [textC, setTextC] = useState<string>("");
+  const [isOpen, setIsOpen] = useState<boolean>(false);
+  const [inputValue, setInputValue] = useState<string>();
+  const [selectedKey, setSelectedKey] = useState<string>("");
+
+  const searchParams = useSearchParams();
+
+  const page = Number(searchParams.get("page"));
+
+  let {startsWith} = useFilter({sensitivity: "base"});
+
+  const filteredItems = inputValue
+    ? usersData.filter((item) => startsWith(item.name, inputValue))
+    : usersData;
+
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    isOpen && inputRef?.current?.focus();
+  }, [isOpen]);
+
+  const handleSelectionChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    setSelectedKey(e.target.value);
+  };
+
+  const topContent = useMemo(() => {
+    return (
+      <Input
+        ref={inputRef}
+        isClearable
+        aria-activedescendant={selectedKey}
+        aria-expanded={isOpen}
+        aria-label="Search user"
+        autoComplete="off"
+        autoCorrect="off"
+        className="z-10 sticky top-1"
+        placeholder="Search..."
+        spellCheck={false}
+        startContent={<SearchLinearIcon className="text-default-400" size={18} strokeWidth="2" />}
+        type="text"
+        onValueChange={setInputValue}
+      />
+    );
+  }, [inputRef, selectedKey, isOpen]);
 
   return (
     <div className="w-full p-24 gap-4 flex flex-col">
+      <Select
+        classNames={{
+          base: "max-w-xs",
+          listboxWrapper: "scroll-pb-6 scroll-pt-28",
+        }}
+        items={filteredItems}
+        label="Assigned to"
+        labelPlacement="outside"
+        listboxProps={{
+          topContent,
+          variant: "flat",
+          classNames: {
+            base: [
+              "before:content-[''] before:rounded-t-medium before:fixed before:w-full before:h-14 before:z-10",
+              "before:top-0 before:left-0 before:bg-gradient-to-b before:from-default-50",
+            ],
+          },
+        }}
+        placeholder="Select a user"
+        selectedKeys={[selectedKey]}
+        showScrollIndicators={false}
+        variant="flat"
+        onChange={handleSelectionChange}
+        onOpenChange={setIsOpen}
+      >
+        {(item) => (
+          <SelectItem key={item.id} textValue={item.name}>
+            <div className="flex gap-2 items-center">
+              <Avatar alt={item.name} className="flex-shrink-0" size="sm" src={item.avatar} />
+              <div className="flex flex-col">
+                <span className="text-small">{item.name}</span>
+                <span className="text-tiny text-default-400">{item.email}</span>
+              </div>
+            </div>
+          </SelectItem>
+        )}
+      </Select>
+
       <Accordion>
         <AccordionItem key="1" aria-label="Accordion 1" title="Accordion 1">
           Non est aliqua tempor occaecat laborum. Lorem culpa minim irure mollit. Est qui
@@ -254,6 +545,15 @@ export default function NextUIPerf() {
       <Button>Click Me!</Button>
 
       <MyButton2 color="foreground">Press Me!</MyButton2>
+
+      <Pagination
+        showControls
+        initialPage={page ?? 1}
+        renderItem={({page, ...itemProps}) => {
+          return <PaginationItem href={`/examples/perf?page=${page}`} {...itemProps} />;
+        }}
+        total={10}
+      />
     </div>
   );
 }
diff --git a/apps/docs/app/providers.tsx b/apps/docs/app/providers.tsx
index f9b897d77..cda396c8e 100644
--- a/apps/docs/app/providers.tsx
+++ b/apps/docs/app/providers.tsx
@@ -4,6 +4,7 @@ import * as React from "react";
 import {NextUIProvider} from "@nextui-org/react";
 import {ThemeProvider as NextThemesProvider} from "next-themes";
 import {ThemeProviderProps} from "next-themes/dist/types";
+import {useRouter} from "next/navigation";
 
 export interface ProvidersProps {
   children: React.ReactNode;
@@ -11,8 +12,10 @@ export interface ProvidersProps {
 }
 
 export function Providers({children, themeProps}: ProvidersProps) {
+  const router = useRouter();
+
   return (
-    <NextUIProvider>
+    <NextUIProvider navigate={router.push}>
       <NextThemesProvider {...themeProps}>{children}</NextThemesProvider>
     </NextUIProvider>
   );
diff --git a/apps/docs/components/demos/music-player.tsx b/apps/docs/components/demos/music-player.tsx
index d1b907e76..b48e497c8 100644
--- a/apps/docs/components/demos/music-player.tsx
+++ b/apps/docs/components/demos/music-player.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import {Card, CardBody, Button, Image, Progress, CardProps} from "@nextui-org/react";
+import {Card, CardBody, Button, Image, Slider, CardProps} from "@nextui-org/react";
 import {useState, FC} from "react";
 import {clsx} from "@nextui-org/shared-utils";
 import NextImage from "next/image";
@@ -63,15 +63,15 @@ export const MusicPlayer: FC<MusicPlayerProps> = ({className, ...otherProps}) =>
             </div>
 
             <div className="flex flex-col mt-3 gap-1">
-              <Progress
+              <Slider
                 aria-label="Music progress"
                 classNames={{
-                  indicator: "bg-default-800 dark:bg-white",
                   track: "bg-default-500/30",
+                  thumb: "w-2 h-2 after:w-2 after:h-2 after:bg-foreground",
                 }}
-                color="default"
+                color="foreground"
+                defaultValue={33}
                 size="sm"
-                value={33}
               />
               <div className="flex justify-between">
                 <p className="text-sm">1:23</p>
diff --git a/apps/docs/components/docs/components/code-demo/code-demo.tsx b/apps/docs/components/docs/components/code-demo/code-demo.tsx
index cd949d54b..0fb97e90e 100644
--- a/apps/docs/components/docs/components/code-demo/code-demo.tsx
+++ b/apps/docs/components/docs/components/code-demo/code-demo.tsx
@@ -32,7 +32,6 @@ interface CodeDemoProps extends UseCodeDemoProps, WindowResizerProps {
   showSandpackPreview?: boolean;
   initialEditorOpen?: boolean;
   enableResize?: boolean;
-  showTabs?: boolean;
   showPreview?: boolean;
   hideWindowActions?: boolean;
   showOpenInCodeSandbox?: boolean;
@@ -54,6 +53,7 @@ export const CodeDemo: React.FC<CodeDemoProps> = ({
   showEditor = true,
   showPreview = true,
   asIframe = false,
+  showTabs = true,
   resizeEnabled = true,
   hideWindowActions = false,
   showSandpackPreview = false,
@@ -66,7 +66,6 @@ export const CodeDemo: React.FC<CodeDemoProps> = ({
   previewHeight = "auto",
   overflow = "visible",
   displayMode = "always",
-  showTabs = true,
   gradientColor,
   highlightedLines,
   iframeInitialWidth,
diff --git a/apps/docs/components/docs/sidebar.tsx b/apps/docs/components/docs/sidebar.tsx
index bca10e50a..463539dfb 100644
--- a/apps/docs/components/docs/sidebar.tsx
+++ b/apps/docs/components/docs/sidebar.tsx
@@ -70,6 +70,7 @@ function TreeItem<T>(props: TreeItemProps<T>) {
       };
 
   const isNew = item.props?.newPost;
+  const isUpdated = item.props?.updated;
 
   const isExpanded = state.expandedKeys.has(key);
   const isSelected =
@@ -159,6 +160,16 @@ function TreeItem<T>(props: TreeItemProps<T>) {
             >
               {rendered}
             </span>
+            {isUpdated && (
+              <Chip
+                className="ml-1 py-1 text-tiny text-default-400 bg-default-100/50"
+                color="default"
+                size="sm"
+                variant="flat"
+              >
+                Updated
+              </Chip>
+            )}
             {isNew && (
               <Chip className="ml-1 py-1 text-tiny" color="primary" size="sm" variant="flat">
                 New
diff --git a/apps/docs/components/mdx-components.tsx b/apps/docs/components/mdx-components.tsx
index 3586960ca..5f3369509 100644
--- a/apps/docs/components/mdx-components.tsx
+++ b/apps/docs/components/mdx-components.tsx
@@ -229,7 +229,7 @@ export const MDXComponents = {
   ),
   Steps: ({...props}) => (
     <div
-      className="[&>h3]:step [&>h3>a]:pt-0.5 mb-12 ml-4 relative border-l border-default-100 pl-[1.625rem] [counter-reset:step]"
+      className="[&>h3]:step [&>h3>a]:pt-0.5 [&>h4]:step [&>h4>a]:pt-0.5 mb-12 ml-4 relative border-l border-default-100 pl-[1.625rem] [counter-reset:step]"
       {...props}
     />
   ),
diff --git a/apps/docs/components/navbar.tsx b/apps/docs/components/navbar.tsx
index 7a190ad74..6cd9e08a6 100644
--- a/apps/docs/components/navbar.tsx
+++ b/apps/docs/components/navbar.tsx
@@ -249,11 +249,11 @@ export const Navbar: FC<NavbarProps> = ({children, routes, mobileRoutes = [], sl
               color="secondary"
               href="/blog/v2.1.0"
               variant="dot"
-              onClick={() => handlePressNavbarItem("New components v2.1.0", "/blog/v2.1.0")}
+              onClick={() => handlePressNavbarItem("Introducing v2.2.0", "/blog/v2.2.0")}
             >
-              New components v2.1.0&nbsp;
-              <span aria-label="party emoji" role="img">
-                🎉
+              Introducing v2.2.0&nbsp;
+              <span aria-label="rocket emoji" role="img">
+                🚀
               </span>
             </Chip>
           </NavbarItem>
diff --git a/apps/docs/components/sandpack/code-viewer.tsx b/apps/docs/components/sandpack/code-viewer.tsx
index 3f48ebfc2..ccabed56e 100644
--- a/apps/docs/components/sandpack/code-viewer.tsx
+++ b/apps/docs/components/sandpack/code-viewer.tsx
@@ -10,6 +10,7 @@ import {Language} from "prism-react-renderer";
 import {HighlightedLines} from "./types";
 import {Decorators} from "./types";
 
+import {trackEvent} from "@/utils/va";
 import {Codeblock} from "@/components/docs/components";
 
 export interface CodeViewerProps {
@@ -83,6 +84,13 @@ export const SandpackCodeViewer = React.forwardRef<any, CodeViewerProps>(
     const handleExpand = () => {
       const nextIsExpanded = !isExpanded;
 
+      trackEvent("CodeViewer - Expand", {
+        name: activeFile,
+        action: "expand",
+        category: "docs",
+        data: nextIsExpanded ? "expanded" : "collapsed",
+      });
+
       setIsExpanded(nextIsExpanded);
       if (containerRef && containerRef?.current !== null) {
         const container = containerRef?.current;
diff --git a/apps/docs/components/sandpack/entries.ts b/apps/docs/components/sandpack/entries.ts
index f7ba3aa0c..f1bc2d217 100644
--- a/apps/docs/components/sandpack/entries.ts
+++ b/apps/docs/components/sandpack/entries.ts
@@ -1,4 +1,4 @@
-export const getFileEntry = (theme: string) => `
+export const rootFile = `
 import React from "react";
 import ReactDOM from "react-dom/client";
 import { NextUIProvider } from "@nextui-org/react";
@@ -8,13 +8,26 @@ import "./styles.css";
 ReactDOM.createRoot(document.getElementById("root")).render(
   <React.StrictMode>
     <NextUIProvider>
-      <div className="w-screen h-screen ${theme} text-foreground bg-background p-8 flex items-start justify-center">
+      <div className="w-screen h-screen p-8 flex items-start justify-center">
         <App />
       </div>  
     </NextUIProvider>
   </React.StrictMode>
 );`;
 
+export const getHtmlFile = (theme: string, entryFile: string) => `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body class="${theme} text-foreground bg-background">
+    <div id="root"></div>
+    <script type="module" src="/${entryFile}"></script>
+  </body>
+</html>`;
+
 export const tailwindConfig = `const { nextui } = require("@nextui-org/react");
 
 /** @type {import('tailwindcss').Config} */
diff --git a/apps/docs/components/sandpack/use-sandpack.ts b/apps/docs/components/sandpack/use-sandpack.ts
index b75820aa4..0818774c2 100644
--- a/apps/docs/components/sandpack/use-sandpack.ts
+++ b/apps/docs/components/sandpack/use-sandpack.ts
@@ -4,7 +4,7 @@ import {useTheme} from "next-themes";
 
 import {HighlightedLines} from "./types";
 import {getHighlightedLines, getFileName} from "./utils";
-import {getFileEntry, stylesConfig, postcssConfig, tailwindConfig} from "./entries";
+import {stylesConfig, postcssConfig, tailwindConfig, getHtmlFile, rootFile} from "./entries";
 
 import {useLocalStorage} from "@/hooks/use-local-storage";
 
@@ -185,7 +185,11 @@ export const useSandpack = ({
     files: {
       ...sortedFiles,
       [entryFile]: {
-        code: getFileEntry(theme ?? "light"),
+        code: rootFile,
+        hidden: true,
+      },
+      "index.html": {
+        code: getHtmlFile(theme ?? "light", entryFile),
         hidden: true,
       },
       "tailwind.config.js": {
diff --git a/apps/docs/config/routes.json b/apps/docs/config/routes.json
index b495e1b7a..ee62671a2 100644
--- a/apps/docs/config/routes.json
+++ b/apps/docs/config/routes.json
@@ -24,6 +24,13 @@
           "keywords": "design principles, nextui",
           "path": "/docs/guide/design-principles.mdx"
         },
+        {
+          "key": "routing",
+          "title": "Routing",
+          "keywords": "client side routing, routing, browser routing, nextui, next.js router, react router, remix router",
+          "path": "/docs/guide/routing.mdx",
+          "newPost": true
+        },
         {
           "key": "upgrade-to-v2",
           "title": "Upgrade to v2",
@@ -130,6 +137,13 @@
           "keywords": "accordion, collapse, expandable sections, content hiding",
           "path": "/docs/components/accordion.mdx"
         },
+        {
+          "key": "autocomplete",
+          "title": "Autocomplete",
+          "keywords": "autocomplete, auto suggest, search, typeahead",
+          "path": "/docs/components/autocomplete.mdx",
+          "newPost": true
+        },
         {
           "key": "badge",
           "title": "Badge",
@@ -142,6 +156,13 @@
           "keywords": "button, interactive, action trigger, click events",
           "path": "/docs/components/button.mdx"
         },
+        {
+          "key": "breadcrumbs",
+          "title": "Breadcrumbs",
+          "keywords": "breadcrumbs, navigation, path, trail, location",
+          "path": "/docs/components/breadcrumbs.mdx",
+          "newPost": true
+        },
         {
           "key": "card",
           "title": "Card",
@@ -188,7 +209,8 @@
           "key": "dropdown",
           "title": "Dropdown",
           "keywords": "dropdown, menu, selection, option list",
-          "path": "/docs/components/dropdown.mdx"
+          "path": "/docs/components/dropdown.mdx",
+          "updated": true
         },
         {
           "key": "image",
@@ -212,14 +234,15 @@
           "key": "link",
           "title": "Link",
           "keywords": "link, navigation, href, web page connection",
-          "path": "/docs/components/link.mdx"
+          "path": "/docs/components/link.mdx",
+          "updated": true
         },
         {
           "key": "listbox",
           "title": "Listbox",
           "keywords": "listbox, selection, option list, multiple choice",
           "path": "/docs/components/listbox.mdx",
-          "newPost": true
+          "updated": true
         },
         {
           "key": "modal",
@@ -261,8 +284,7 @@
           "key": "select",
           "title": "Select",
           "keywords": "select, selection, option list, multiple choice",
-          "path": "/docs/components/select.mdx",
-          "newPost": true
+          "path": "/docs/components/select.mdx"
         },
         {
           "key": "skeleton",
@@ -280,8 +302,7 @@
           "key": "scroll-shadow",
           "title": "Scroll Shadow",
           "keywords": "scroll shadow, scroll indicator, scroll bar, scroll position",
-          "path": "/docs/components/scroll-shadow.mdx",
-          "newPost": true
+          "path": "/docs/components/scroll-shadow.mdx"
         },
         {
           "key": "spacer",
@@ -301,6 +322,13 @@
           "keywords": "switch, toggle, binary input, on/off control",
           "path": "/docs/components/switch.mdx"
         },
+        {
+          "key": "slider",
+          "title": "Slider",
+          "keywords": "slider, range input, value selector, sliding control",
+          "path": "/docs/components/slider.mdx",
+          "newPost": true
+        },
         {
           "key": "table",
           "title": "Table",
@@ -311,13 +339,15 @@
           "key": "tabs",
           "title": "Tabs",
           "keywords": "tabs, section navigation, categorized content, tabbed interface",
-          "path": "/docs/components/tabs.mdx"
+          "path": "/docs/components/tabs.mdx",
+          "updated": true
         },
         {
           "key": "textarea",
           "title": "Textarea",
           "keywords": "textarea, multi-line text input, large text field, form control",
-          "path": "/docs/components/textarea.mdx"
+          "path": "/docs/components/textarea.mdx",
+          "updated": true
         },
         {
           "key": "tooltip",
diff --git a/apps/docs/config/search-meta.json b/apps/docs/config/search-meta.json
index 72f6594f3..88097d931 100644
--- a/apps/docs/config/search-meta.json
+++ b/apps/docs/config/search-meta.json
@@ -1,28 +1,28 @@
 [
   {
     "content": "Accordion",
-    "objectID": "3ca6cde7-7e6e-4292-aefc-ecf936e1fb93",
+    "objectID": "bd5a3b8a-0164-4b27-9081-a8d98f0ab904",
     "type": "lvl1",
     "url": "/docs/components/accordion",
     "hierarchy": { "lvl1": "Accordion" }
   },
   {
     "content": "Import",
-    "objectID": "50033914-210d-4c8b-8004-c2b34c6fbdfa",
+    "objectID": "211c527d-6f22-4309-8250-df8a502d3e95",
     "type": "lvl2",
     "url": "/docs/components/accordion#import",
     "hierarchy": { "lvl1": "Accordion", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "6e8b56c7-ca2f-4ca3-a2c2-07c82eb8e15c",
+    "objectID": "10ae9c0e-45f9-4469-9c2e-7bb8e534a344",
     "type": "lvl2",
     "url": "/docs/components/accordion#usage",
     "hierarchy": { "lvl1": "Accordion", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "With Subtitle",
-    "objectID": "4610f522-78e5-41bd-9f64-cbd009452718",
+    "objectID": "537fdbb5-561d-478b-a76f-c82449c1145a",
     "type": "lvl3",
     "url": "/docs/components/accordion#with-subtitle",
     "hierarchy": {
@@ -33,7 +33,7 @@
   },
   {
     "content": "Expand multiple items",
-    "objectID": "0e48151d-ec9c-4dde-8bd4-3ddab47f18e9",
+    "objectID": "02cefb41-9356-4ced-acea-bac4587659cf",
     "type": "lvl3",
     "url": "/docs/components/accordion#expand-multiple-items",
     "hierarchy": {
@@ -44,7 +44,7 @@
   },
   {
     "content": "Compact",
-    "objectID": "bdb0fd53-de04-44e8-8de7-b0f2dbe31af1",
+    "objectID": "28164fbd-fd7a-438f-a6e2-3fb0f2282d54",
     "type": "lvl3",
     "url": "/docs/components/accordion#compact",
     "hierarchy": {
@@ -55,35 +55,35 @@
   },
   {
     "content": "Variants",
-    "objectID": "526f03ec-1b9f-4679-8c65-dbad913e2216",
+    "objectID": "6decd6b4-186c-4493-8f4f-ce7924e139af",
     "type": "lvl3",
     "url": "/docs/components/accordion#variants",
     "hierarchy": { "lvl1": "Accordion", "lvl2": "Compact", "lvl3": "Variants" }
   },
   {
     "content": "Light variant",
-    "objectID": "cee005b3-e7b3-4d6f-8c5b-0ae07876c6af",
+    "objectID": "20b62bc5-5b93-4f7b-924a-eee148b3efee",
     "type": "lvl4",
     "url": "/docs/components/accordion#light-variant",
     "hierarchy": { "lvl1": "Accordion", "lvl2": "Variants", "lvl3": null }
   },
   {
     "content": "Shadow variant",
-    "objectID": "b96580cb-3233-4855-8df3-fb88281612e8",
+    "objectID": "a93097a0-94dc-4a0f-adc8-7ffa1d8b55be",
     "type": "lvl4",
     "url": "/docs/components/accordion#shadow-variant",
     "hierarchy": { "lvl1": "Accordion", "lvl2": "Light variant", "lvl3": null }
   },
   {
     "content": "Bordered variant",
-    "objectID": "15006215-802a-43b3-a124-ba683fb9f1ab",
+    "objectID": "f0e2f8f1-a6fb-4ba6-b176-a6db32b6c4b9",
     "type": "lvl4",
     "url": "/docs/components/accordion#bordered-variant",
     "hierarchy": { "lvl1": "Accordion", "lvl2": "Shadow variant", "lvl3": null }
   },
   {
     "content": "Splitted variant",
-    "objectID": "7bef4ed5-4965-427d-b576-58a1258f7503",
+    "objectID": "69dbccfb-cbcf-41ee-a198-037e1d39438a",
     "type": "lvl4",
     "url": "/docs/components/accordion#splitted-variant",
     "hierarchy": {
@@ -94,7 +94,7 @@
   },
   {
     "content": "Default expanded keys",
-    "objectID": "337c25dc-ef15-4f26-ad3d-079533f7dba7",
+    "objectID": "3b797e41-57e5-46dd-ab22-6c504c693d51",
     "type": "lvl3",
     "url": "/docs/components/accordion#default-expanded-keys",
     "hierarchy": {
@@ -105,7 +105,7 @@
   },
   {
     "content": "Disabled keys",
-    "objectID": "c9c9e05a-b2c0-484d-92de-cf685d50e078",
+    "objectID": "341ce68a-4e12-41f0-8802-589db555ea8b",
     "type": "lvl3",
     "url": "/docs/components/accordion#disabled-keys",
     "hierarchy": {
@@ -116,7 +116,7 @@
   },
   {
     "content": "Start content",
-    "objectID": "7b358cc2-bfe9-455d-846b-9b0ffdb89306",
+    "objectID": "1d597823-f989-4f56-a27a-973987591fdc",
     "type": "lvl3",
     "url": "/docs/components/accordion#start-content",
     "hierarchy": {
@@ -127,7 +127,7 @@
   },
   {
     "content": "Custom Indicator",
-    "objectID": "52df1c73-926a-4919-a345-28e9b22363bb",
+    "objectID": "5d0a7b99-e516-4ed3-a7b0-0a48e92b65e1",
     "type": "lvl3",
     "url": "/docs/components/accordion#custom-indicator",
     "hierarchy": {
@@ -138,7 +138,7 @@
   },
   {
     "content": "Custom Motion",
-    "objectID": "7bbc8255-6f22-4d5e-a85f-fe213d18e57f",
+    "objectID": "03a1abad-bf70-4724-b5bf-bf7780d60ab3",
     "type": "lvl3",
     "url": "/docs/components/accordion#custom-motion",
     "hierarchy": {
@@ -149,7 +149,7 @@
   },
   {
     "content": "Controlled",
-    "objectID": "9c9bbfb5-5643-4a78-a5c8-f3e957735ac2",
+    "objectID": "48a31ad8-4b0c-47c4-9987-270938e2edb8",
     "type": "lvl3",
     "url": "/docs/components/accordion#controlled",
     "hierarchy": {
@@ -160,7 +160,7 @@
   },
   {
     "content": "Accordion Item Slots",
-    "objectID": "73a0db18-344a-4271-97ca-6a9718cd26e2",
+    "objectID": "ede97319-8295-412c-96e3-4fe814a9850a",
     "type": "lvl2",
     "url": "/docs/components/accordion#accordion-item-slots",
     "hierarchy": {
@@ -171,7 +171,7 @@
   },
   {
     "content": "Custom Accordion Styles",
-    "objectID": "73686949-b845-4964-9e59-9467d57fac44",
+    "objectID": "ab3e9571-dc78-4d0e-b849-1559cedd3170",
     "type": "lvl3",
     "url": "/docs/components/accordion#custom-accordion-styles",
     "hierarchy": {
@@ -182,7 +182,7 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "0f9edcdb-c639-4566-9e08-6dedc22a9693",
+    "objectID": "ecf18c2a-e32e-4bc6-9549-86fa4cb24d69",
     "type": "lvl2",
     "url": "/docs/components/accordion#data-attributes",
     "hierarchy": {
@@ -193,21 +193,21 @@
   },
   {
     "content": "Accessibility",
-    "objectID": "3fd414ff-635a-4a8c-8304-67d999c82e3e",
+    "objectID": "eb273bab-a6c5-4fea-b0cd-cca11171125b",
     "type": "lvl2",
     "url": "/docs/components/accordion#accessibility",
     "hierarchy": { "lvl1": "Accordion", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "866ba5f1-4105-411a-9fd5-968a282c925d",
+    "objectID": "f85dcbdc-6b88-41c9-af76-9039ca0ff0fe",
     "type": "lvl2",
     "url": "/docs/components/accordion#api",
     "hierarchy": { "lvl1": "Accordion", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Accordion Props",
-    "objectID": "2e805ba7-f5b5-451f-8bcd-1923d18874a3",
+    "objectID": "da9bf89a-a4e7-4c54-a44e-b82d9aa52d92",
     "type": "lvl3",
     "url": "/docs/components/accordion#accordion-props",
     "hierarchy": {
@@ -218,7 +218,7 @@
   },
   {
     "content": "Accordion Events",
-    "objectID": "91afa652-7f8e-4f59-8699-4010ac6b15d2",
+    "objectID": "780433c3-5c48-475b-ac7f-00f6bb4cd836",
     "type": "lvl3",
     "url": "/docs/components/accordion#accordion-events",
     "hierarchy": {
@@ -229,7 +229,7 @@
   },
   {
     "content": "Accordion Item Props",
-    "objectID": "ca52e5fd-86fc-4a93-8444-2936da0529cd",
+    "objectID": "8f3eb81a-ffad-46d5-9914-a0f870359ad9",
     "type": "lvl3",
     "url": "/docs/components/accordion#accordion-item-props",
     "hierarchy": {
@@ -240,7 +240,7 @@
   },
   {
     "content": "Accordion Item Events",
-    "objectID": "8607f6f1-1f75-4db3-8862-315228498615",
+    "objectID": "474e4444-ebe4-4a5d-b99c-6b5523dac1bb",
     "type": "lvl3",
     "url": "/docs/components/accordion#accordion-item-events",
     "hierarchy": {
@@ -251,7 +251,7 @@
   },
   {
     "content": "Types",
-    "objectID": "7806249b-7827-4989-84ea-4713d96256b3",
+    "objectID": "b6ba43c4-22a7-4f34-a4c8-0176d4e409bc",
     "type": "lvl3",
     "url": "/docs/components/accordion#types",
     "hierarchy": {
@@ -262,14 +262,14 @@
   },
   {
     "content": "Accordion Item Indicator Props",
-    "objectID": "3fef6937-170c-4972-97ec-d74d84059456",
+    "objectID": "b93b1d6b-0e30-44ff-b0b4-83bbca22cb5d",
     "type": "lvl4",
     "url": "/docs/components/accordion#accordion-item-indicator-props",
     "hierarchy": { "lvl1": "Accordion", "lvl2": "Types", "lvl3": null }
   },
   {
     "content": "Accordion Item classNames",
-    "objectID": "45757f3c-ea1c-4eaa-b360-b94019f22452",
+    "objectID": "3a7d3218-c838-43b5-a5cb-4b8735a11b89",
     "type": "lvl3",
     "url": "/docs/components/accordion#accordion-item-classnames",
     "hierarchy": {
@@ -280,7 +280,7 @@
   },
   {
     "content": "Motion Props",
-    "objectID": "92e4c75c-93f5-45cc-be1c-a17004e47d6d",
+    "objectID": "5f410a24-0de8-4afb-894b-ff11be9ec8a1",
     "type": "lvl4",
     "url": "/docs/components/accordion#motion-props",
     "hierarchy": {
@@ -291,63 +291,63 @@
   },
   {
     "content": "Avatar",
-    "objectID": "029528c3-fe98-4555-8258-9248677ce9c1",
+    "objectID": "ecb3868c-0773-4eca-b6af-b9f4d211bfbb",
     "type": "lvl1",
     "url": "/docs/components/avatar",
     "hierarchy": { "lvl1": "Avatar" }
   },
   {
     "content": "Import",
-    "objectID": "e31f07b6-c81f-401d-98ae-da3b95af603f",
+    "objectID": "e32ea897-78e3-4ae9-b42e-2a0f8c21740d",
     "type": "lvl2",
     "url": "/docs/components/avatar#import",
     "hierarchy": { "lvl1": "Avatar", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "79647551-5f48-4a2a-ad39-1bc873ce129f",
+    "objectID": "f9f99f67-66e6-4853-9d1a-ecadb1750d8e",
     "type": "lvl2",
     "url": "/docs/components/avatar#usage",
     "hierarchy": { "lvl1": "Avatar", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Sizes",
-    "objectID": "37ac8d5b-2c6d-49b0-8469-f1d474517efa",
+    "objectID": "c49ee1a7-16d0-45ed-b0d0-a62ff733bec1",
     "type": "lvl3",
     "url": "/docs/components/avatar#sizes",
     "hierarchy": { "lvl1": "Avatar", "lvl2": "Usage", "lvl3": "Sizes" }
   },
   {
     "content": "Disabled",
-    "objectID": "a416ddc5-c73e-4f27-b499-964d0690cf6e",
+    "objectID": "b26eeb19-126b-4ebb-81b8-0b54dfa77bd8",
     "type": "lvl3",
     "url": "/docs/components/avatar#disabled",
     "hierarchy": { "lvl1": "Avatar", "lvl2": "Sizes", "lvl3": "Disabled" }
   },
   {
     "content": "Bordered",
-    "objectID": "53a7091f-b6cc-4d6c-9bbb-1a2c97ab4368",
+    "objectID": "444e902c-8169-455c-95e2-90393ef9dea5",
     "type": "lvl3",
     "url": "/docs/components/avatar#bordered",
     "hierarchy": { "lvl1": "Avatar", "lvl2": "Disabled", "lvl3": "Bordered" }
   },
   {
     "content": "Radius",
-    "objectID": "47682ea1-509b-4ce1-88d4-36f28fc07d39",
+    "objectID": "04b91677-9295-403f-830d-b417ff57079c",
     "type": "lvl3",
     "url": "/docs/components/avatar#radius",
     "hierarchy": { "lvl1": "Avatar", "lvl2": "Bordered", "lvl3": "Radius" }
   },
   {
     "content": "Colors",
-    "objectID": "ef01c633-a1e6-477d-bd6e-263d5a5e4546",
+    "objectID": "9af579e8-0d9f-4f05-bfc7-1e4588fd9cd9",
     "type": "lvl3",
     "url": "/docs/components/avatar#colors",
     "hierarchy": { "lvl1": "Avatar", "lvl2": "Radius", "lvl3": "Colors" }
   },
   {
     "content": "Avatar Fallbacks",
-    "objectID": "7ebbac17-03a8-414f-b57e-5f4fc13ededb",
+    "objectID": "73caec47-c467-401b-8e73-3a37d77569e9",
     "type": "lvl3",
     "url": "/docs/components/avatar#avatar-fallbacks",
     "hierarchy": {
@@ -358,7 +358,7 @@
   },
   {
     "content": "Custom Fallback",
-    "objectID": "a1cffcc3-1df4-4707-b615-fdb7ba0acf85",
+    "objectID": "5559eef6-e751-4ee2-8e14-29819fb83dad",
     "type": "lvl3",
     "url": "/docs/components/avatar#custom-fallback",
     "hierarchy": {
@@ -369,7 +369,7 @@
   },
   {
     "content": "Custom Implementation",
-    "objectID": "da3dac8d-e400-4c1d-b1c2-cdd6b10bc914",
+    "objectID": "6695a10b-0647-41ec-8c3b-04b40c3f25fd",
     "type": "lvl3",
     "url": "/docs/components/avatar#custom-implementation",
     "hierarchy": {
@@ -380,7 +380,7 @@
   },
   {
     "content": "Custom intials logic",
-    "objectID": "2e2dce59-f8ad-4aad-9bfe-f99fde0bd7c6",
+    "objectID": "fafefc71-8795-4d59-83d6-a9bae842269d",
     "type": "lvl3",
     "url": "/docs/components/avatar#custom-intials-logic",
     "hierarchy": {
@@ -391,14 +391,14 @@
   },
   {
     "content": "Avatar Group",
-    "objectID": "89444b6d-1d24-4f4e-91fa-b60ffb1f68d4",
+    "objectID": "15596e4c-24a0-40db-9cfa-5bbeede45823",
     "type": "lvl2",
     "url": "/docs/components/avatar#avatar-group",
     "hierarchy": { "lvl1": "Avatar", "lvl2": "Avatar Group", "lvl3": null }
   },
   {
     "content": "Group Disabled",
-    "objectID": "c19d4604-9aa9-462a-85ad-69fdc3b1b31d",
+    "objectID": "4bdc73ba-2287-466a-aa23-fbb3f54086ca",
     "type": "lvl3",
     "url": "/docs/components/avatar#group-disabled",
     "hierarchy": {
@@ -409,7 +409,7 @@
   },
   {
     "content": "Group Max Count",
-    "objectID": "ddf02c6b-53fe-4ad1-84ca-953509e34bbc",
+    "objectID": "02552562-4517-4de0-aaa9-e5617d91609b",
     "type": "lvl3",
     "url": "/docs/components/avatar#group-max-count",
     "hierarchy": {
@@ -420,7 +420,7 @@
   },
   {
     "content": "Group Total Count",
-    "objectID": "991cb607-8e61-45f2-bae7-6cf354f6a055",
+    "objectID": "0cacda46-4134-4973-aa25-734e2be782dc",
     "type": "lvl3",
     "url": "/docs/components/avatar#group-total-count",
     "hierarchy": {
@@ -431,7 +431,7 @@
   },
   {
     "content": "Group Custom count",
-    "objectID": "45b8c41e-e8c9-44ee-9607-c87bf0f0b04e",
+    "objectID": "381bd8a8-9473-4fa4-9273-7cd7930133be",
     "type": "lvl3",
     "url": "/docs/components/avatar#group-custom-count",
     "hierarchy": {
@@ -442,7 +442,7 @@
   },
   {
     "content": "Group Grid",
-    "objectID": "adf8df44-7de1-4b7e-8b0a-2c8126e6702f",
+    "objectID": "545ba775-e42c-4a1b-9df3-47bca8b3186b",
     "type": "lvl3",
     "url": "/docs/components/avatar#group-grid",
     "hierarchy": {
@@ -453,7 +453,7 @@
   },
   {
     "content": "Group Custom Implementation",
-    "objectID": "f78576b4-eccb-4aa7-8099-820f95984f3a",
+    "objectID": "40dd538c-16b6-46d7-b9f0-097449f0dba3",
     "type": "lvl3",
     "url": "/docs/components/avatar#group-custom-implementation",
     "hierarchy": {
@@ -464,14 +464,14 @@
   },
   {
     "content": "Slots",
-    "objectID": "d02ff37b-b8de-4a02-9998-cc2a90e3314f",
+    "objectID": "36aade5e-2d72-4f49-99c4-512d1605a7d6",
     "type": "lvl2",
     "url": "/docs/components/avatar#slots",
     "hierarchy": { "lvl1": "Avatar", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Avatar Styles",
-    "objectID": "4eae0cab-cbb4-4eba-937c-cac7d002119c",
+    "objectID": "39d4d4f5-2767-4db5-99d1-da7325c20f47",
     "type": "lvl3",
     "url": "/docs/components/avatar#custom-avatar-styles",
     "hierarchy": {
@@ -482,28 +482,28 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "4cac1ac6-baec-4b3b-8903-61583c719797",
+    "objectID": "f3608ff1-2b2c-424a-8c12-629108d1f34c",
     "type": "lvl2",
     "url": "/docs/components/avatar#data-attributes",
     "hierarchy": { "lvl1": "Avatar", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "e09a4a8c-56bb-43bb-b011-50cea32abc34",
+    "objectID": "09bf76c2-39c9-4d2a-a2f4-f8c99571df4f",
     "type": "lvl2",
     "url": "/docs/components/avatar#api",
     "hierarchy": { "lvl1": "Avatar", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Avatar Props",
-    "objectID": "b0ee9eb5-fe83-4421-b7d9-daa4fd4e125f",
+    "objectID": "dbc5fb14-b9c6-4ae1-bcf2-fc1f8d06c531",
     "type": "lvl3",
     "url": "/docs/components/avatar#avatar-props",
     "hierarchy": { "lvl1": "Avatar", "lvl2": "API", "lvl3": "Avatar Props" }
   },
   {
     "content": "Avatar Group Props",
-    "objectID": "e9da188f-8fdd-4a21-a893-894bccc6ac33",
+    "objectID": "d8ca578b-06f5-40ac-a50f-6072a87c8284",
     "type": "lvl3",
     "url": "/docs/components/avatar#avatar-group-props",
     "hierarchy": {
@@ -514,63 +514,63 @@
   },
   {
     "content": "Badge",
-    "objectID": "c203ec7b-4327-4411-a5db-601b177e5956",
+    "objectID": "1ac64211-ac1b-45a5-982d-c9007df406f5",
     "type": "lvl1",
     "url": "/docs/components/badge",
     "hierarchy": { "lvl1": "Badge" }
   },
   {
     "content": "Import",
-    "objectID": "cea6b6ae-5b25-48de-9b0e-18880f197500",
+    "objectID": "70d4a318-5216-42d6-bb37-6934819db4de",
     "type": "lvl2",
     "url": "/docs/components/badge#import",
     "hierarchy": { "lvl1": "Badge", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "a412a9b5-d203-4649-ba4c-ba7eeff6e5b0",
+    "objectID": "e8bb2398-a37e-4ba9-a69e-b689540c4f30",
     "type": "lvl2",
     "url": "/docs/components/badge#usage",
     "hierarchy": { "lvl1": "Badge", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Sizes",
-    "objectID": "9912713e-57b7-4183-8e80-f66c17bcea51",
+    "objectID": "5921f859-13a4-4573-9d89-2a7560adfd0c",
     "type": "lvl3",
     "url": "/docs/components/badge#sizes",
     "hierarchy": { "lvl1": "Badge", "lvl2": "Usage", "lvl3": "Sizes" }
   },
   {
     "content": "Colors",
-    "objectID": "47ae82b0-499c-402e-aabd-ec55632f6a6b",
+    "objectID": "94a3f1a6-74b8-4ddd-9772-1b7ba0745f75",
     "type": "lvl3",
     "url": "/docs/components/badge#colors",
     "hierarchy": { "lvl1": "Badge", "lvl2": "Sizes", "lvl3": "Colors" }
   },
   {
     "content": "Variants",
-    "objectID": "2606cbba-9911-41f9-9822-507d99eb5872",
+    "objectID": "5814614e-31ea-4c48-87e5-e92167cccd00",
     "type": "lvl3",
     "url": "/docs/components/badge#variants",
     "hierarchy": { "lvl1": "Badge", "lvl2": "Colors", "lvl3": "Variants" }
   },
   {
     "content": "Placements",
-    "objectID": "8f22e559-38a6-4f95-90a4-d420be124c7b",
+    "objectID": "8a03d041-07a7-4fa4-bec9-b182f9aa62fb",
     "type": "lvl3",
     "url": "/docs/components/badge#placements",
     "hierarchy": { "lvl1": "Badge", "lvl2": "Variants", "lvl3": "Placements" }
   },
   {
     "content": "Shapes",
-    "objectID": "90c6d1cb-4b53-459c-8ca3-cae349706ff4",
+    "objectID": "a0a2b2ee-76ab-4a4e-8a41-84343bab6fb3",
     "type": "lvl3",
     "url": "/docs/components/badge#shapes",
     "hierarchy": { "lvl1": "Badge", "lvl2": "Placements", "lvl3": "Shapes" }
   },
   {
     "content": "Badge Visibility",
-    "objectID": "b5042c0d-0f26-456c-9292-fb0f017f9434",
+    "objectID": "c4ac7f8a-e763-4d14-822a-96faf6102a39",
     "type": "lvl3",
     "url": "/docs/components/badge#badge-visibility",
     "hierarchy": {
@@ -581,7 +581,7 @@
   },
   {
     "content": "Content Examples",
-    "objectID": "6e3575ea-9a9f-4cad-b651-3f90a0b2aee6",
+    "objectID": "586e93aa-0529-4be1-a966-f6ff211758af",
     "type": "lvl3",
     "url": "/docs/components/badge#content-examples",
     "hierarchy": {
@@ -592,7 +592,7 @@
   },
   {
     "content": "Disable Outline",
-    "objectID": "53b8326b-04a1-43c3-8e70-ac21fc5dc4b2",
+    "objectID": "7c27d97e-79b4-4330-8ade-f76b2f7b617c",
     "type": "lvl3",
     "url": "/docs/components/badge#disable-outline",
     "hierarchy": {
@@ -603,7 +603,7 @@
   },
   {
     "content": "Accessibility",
-    "objectID": "f6623ee3-3993-45eb-a5c4-4104fe0b2403",
+    "objectID": "59fc69cb-e00e-4c81-80eb-e2fc31b77f1b",
     "type": "lvl3",
     "url": "/docs/components/badge#accessibility",
     "hierarchy": {
@@ -614,98 +614,362 @@
   },
   {
     "content": "API",
-    "objectID": "34c9832e-ee96-4081-a46d-4603517aa642",
+    "objectID": "d72e40a6-2e41-48a5-a287-82424f5be7e1",
     "type": "lvl2",
     "url": "/docs/components/badge#api",
     "hierarchy": { "lvl1": "Badge", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Badge Props",
-    "objectID": "ba5dba57-6667-46d9-b348-e61d4ece3481",
+    "objectID": "a617891c-3a90-4b1d-a5d5-b2a31756a091",
     "type": "lvl3",
     "url": "/docs/components/badge#badge-props",
     "hierarchy": { "lvl1": "Badge", "lvl2": "API", "lvl3": "Badge Props" }
   },
+  {
+    "content": "Breadcrumbs",
+    "objectID": "15bf92f5-6c37-44e7-a4af-1a79e34b6189",
+    "type": "lvl1",
+    "url": "/docs/components/breadcrumbs",
+    "hierarchy": { "lvl1": "Breadcrumbs" }
+  },
+  {
+    "content": "Import",
+    "objectID": "12c8f017-b7e8-4045-a2d8-99f639ae8fac",
+    "type": "lvl2",
+    "url": "/docs/components/breadcrumbs#import",
+    "hierarchy": { "lvl1": "Breadcrumbs", "lvl2": "Import", "lvl3": null }
+  },
+  {
+    "content": "Usage",
+    "objectID": "620572d2-f466-4b12-a3ab-f4b3d1df3b9e",
+    "type": "lvl2",
+    "url": "/docs/components/breadcrumbs#usage",
+    "hierarchy": { "lvl1": "Breadcrumbs", "lvl2": "Usage", "lvl3": null }
+  },
+  {
+    "content": "Disabled",
+    "objectID": "54abf238-41cd-4b3c-835e-e6d155e008a4",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#disabled",
+    "hierarchy": { "lvl1": "Breadcrumbs", "lvl2": "Usage", "lvl3": "Disabled" }
+  },
+  {
+    "content": "Sizes",
+    "objectID": "7707d06d-45c4-4d6e-b29a-f2c9c628839a",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#sizes",
+    "hierarchy": { "lvl1": "Breadcrumbs", "lvl2": "Disabled", "lvl3": "Sizes" }
+  },
+  {
+    "content": "Colors",
+    "objectID": "2f19b8e5-c95e-4d07-b6b6-1b5bce042a5d",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#colors",
+    "hierarchy": { "lvl1": "Breadcrumbs", "lvl2": "Sizes", "lvl3": "Colors" }
+  },
+  {
+    "content": "Variants",
+    "objectID": "4b7e84ac-c8b1-4e00-9bd3-757e11018e14",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#variants",
+    "hierarchy": { "lvl1": "Breadcrumbs", "lvl2": "Colors", "lvl3": "Variants" }
+  },
+  {
+    "content": "Underlines",
+    "objectID": "075fab15-3c5d-4203-a1a5-64040b377af7",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#underlines",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Variants",
+      "lvl3": "Underlines"
+    }
+  },
+  {
+    "content": "Radius",
+    "objectID": "7e2a7c18-494e-4458-ac1a-ef0998f1ce46",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#radius",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Underlines",
+      "lvl3": "Radius"
+    }
+  },
+  {
+    "content": "Routing",
+    "objectID": "f225a0c4-24f7-41f7-8f40-cfaf79c5595d",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#routing",
+    "hierarchy": { "lvl1": "Breadcrumbs", "lvl2": "Radius", "lvl3": "Routing" }
+  },
+  {
+    "content": "Controlled",
+    "objectID": "23780bff-10dd-47d2-9239-5fd98ab7289e",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#controlled",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Routing",
+      "lvl3": "Controlled"
+    }
+  },
+  {
+    "content": "Start & End Content",
+    "objectID": "4bd1a126-0ec7-4de3-b946-ecb4cc2ea36a",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#start--end-content",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Controlled",
+      "lvl3": "Start & End Content"
+    }
+  },
+  {
+    "content": "Custom Separator",
+    "objectID": "e5e4b9ad-9de4-47a9-b620-404b785ffbfd",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#custom-separator",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Start & End Content",
+      "lvl3": "Custom Separator"
+    }
+  },
+  {
+    "content": "Custom Items",
+    "objectID": "b19f09aa-b723-46f4-aa64-61b1c8cc53c8",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#custom-items",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Custom Separator",
+      "lvl3": "Custom Items"
+    }
+  },
+  {
+    "content": "Collapsing Items",
+    "objectID": "f509ec8d-2a87-4a57-8ec3-d5dc1449b47d",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#collapsing-items",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Custom Items",
+      "lvl3": "Collapsing Items"
+    }
+  },
+  {
+    "content": "Customizing the Ellipsis Item",
+    "objectID": "9e62ed28-6efb-44fa-bdee-6556656a29d9",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#customizing-the-ellipsis-item",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Collapsing Items",
+      "lvl3": "Customizing the Ellipsis Item"
+    }
+  },
+  {
+    "content": "Slots",
+    "objectID": "ffcd45c4-b0ab-44c2-b1e8-9abae0a12365",
+    "type": "lvl2",
+    "url": "/docs/components/breadcrumbs#slots",
+    "hierarchy": { "lvl1": "Breadcrumbs", "lvl2": "Slots", "lvl3": null }
+  },
+  {
+    "content": "Customizing the Breadcrumbs Styles",
+    "objectID": "49177bb8-ec67-45e1-a2e6-3cbd1f475b83",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#customizing-the-breadcrumbs-styles",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Slots",
+      "lvl3": "Customizing the Breadcrumbs Styles"
+    }
+  },
+  {
+    "content": "Data Attributes",
+    "objectID": "64e9160f-6f8b-40ea-ad84-9a3f809d5fa2",
+    "type": "lvl2",
+    "url": "/docs/components/breadcrumbs#data-attributes",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Data Attributes",
+      "lvl3": null
+    }
+  },
+  {
+    "content": "Accessibility",
+    "objectID": "a66e67a1-8d8e-45b8-8e03-de91a6a0c2bf",
+    "type": "lvl2",
+    "url": "/docs/components/breadcrumbs#accessibility",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Accessibility",
+      "lvl3": null
+    }
+  },
+  {
+    "content": "API",
+    "objectID": "566c7414-4722-4ad3-b6c2-f93810ea124a",
+    "type": "lvl2",
+    "url": "/docs/components/breadcrumbs#api",
+    "hierarchy": { "lvl1": "Breadcrumbs", "lvl2": "API", "lvl3": null }
+  },
+  {
+    "content": "Breadcrumbs Props",
+    "objectID": "ac4a05f5-9993-4bd1-b7ea-be170d7a55fb",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#breadcrumbs-props",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "API",
+      "lvl3": "Breadcrumbs Props"
+    }
+  },
+  {
+    "content": "Breadcrumbs Functions",
+    "objectID": "8c7dfc29-458a-4349-b294-b3cb2a386b91",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#breadcrumbs-functions",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Breadcrumbs Props",
+      "lvl3": "Breadcrumbs Functions"
+    }
+  },
+  {
+    "content": "Breadcrumbs Events",
+    "objectID": "71bacd88-595f-44b2-8648-ae102cba7524",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#breadcrumbs-events",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Breadcrumbs Functions",
+      "lvl3": "Breadcrumbs Events"
+    }
+  },
+  {
+    "content": "BreadcrumbItem Props",
+    "objectID": "f22bc755-5ca3-4f24-8998-a01b012f1e50",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#breadcrumbitem-props",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "Breadcrumbs Events",
+      "lvl3": "BreadcrumbItem Props"
+    }
+  },
+  {
+    "content": "BreadcrumbItem Events",
+    "objectID": "2898c4ea-392f-4bd2-8fd4-85a092a331db",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#breadcrumbitem-events",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "BreadcrumbItem Props",
+      "lvl3": "BreadcrumbItem Events"
+    }
+  },
+  {
+    "content": "Types",
+    "objectID": "cbdceaaf-1607-4bf3-8c80-fd32e23ee87b",
+    "type": "lvl3",
+    "url": "/docs/components/breadcrumbs#types",
+    "hierarchy": {
+      "lvl1": "Breadcrumbs",
+      "lvl2": "BreadcrumbItem Events",
+      "lvl3": "Types"
+    }
+  },
+  {
+    "content": "Render Ellipsis Function",
+    "objectID": "ebef756f-695a-4e0f-b38e-d52101649e63",
+    "type": "lvl4",
+    "url": "/docs/components/breadcrumbs#render-ellipsis-function",
+    "hierarchy": { "lvl1": "Breadcrumbs", "lvl2": "Types", "lvl3": null }
+  },
   {
     "content": "Button",
-    "objectID": "81d62f79-6ff7-4810-94cc-49ccff0f5bba",
+    "objectID": "d35fa594-fbe2-49a2-ae69-5f102c5a8e5a",
     "type": "lvl1",
     "url": "/docs/components/button",
     "hierarchy": { "lvl1": "Button" }
   },
   {
     "content": "Import",
-    "objectID": "9a335ebe-a99e-420e-a0b4-f286eab9f92b",
+    "objectID": "1a2eced1-afd9-4676-81fd-9ff7b51eea18",
     "type": "lvl2",
     "url": "/docs/components/button#import",
     "hierarchy": { "lvl1": "Button", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "ed7d4f77-2fc0-406f-8613-89f809516fab",
+    "objectID": "0a1969bc-3c2b-4b11-8aef-7bb0c902cf41",
     "type": "lvl2",
     "url": "/docs/components/button#usage",
     "hierarchy": { "lvl1": "Button", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Disabled",
-    "objectID": "fed33487-be37-4ce3-a850-e08d3f3f7294",
+    "objectID": "b5ccac3f-0792-4ea7-a00f-4164fc21ebb4",
     "type": "lvl3",
     "url": "/docs/components/button#disabled",
     "hierarchy": { "lvl1": "Button", "lvl2": "Usage", "lvl3": "Disabled" }
   },
   {
     "content": "Sizes",
-    "objectID": "daf57008-d3fa-4a20-a791-bf7a6902eb3c",
+    "objectID": "e8de8a55-a34f-4260-97c5-9581eb74ffed",
     "type": "lvl3",
     "url": "/docs/components/button#sizes",
     "hierarchy": { "lvl1": "Button", "lvl2": "Disabled", "lvl3": "Sizes" }
   },
   {
     "content": "Radius",
-    "objectID": "5fdf64e2-1689-4007-87c2-f5f99dd2b02f",
+    "objectID": "cccb08b0-195c-4413-85c2-083972fca0aa",
     "type": "lvl3",
     "url": "/docs/components/button#radius",
     "hierarchy": { "lvl1": "Button", "lvl2": "Sizes", "lvl3": "Radius" }
   },
   {
     "content": "Colors",
-    "objectID": "76065192-273b-436d-b364-23a0b16de739",
+    "objectID": "5b1ea687-eb25-4164-9da3-f725a11eb925",
     "type": "lvl3",
     "url": "/docs/components/button#colors",
     "hierarchy": { "lvl1": "Button", "lvl2": "Radius", "lvl3": "Colors" }
   },
   {
     "content": "Variants",
-    "objectID": "16416ae9-22ab-4010-b199-838d7eb65096",
+    "objectID": "b1b5bfe1-d9b3-4913-b711-7b4c8830344f",
     "type": "lvl3",
     "url": "/docs/components/button#variants",
     "hierarchy": { "lvl1": "Button", "lvl2": "Colors", "lvl3": "Variants" }
   },
   {
     "content": "Loading",
-    "objectID": "9239f439-58ed-40c9-8814-ff4065e7c7f7",
+    "objectID": "f5c2cb4e-2a00-4f7c-bb9e-ff92989e7f10",
     "type": "lvl3",
     "url": "/docs/components/button#loading",
     "hierarchy": { "lvl1": "Button", "lvl2": "Variants", "lvl3": "Loading" }
   },
   {
     "content": "With Icons",
-    "objectID": "1f67f503-b1a3-40f6-8460-2d2f76837511",
+    "objectID": "f73e8d26-f37f-4265-b19e-973a8f772903",
     "type": "lvl3",
     "url": "/docs/components/button#with-icons",
     "hierarchy": { "lvl1": "Button", "lvl2": "Loading", "lvl3": "With Icons" }
   },
   {
     "content": "Icon Only",
-    "objectID": "a7b18183-9622-4d49-aeed-85581bbb864f",
+    "objectID": "dd487eb2-4074-4b89-9a02-adf87f91aa4e",
     "type": "lvl3",
     "url": "/docs/components/button#icon-only",
     "hierarchy": { "lvl1": "Button", "lvl2": "With Icons", "lvl3": "Icon Only" }
   },
   {
     "content": "Custom Styles",
-    "objectID": "93562602-6371-4246-9842-3bc614b6b3fc",
+    "objectID": "2ef1aced-b7a2-4bfe-ad2d-68c9d430b6b5",
     "type": "lvl3",
     "url": "/docs/components/button#custom-styles",
     "hierarchy": {
@@ -716,7 +980,7 @@
   },
   {
     "content": "Custom Implementation",
-    "objectID": "aa66daf4-36f2-4e54-a416-da0a3411383b",
+    "objectID": "6ef6a891-ddf4-40ac-a1d5-7b100258d673",
     "type": "lvl3",
     "url": "/docs/components/button#custom-implementation",
     "hierarchy": {
@@ -727,14 +991,14 @@
   },
   {
     "content": "Button Group",
-    "objectID": "89eaee51-4531-42f7-9cd1-fb6303979af8",
+    "objectID": "066807ce-26ca-48ab-b712-3eb4ce932175",
     "type": "lvl2",
     "url": "/docs/components/button#button-group",
     "hierarchy": { "lvl1": "Button", "lvl2": "Button Group", "lvl3": null }
   },
   {
     "content": "Group Disabled",
-    "objectID": "33ddc15b-fc63-42e8-b75c-6b4018671c1a",
+    "objectID": "72fd48b3-153b-47ea-8d20-b7448a400a35",
     "type": "lvl3",
     "url": "/docs/components/button#group-disabled",
     "hierarchy": {
@@ -745,7 +1009,7 @@
   },
   {
     "content": "Group Use case",
-    "objectID": "28e90837-a1d9-4b60-972f-4a6273c9cb38",
+    "objectID": "a4bf87d5-7341-456e-b36e-782f5466547f",
     "type": "lvl3",
     "url": "/docs/components/button#group-use-case",
     "hierarchy": {
@@ -756,35 +1020,35 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "46a8127f-63e3-463d-9840-d4b333d56615",
+    "objectID": "adfdb544-ef5a-43e2-8e06-888f4de2d226",
     "type": "lvl2",
     "url": "/docs/components/button#data-attributes",
     "hierarchy": { "lvl1": "Button", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "c64589e2-d780-4a09-8106-fe4d201ec6e5",
+    "objectID": "f07f62d1-07fc-4b98-ae54-2707b1fa2437",
     "type": "lvl2",
     "url": "/docs/components/button#accessibility",
     "hierarchy": { "lvl1": "Button", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "e2ff54d1-b5d6-40be-b031-3073ddee2072",
+    "objectID": "eb7b4122-4aeb-48c9-b329-1ec6f56dd03f",
     "type": "lvl2",
     "url": "/docs/components/button#api",
     "hierarchy": { "lvl1": "Button", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Button Props",
-    "objectID": "d23a773c-ea97-49b9-adc4-2592b40d72a2",
+    "objectID": "749221b1-a7bb-4d1a-93f7-9eeda47c9a22",
     "type": "lvl3",
     "url": "/docs/components/button#button-props",
     "hierarchy": { "lvl1": "Button", "lvl2": "API", "lvl3": "Button Props" }
   },
   {
     "content": "Button Events",
-    "objectID": "99920fe3-9de3-44e7-8890-32aa0960aa2f",
+    "objectID": "0ce08f0b-5c64-492a-8921-b3d58dd7fd89",
     "type": "lvl3",
     "url": "/docs/components/button#button-events",
     "hierarchy": {
@@ -795,7 +1059,7 @@
   },
   {
     "content": "Button Group Props",
-    "objectID": "564a1174-6313-4721-b980-61dcbfe9c61b",
+    "objectID": "1948a9ef-8729-4849-9e0b-6620bb173d8a",
     "type": "lvl3",
     "url": "/docs/components/button#button-group-props",
     "hierarchy": {
@@ -806,35 +1070,35 @@
   },
   {
     "content": "Card",
-    "objectID": "78d3d5ed-a3d5-4616-af99-b1fc0bc8df1e",
+    "objectID": "481af2a7-665d-4952-9647-b3fc43962287",
     "type": "lvl1",
     "url": "/docs/components/card",
     "hierarchy": { "lvl1": "Card" }
   },
   {
     "content": "Import",
-    "objectID": "17b1a9c7-949e-4279-8b0a-1fd647dc6c3e",
+    "objectID": "6eb06ddc-d58f-427a-93d2-dd1eb4e250c4",
     "type": "lvl2",
     "url": "/docs/components/card#import",
     "hierarchy": { "lvl1": "Card", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "1b35a60e-cbf0-4b41-b5f5-b9631ee1a518",
+    "objectID": "71e6440d-e86e-4c4a-a0a3-81d387398600",
     "type": "lvl2",
     "url": "/docs/components/card#usage",
     "hierarchy": { "lvl1": "Card", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "With Divider",
-    "objectID": "4e53d709-a75e-460a-bea1-cb5fe66308a6",
+    "objectID": "18465464-9cd2-45a0-82da-cb1b41f7ae8c",
     "type": "lvl3",
     "url": "/docs/components/card#with-divider",
     "hierarchy": { "lvl1": "Card", "lvl2": "Usage", "lvl3": "With Divider" }
   },
   {
     "content": "With Image",
-    "objectID": "d44fc3ba-277c-417d-b241-9f14b320e189",
+    "objectID": "73ca84a4-b236-4d94-a3c8-a0b215086bfe",
     "type": "lvl3",
     "url": "/docs/components/card#with-image",
     "hierarchy": {
@@ -845,7 +1109,7 @@
   },
   {
     "content": "Blurred Footer",
-    "objectID": "02bfcdbd-e296-4ddd-8b70-66b7bdbd1840",
+    "objectID": "ba5f75bb-4215-443a-84ff-69c6e0230d6b",
     "type": "lvl3",
     "url": "/docs/components/card#blurred-footer",
     "hierarchy": {
@@ -856,7 +1120,7 @@
   },
   {
     "content": "Composition",
-    "objectID": "063f6e7a-ad50-41b1-bd64-71f2215a929b",
+    "objectID": "fe71792c-2a8e-439e-b4f2-594a719a70fc",
     "type": "lvl3",
     "url": "/docs/components/card#composition",
     "hierarchy": {
@@ -867,7 +1131,7 @@
   },
   {
     "content": "Blurred Card",
-    "objectID": "2cd1300c-f5a9-4112-a8e5-610aeeb5b2ee",
+    "objectID": "9a13b04d-957f-4569-95bf-2d81168191ab",
     "type": "lvl3",
     "url": "/docs/components/card#blurred-card",
     "hierarchy": {
@@ -878,7 +1142,7 @@
   },
   {
     "content": "Primary Action",
-    "objectID": "1a50f071-001c-4533-be60-7ce89c70863e",
+    "objectID": "ba6c8c76-be2a-48b6-91ae-57f421335bfb",
     "type": "lvl3",
     "url": "/docs/components/card#primary-action",
     "hierarchy": {
@@ -889,7 +1153,7 @@
   },
   {
     "content": "Cover Image",
-    "objectID": "1a7a62a5-9714-40b3-8461-38252012aa42",
+    "objectID": "abf2013f-9f6c-4014-b75c-4f8692368f47",
     "type": "lvl3",
     "url": "/docs/components/card#cover-image",
     "hierarchy": {
@@ -900,56 +1164,56 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "b850af13-5f01-4b1d-89a1-7c665f7411d2",
+    "objectID": "1d509c63-804a-4463-acba-ed2ddfb2c46d",
     "type": "lvl2",
     "url": "/docs/components/card#data-attributes",
     "hierarchy": { "lvl1": "Card", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "7f473f3b-fd61-45e3-be1d-04bf7f57dfae",
+    "objectID": "9ef1c796-b7af-4b63-be0b-eeb54ceb6b78",
     "type": "lvl2",
     "url": "/docs/components/card#api",
     "hierarchy": { "lvl1": "Card", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Card Props",
-    "objectID": "e3532506-3d84-48f2-8255-439899786d70",
+    "objectID": "d37e1a31-acbc-4d6d-9b94-5fe93742fd32",
     "type": "lvl3",
     "url": "/docs/components/card#card-props",
     "hierarchy": { "lvl1": "Card", "lvl2": "API", "lvl3": "Card Props" }
   },
   {
     "content": "Card Events",
-    "objectID": "b4e82c77-c19a-4613-b060-b07b9be4b971",
+    "objectID": "646825a6-ad50-45e4-9aba-243d28b8713e",
     "type": "lvl3",
     "url": "/docs/components/card#card-events",
     "hierarchy": { "lvl1": "Card", "lvl2": "Card Props", "lvl3": "Card Events" }
   },
   {
     "content": "Checkbox Group",
-    "objectID": "ae619ca3-1fdc-43f3-ab17-bb5fc2953fe6",
+    "objectID": "c03bb27e-cee0-4f15-86eb-88ff9413a863",
     "type": "lvl1",
     "url": "/docs/components/checkbox-group",
     "hierarchy": { "lvl1": "Checkbox Group" }
   },
   {
     "content": "Import",
-    "objectID": "f08f76d9-b66a-445c-bff4-81bb2405a20a",
+    "objectID": "56808f3c-99d8-4bcb-ae77-f23542b76dae",
     "type": "lvl2",
     "url": "/docs/components/checkbox-group#import",
     "hierarchy": { "lvl1": "Checkbox Group", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "34144c82-6c4b-4cdf-9912-17ba533ba1b5",
+    "objectID": "5fd64bbc-e39e-4aa7-920f-c518dfbe31cc",
     "type": "lvl2",
     "url": "/docs/components/checkbox-group#usage",
     "hierarchy": { "lvl1": "Checkbox Group", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Disabled",
-    "objectID": "c37579ab-3046-4a90-923a-af966bfd0088",
+    "objectID": "d59f7e90-2a21-4b7f-b6e5-4675a6d2151b",
     "type": "lvl3",
     "url": "/docs/components/checkbox-group#disabled",
     "hierarchy": {
@@ -960,7 +1224,7 @@
   },
   {
     "content": "Horizontal",
-    "objectID": "54bbeb87-89ae-405b-b65e-3a5f9a373bf8",
+    "objectID": "dc56857f-2ff1-48c9-a030-55efaf786fae",
     "type": "lvl3",
     "url": "/docs/components/checkbox-group#horizontal",
     "hierarchy": {
@@ -971,7 +1235,7 @@
   },
   {
     "content": "Controlled",
-    "objectID": "8975983b-3bef-440c-b542-1edefd1e6a0b",
+    "objectID": "0f9ed10e-46c2-4466-8e0a-14eefbf114c4",
     "type": "lvl3",
     "url": "/docs/components/checkbox-group#controlled",
     "hierarchy": {
@@ -980,16 +1244,27 @@
       "lvl3": "Controlled"
     }
   },
+  {
+    "content": "Invalid",
+    "objectID": "4e6ebbde-962a-4f82-b417-c2699467a05c",
+    "type": "lvl3",
+    "url": "/docs/components/checkbox-group#invalid",
+    "hierarchy": {
+      "lvl1": "Checkbox Group",
+      "lvl2": "Controlled",
+      "lvl3": "Invalid"
+    }
+  },
   {
     "content": "Slots",
-    "objectID": "72a75950-8554-4881-b2f2-289f7c631023",
+    "objectID": "b1ecb814-0854-41e6-9d45-905331e72235",
     "type": "lvl2",
     "url": "/docs/components/checkbox-group#slots",
     "hierarchy": { "lvl1": "Checkbox Group", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "5ddeced0-4eda-4393-affb-0cc9ea591d99",
+    "objectID": "efb8375d-619d-4c88-9722-ed4d7b7e5bc5",
     "type": "lvl3",
     "url": "/docs/components/checkbox-group#custom-styles",
     "hierarchy": {
@@ -1000,7 +1275,7 @@
   },
   {
     "content": "Custom Implementation",
-    "objectID": "1523e62d-ea89-4d70-83a4-1e0c5af7a7b4",
+    "objectID": "c7890c83-82ec-4c3e-9ff6-f8d8aab1e081",
     "type": "lvl3",
     "url": "/docs/components/checkbox-group#custom-implementation",
     "hierarchy": {
@@ -1011,14 +1286,14 @@
   },
   {
     "content": "API",
-    "objectID": "974993de-b810-4e88-ade0-00de497167c5",
+    "objectID": "602092ad-8f41-4686-934f-480bf1ace9ec",
     "type": "lvl2",
     "url": "/docs/components/checkbox-group#api",
     "hierarchy": { "lvl1": "Checkbox Group", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Checkbox Group Props",
-    "objectID": "f989e208-d9b6-4fea-b376-8a49a46c48f3",
+    "objectID": "bca2c018-7042-4840-ba6c-21bfabc8717f",
     "type": "lvl3",
     "url": "/docs/components/checkbox-group#checkbox-group-props",
     "hierarchy": {
@@ -1029,7 +1304,7 @@
   },
   {
     "content": "Checkbox Group Events",
-    "objectID": "9aecc293-069c-47d8-98ba-5ead01e0d723",
+    "objectID": "729dd844-9054-4a64-927b-7f4ab389ac2c",
     "type": "lvl3",
     "url": "/docs/components/checkbox-group#checkbox-group-events",
     "hierarchy": {
@@ -1040,56 +1315,56 @@
   },
   {
     "content": "Checkbox",
-    "objectID": "0b1462a5-ff10-4d21-b744-945e9bfad3cc",
+    "objectID": "cd075a68-34f7-4ab9-a0ac-e85e26fa2c05",
     "type": "lvl1",
     "url": "/docs/components/checkbox",
     "hierarchy": { "lvl1": "Checkbox" }
   },
   {
     "content": "Import",
-    "objectID": "81adb984-0e34-4f26-842f-d7417abc9bac",
+    "objectID": "95dd10dc-8499-4a04-8d0f-59909482e4af",
     "type": "lvl2",
     "url": "/docs/components/checkbox#import",
     "hierarchy": { "lvl1": "Checkbox", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "b3679b9e-d2ef-47fd-8dbb-a731c5bc4da6",
+    "objectID": "4af1233a-3744-43bd-ae2c-608955424c30",
     "type": "lvl2",
     "url": "/docs/components/checkbox#usage",
     "hierarchy": { "lvl1": "Checkbox", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Disabled",
-    "objectID": "01f12111-8083-4779-b316-42847d716732",
+    "objectID": "1e45fee7-6f05-4fdf-b408-6da9713f31fd",
     "type": "lvl3",
     "url": "/docs/components/checkbox#disabled",
     "hierarchy": { "lvl1": "Checkbox", "lvl2": "Usage", "lvl3": "Disabled" }
   },
   {
     "content": "Sizes",
-    "objectID": "23efde84-8bb6-4af2-a93d-7a6143a85a1a",
+    "objectID": "c7a42883-9cb2-4a80-b032-23febaf6dd24",
     "type": "lvl3",
     "url": "/docs/components/checkbox#sizes",
     "hierarchy": { "lvl1": "Checkbox", "lvl2": "Disabled", "lvl3": "Sizes" }
   },
   {
     "content": "Colors",
-    "objectID": "52c4c321-7d8b-422a-85e4-66bc9a793cb8",
+    "objectID": "cca76ce8-37fb-4609-9168-10a924852c9d",
     "type": "lvl3",
     "url": "/docs/components/checkbox#colors",
     "hierarchy": { "lvl1": "Checkbox", "lvl2": "Sizes", "lvl3": "Colors" }
   },
   {
     "content": "Radius",
-    "objectID": "18d3c1a9-aaee-4490-90ed-513a461646d6",
+    "objectID": "5cc6809a-55f8-4525-ad15-5b56d8f1aae6",
     "type": "lvl3",
     "url": "/docs/components/checkbox#radius",
     "hierarchy": { "lvl1": "Checkbox", "lvl2": "Colors", "lvl3": "Radius" }
   },
   {
     "content": "Indeterminate",
-    "objectID": "ea8756db-ecfc-40a7-94b7-087e19e7fd33",
+    "objectID": "9ab9183b-195e-481e-aec4-905361c18d78",
     "type": "lvl3",
     "url": "/docs/components/checkbox#indeterminate",
     "hierarchy": {
@@ -1100,7 +1375,7 @@
   },
   {
     "content": "Line Through",
-    "objectID": "0323a89d-53e8-4fa6-a1dc-48e3fb3a708a",
+    "objectID": "5268f436-7206-44b8-8ae0-667b81751ee3",
     "type": "lvl3",
     "url": "/docs/components/checkbox#line-through",
     "hierarchy": {
@@ -1111,7 +1386,7 @@
   },
   {
     "content": "Custom Check Icon",
-    "objectID": "6126bc5f-4db4-4e3f-9202-70f7ab2d904d",
+    "objectID": "3bbdb0ca-bf51-43e5-839c-eb64168b53fc",
     "type": "lvl3",
     "url": "/docs/components/checkbox#custom-check-icon",
     "hierarchy": {
@@ -1122,7 +1397,7 @@
   },
   {
     "content": "Controlled",
-    "objectID": "98812aa6-d251-4f55-ac12-3e941e4a8ef2",
+    "objectID": "4cf1bde7-ade7-4bab-acab-3778f9d20a0d",
     "type": "lvl3",
     "url": "/docs/components/checkbox#controlled",
     "hierarchy": {
@@ -1133,14 +1408,14 @@
   },
   {
     "content": "Slots",
-    "objectID": "5506e316-ac9c-427a-b0f6-d3154eb9cca8",
+    "objectID": "0404e01d-a479-4638-8e22-d0ffb829b28b",
     "type": "lvl2",
     "url": "/docs/components/checkbox#slots",
     "hierarchy": { "lvl1": "Checkbox", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "03684f33-eb88-4717-825b-10669bb46e3b",
+    "objectID": "a2ea508c-d38e-41fa-aa1f-b2b1cf4d8f68",
     "type": "lvl3",
     "url": "/docs/components/checkbox#custom-styles",
     "hierarchy": {
@@ -1151,7 +1426,7 @@
   },
   {
     "content": "Custom Implementation",
-    "objectID": "f72da969-0c0f-415d-8a7f-dbb47b9fb0fb",
+    "objectID": "96e209ed-9730-4ad1-af3b-3c1f50888c6f",
     "type": "lvl3",
     "url": "/docs/components/checkbox#custom-implementation",
     "hierarchy": {
@@ -1162,35 +1437,35 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "86b48546-c7cd-469e-9def-092dbb7c3139",
+    "objectID": "421e0f11-0117-4308-88b3-0f0a9f2e113d",
     "type": "lvl2",
     "url": "/docs/components/checkbox#data-attributes",
     "hierarchy": { "lvl1": "Checkbox", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "7e199b6e-b3c0-443e-8b85-60d0e0da7d36",
+    "objectID": "0ef2f3f8-f6c6-4341-9d09-03fc897fad20",
     "type": "lvl2",
     "url": "/docs/components/checkbox#accessibility",
     "hierarchy": { "lvl1": "Checkbox", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "73ac7d02-6b97-4145-8724-b3c971b25943",
+    "objectID": "902ef500-8548-4fb2-b514-7e806afe72d3",
     "type": "lvl2",
     "url": "/docs/components/checkbox#api",
     "hierarchy": { "lvl1": "Checkbox", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Checkbox Props",
-    "objectID": "a9f34003-e5fe-494a-a624-fd05012342e5",
+    "objectID": "3f8c557b-5597-40d2-a983-1fc4742de8c4",
     "type": "lvl3",
     "url": "/docs/components/checkbox#checkbox-props",
     "hierarchy": { "lvl1": "Checkbox", "lvl2": "API", "lvl3": "Checkbox Props" }
   },
   {
     "content": "Checkbox Events",
-    "objectID": "05987c95-fe96-4ca4-b9d4-e25f6ea321dd",
+    "objectID": "9211cefa-d653-40a4-90e7-4fbec7258c3a",
     "type": "lvl3",
     "url": "/docs/components/checkbox#checkbox-events",
     "hierarchy": {
@@ -1201,7 +1476,7 @@
   },
   {
     "content": "Types",
-    "objectID": "a40cec82-9af1-47ab-9d19-97d5906e380b",
+    "objectID": "7d8c564a-ea2c-4798-8792-421b28c24288",
     "type": "lvl3",
     "url": "/docs/components/checkbox#types",
     "hierarchy": {
@@ -1212,70 +1487,70 @@
   },
   {
     "content": "Checkbox Icon Props",
-    "objectID": "53df4d60-b632-4ee1-8a67-30b5cc8e1de9",
+    "objectID": "094f5e9e-a802-4126-9250-afc3f7a6a51d",
     "type": "lvl4",
     "url": "/docs/components/checkbox#checkbox-icon-props",
     "hierarchy": { "lvl1": "Checkbox", "lvl2": "Types", "lvl3": null }
   },
   {
     "content": "Chip",
-    "objectID": "dfd2e53c-f830-430a-8814-e4b776d72a7d",
+    "objectID": "9a6eb104-8f12-40f5-abe9-a0cba7504e1b",
     "type": "lvl1",
     "url": "/docs/components/chip",
     "hierarchy": { "lvl1": "Chip" }
   },
   {
     "content": "Import",
-    "objectID": "89af85d3-3d69-4822-a6f9-c71a6697fcc5",
+    "objectID": "55a8b1cd-2681-4931-9e49-bfe6a218c512",
     "type": "lvl2",
     "url": "/docs/components/chip#import",
     "hierarchy": { "lvl1": "Chip", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "eafb1cb9-5f14-4dd5-bb98-339814ba7144",
+    "objectID": "9228f724-bc4b-48ec-9a58-e029a4283b50",
     "type": "lvl2",
     "url": "/docs/components/chip#usage",
     "hierarchy": { "lvl1": "Chip", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Disabled",
-    "objectID": "b2a4e6c1-7e3c-4140-b2f4-1391bc3111a2",
+    "objectID": "75fd8309-e48f-4466-8011-791baf245796",
     "type": "lvl3",
     "url": "/docs/components/chip#disabled",
     "hierarchy": { "lvl1": "Chip", "lvl2": "Usage", "lvl3": "Disabled" }
   },
   {
     "content": "Sizes",
-    "objectID": "2e314933-3f3f-4cb3-81eb-fc2d72f26ccc",
+    "objectID": "15e2488d-7f0f-4b56-b4c2-369e32e6a379",
     "type": "lvl3",
     "url": "/docs/components/chip#sizes",
     "hierarchy": { "lvl1": "Chip", "lvl2": "Disabled", "lvl3": "Sizes" }
   },
   {
     "content": "Colors",
-    "objectID": "19b71305-38b9-409d-93b0-0338b0236c9a",
+    "objectID": "80307e8e-053f-488d-a59a-9f4273626f69",
     "type": "lvl3",
     "url": "/docs/components/chip#colors",
     "hierarchy": { "lvl1": "Chip", "lvl2": "Sizes", "lvl3": "Colors" }
   },
   {
     "content": "Radius",
-    "objectID": "80b395d1-b139-446e-a48f-41bccfdc583a",
+    "objectID": "56a0549e-ffa6-4263-8c24-a93502625f9d",
     "type": "lvl3",
     "url": "/docs/components/chip#radius",
     "hierarchy": { "lvl1": "Chip", "lvl2": "Colors", "lvl3": "Radius" }
   },
   {
     "content": "Variants",
-    "objectID": "289e9a9a-ea39-4004-8224-b749864c31e5",
+    "objectID": "1dd52267-b9d4-402e-b7cf-94964c2bbe0c",
     "type": "lvl3",
     "url": "/docs/components/chip#variants",
     "hierarchy": { "lvl1": "Chip", "lvl2": "Radius", "lvl3": "Variants" }
   },
   {
     "content": "Start & End Content",
-    "objectID": "11c61f3e-abd6-4658-a02b-5b3e156e2df4",
+    "objectID": "d05f4e96-ed68-4624-9af7-45b1e8f7f624",
     "type": "lvl3",
     "url": "/docs/components/chip#start--end-content",
     "hierarchy": {
@@ -1286,7 +1561,7 @@
   },
   {
     "content": "With Close Button",
-    "objectID": "c8127fa9-9d96-48fb-b220-967cc8011fe4",
+    "objectID": "734e2cb1-4a52-4c30-8909-0190603d23e0",
     "type": "lvl3",
     "url": "/docs/components/chip#with-close-button",
     "hierarchy": {
@@ -1297,7 +1572,7 @@
   },
   {
     "content": "With Avatar",
-    "objectID": "b647c6ce-b7a7-46df-a9eb-314debe2065e",
+    "objectID": "db6716d8-da58-4237-8d7f-668e5519b443",
     "type": "lvl3",
     "url": "/docs/components/chip#with-avatar",
     "hierarchy": {
@@ -1308,7 +1583,7 @@
   },
   {
     "content": "List of Chips",
-    "objectID": "23abf6cb-d11b-4549-8d5c-9ba69d627de2",
+    "objectID": "fa661dfd-8eea-4b43-8ee1-79cf00720572",
     "type": "lvl3",
     "url": "/docs/components/chip#list-of-chips",
     "hierarchy": {
@@ -1319,63 +1594,63 @@
   },
   {
     "content": "Slots",
-    "objectID": "81f0e0f9-cb21-43ee-9885-decdeeeb6f01",
+    "objectID": "ff101815-1487-43fd-a9c0-1304d1429741",
     "type": "lvl2",
     "url": "/docs/components/chip#slots",
     "hierarchy": { "lvl1": "Chip", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "e8d8bd4d-d271-4a07-a3e6-bf97bb65e1cf",
+    "objectID": "eda7e87a-933f-41dd-8dc2-468dc00bd682",
     "type": "lvl3",
     "url": "/docs/components/chip#custom-styles",
     "hierarchy": { "lvl1": "Chip", "lvl2": "Slots", "lvl3": "Custom Styles" }
   },
   {
     "content": "API",
-    "objectID": "48b3d2c6-8642-4bf0-a470-852c61866a37",
+    "objectID": "8ad17c72-48ae-4e96-9eac-2db648716a7f",
     "type": "lvl2",
     "url": "/docs/components/chip#api",
     "hierarchy": { "lvl1": "Chip", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Chip Props",
-    "objectID": "87dcbba5-8746-4f45-8971-c12eb17e30ee",
+    "objectID": "d390c3dc-d566-4abc-8381-927f219a491e",
     "type": "lvl3",
     "url": "/docs/components/chip#chip-props",
     "hierarchy": { "lvl1": "Chip", "lvl2": "API", "lvl3": "Chip Props" }
   },
   {
     "content": "Chip Events",
-    "objectID": "c1ceee15-180e-4bc1-9402-de77d8630e47",
+    "objectID": "ae2d10a7-d0e7-4e76-9b55-f57d1604a4be",
     "type": "lvl3",
     "url": "/docs/components/chip#chip-events",
     "hierarchy": { "lvl1": "Chip", "lvl2": "Chip Props", "lvl3": "Chip Events" }
   },
   {
     "content": "Circular Progress",
-    "objectID": "53a611c0-98f5-4fad-a3b8-827849d4ed70",
+    "objectID": "fc0365ed-d794-4787-9d7e-96a3bbbb89b6",
     "type": "lvl1",
     "url": "/docs/components/circular-progress",
     "hierarchy": { "lvl1": "Circular Progress" }
   },
   {
     "content": "Import",
-    "objectID": "b5405cc2-0449-4bf8-ab05-6336a5ac80f9",
+    "objectID": "ff5b105a-83bf-4be8-b0f0-b3bcdf5521e7",
     "type": "lvl2",
     "url": "/docs/components/circular-progress#import",
     "hierarchy": { "lvl1": "Circular Progress", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "b2194527-ef98-4ea1-af1d-7f3a6b3650b5",
+    "objectID": "e89ec1cf-fa07-4aec-bcc4-3dd264b81d56",
     "type": "lvl2",
     "url": "/docs/components/circular-progress#usage",
     "hierarchy": { "lvl1": "Circular Progress", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Sizes",
-    "objectID": "7429c655-6514-426a-bf51-0a1d131d8b87",
+    "objectID": "3208cd24-3ac1-4a2a-955b-d8d9ef3026c0",
     "type": "lvl3",
     "url": "/docs/components/circular-progress#sizes",
     "hierarchy": {
@@ -1386,7 +1661,7 @@
   },
   {
     "content": "Colors",
-    "objectID": "87637821-8f34-4452-ae3a-4654c833397e",
+    "objectID": "ed1aeafb-cbbd-44de-81ca-03c9495ca557",
     "type": "lvl3",
     "url": "/docs/components/circular-progress#colors",
     "hierarchy": {
@@ -1397,7 +1672,7 @@
   },
   {
     "content": "With Label",
-    "objectID": "0c6a9827-9b76-4d37-aa41-5804b83c4256",
+    "objectID": "869d4598-9ffe-4ffa-81f6-afd7a1269492",
     "type": "lvl3",
     "url": "/docs/components/circular-progress#with-label",
     "hierarchy": {
@@ -1408,7 +1683,7 @@
   },
   {
     "content": "With Value",
-    "objectID": "47c0d1f6-80a8-4743-ae87-1234a1a6b03b",
+    "objectID": "b2c5f497-f744-4abe-b376-e181fa4f90e6",
     "type": "lvl3",
     "url": "/docs/components/circular-progress#with-value",
     "hierarchy": {
@@ -1419,7 +1694,7 @@
   },
   {
     "content": "Value Formatting",
-    "objectID": "9b5029c6-c6db-40fb-b769-6d0a89dfdb82",
+    "objectID": "071d2fd7-75c7-45bd-8d5c-a2419f5a6c7f",
     "type": "lvl3",
     "url": "/docs/components/circular-progress#value-formatting",
     "hierarchy": {
@@ -1430,14 +1705,14 @@
   },
   {
     "content": "Slots",
-    "objectID": "c7397e1d-f0ad-417c-821d-91d3ff85e7f5",
+    "objectID": "c2d7e1d2-0d4f-4b4e-bce6-8a6f93c854af",
     "type": "lvl2",
     "url": "/docs/components/circular-progress#slots",
     "hierarchy": { "lvl1": "Circular Progress", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "203deece-5f0a-4632-b97c-0e974b2c2742",
+    "objectID": "bc9df27f-3fe8-45a2-a03b-7115d9ca35b4",
     "type": "lvl3",
     "url": "/docs/components/circular-progress#custom-styles",
     "hierarchy": {
@@ -1448,7 +1723,7 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "2db7fa2e-b582-4de2-acc3-5e1ee15e1e93",
+    "objectID": "bc88f212-4fb1-4457-ace8-818956106420",
     "type": "lvl2",
     "url": "/docs/components/circular-progress#data-attributes",
     "hierarchy": {
@@ -1459,7 +1734,7 @@
   },
   {
     "content": "Accessibility",
-    "objectID": "946c634c-0a9b-4f30-b8f4-63ecb2fb88a8",
+    "objectID": "4467ec4d-464e-45a0-89dd-e97f38f3a781",
     "type": "lvl2",
     "url": "/docs/components/circular-progress#accessibility",
     "hierarchy": {
@@ -1470,14 +1745,14 @@
   },
   {
     "content": "API",
-    "objectID": "8c0f2bb1-e106-4a65-a1d8-7bc9c5153b34",
+    "objectID": "4ce913a7-b2cd-4526-9204-5e0abe35b121",
     "type": "lvl2",
     "url": "/docs/components/circular-progress#api",
     "hierarchy": { "lvl1": "Circular Progress", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Circular Progress Props",
-    "objectID": "00fdad77-3c64-4ef3-a86e-1163fa9d1bc5",
+    "objectID": "50f5f778-1e0f-43bc-a87f-1dc2feb31252",
     "type": "lvl3",
     "url": "/docs/components/circular-progress#circular-progress-props",
     "hierarchy": {
@@ -1488,126 +1763,126 @@
   },
   {
     "content": "Code",
-    "objectID": "02983595-072a-43ef-a8ec-d22160185246",
+    "objectID": "884cdbb6-4bae-47ac-91e8-29a791b87899",
     "type": "lvl1",
     "url": "/docs/components/code",
     "hierarchy": { "lvl1": "Code" }
   },
   {
     "content": "Import",
-    "objectID": "8fb81ff3-48b4-497c-ab49-fe78582216af",
+    "objectID": "28fd16c2-2a0b-4deb-9156-6bee414a7973",
     "type": "lvl2",
     "url": "/docs/components/code#import",
     "hierarchy": { "lvl1": "Code", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "8e088791-0300-4832-be0d-c8f418293c5d",
+    "objectID": "926e744e-fcd6-407b-bac1-ea80e8bc56a9",
     "type": "lvl2",
     "url": "/docs/components/code#usage",
     "hierarchy": { "lvl1": "Code", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Sizes",
-    "objectID": "74499034-c5b6-464e-aada-fd892d9a8aa1",
+    "objectID": "d6510719-5013-4491-bec0-759deaa47950",
     "type": "lvl3",
     "url": "/docs/components/code#sizes",
     "hierarchy": { "lvl1": "Code", "lvl2": "Usage", "lvl3": "Sizes" }
   },
   {
     "content": "Colors",
-    "objectID": "b672eab5-5baa-45b8-8d09-5f017d35f9ed",
+    "objectID": "4588a917-46d7-413d-a6b2-8d166c616e15",
     "type": "lvl3",
     "url": "/docs/components/code#colors",
     "hierarchy": { "lvl1": "Code", "lvl2": "Sizes", "lvl3": "Colors" }
   },
   {
     "content": "API",
-    "objectID": "095a734c-962b-4e0f-b3bd-c5093212f000",
+    "objectID": "32ced030-37ea-4c2d-ba92-e18847904e9b",
     "type": "lvl2",
     "url": "/docs/components/code#api",
     "hierarchy": { "lvl1": "Code", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Code Props",
-    "objectID": "26e4e722-bb85-4aae-a480-0dd0c681961d",
+    "objectID": "84f43dfc-4f02-4749-9f74-4d40321a9d95",
     "type": "lvl3",
     "url": "/docs/components/code#code-props",
     "hierarchy": { "lvl1": "Code", "lvl2": "API", "lvl3": "Code Props" }
   },
   {
     "content": "Divider",
-    "objectID": "ded5a26b-3dcb-44de-8849-dd9e8cc4132c",
+    "objectID": "9f71b67f-d39f-4b86-8000-1143f36d2c49",
     "type": "lvl1",
     "url": "/docs/components/divider",
     "hierarchy": { "lvl1": "Divider" }
   },
   {
     "content": "Import",
-    "objectID": "8ed30b2e-4c95-4ca5-b7c5-c4f8d8e78038",
+    "objectID": "70451eaa-9c6c-42c7-bf6c-4a1095e121d8",
     "type": "lvl2",
     "url": "/docs/components/divider#import",
     "hierarchy": { "lvl1": "Divider", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "7df6849b-75b8-4e63-87a3-79a33dff34f9",
+    "objectID": "ae5eb8b5-ed71-4c20-8435-c59bc1cda606",
     "type": "lvl2",
     "url": "/docs/components/divider#usage",
     "hierarchy": { "lvl1": "Divider", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Data Attributes",
-    "objectID": "c1304dba-7372-4c17-891a-7ab1b3155f7a",
+    "objectID": "8314b11a-640a-4235-a557-821acc4f0990",
     "type": "lvl2",
     "url": "/docs/components/divider#data-attributes",
     "hierarchy": { "lvl1": "Divider", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "e9464f44-e210-4181-999e-ed146ea158a1",
+    "objectID": "6c478012-88ed-47f3-a79a-1a0d09e788d6",
     "type": "lvl2",
     "url": "/docs/components/divider#accessibility",
     "hierarchy": { "lvl1": "Divider", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "a0fef7e9-36a9-48b2-9d4c-6857c7283ad6",
+    "objectID": "c6b82498-d67d-49fa-abc9-77567833053d",
     "type": "lvl2",
     "url": "/docs/components/divider#api",
     "hierarchy": { "lvl1": "Divider", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Divider Props",
-    "objectID": "3f9bf0b4-fe72-4331-84e4-36961e654a46",
+    "objectID": "679d69d4-88e8-4f4c-bb2d-0734b3bed31d",
     "type": "lvl3",
     "url": "/docs/components/divider#divider-props",
     "hierarchy": { "lvl1": "Divider", "lvl2": "API", "lvl3": "Divider Props" }
   },
   {
     "content": "Dropdown",
-    "objectID": "89e0f004-1e8a-45d9-9d6f-edaee7b3b374",
+    "objectID": "64f8a38f-5ed8-4b32-a4f5-45dbaff040ec",
     "type": "lvl1",
     "url": "/docs/components/dropdown",
     "hierarchy": { "lvl1": "Dropdown" }
   },
   {
     "content": "Import",
-    "objectID": "5e2a4303-6696-4642-928a-dc17d72a8c39",
+    "objectID": "58324608-ca28-4c29-a35a-4eee259e84ed",
     "type": "lvl2",
     "url": "/docs/components/dropdown#import",
     "hierarchy": { "lvl1": "Dropdown", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "a79690d2-242c-4afe-9dbd-72e59860715a",
+    "objectID": "d30ad89d-319f-45b5-9df6-9760b05165aa",
     "type": "lvl2",
     "url": "/docs/components/dropdown#usage",
     "hierarchy": { "lvl1": "Dropdown", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Dynamic items",
-    "objectID": "045bf27a-068d-42c1-96a3-33d091a04185",
+    "objectID": "2a175fe4-1e48-42cb-a5a6-b80c8ae77a3d",
     "type": "lvl3",
     "url": "/docs/components/dropdown#dynamic-items",
     "hierarchy": {
@@ -1618,7 +1893,7 @@
   },
   {
     "content": "Disabled Keys",
-    "objectID": "729beca3-8249-4202-8836-f74c44615360",
+    "objectID": "2c1e7d0c-1719-4c29-bd02-dde16c86597f",
     "type": "lvl3",
     "url": "/docs/components/dropdown#disabled-keys",
     "hierarchy": {
@@ -1629,7 +1904,7 @@
   },
   {
     "content": "Action event",
-    "objectID": "6cfa8f38-9ddf-4f3a-b57a-b661a56efbe6",
+    "objectID": "fbcc7a59-8e09-444b-9e93-a9d05f47aeee",
     "type": "lvl3",
     "url": "/docs/components/dropdown#action-event",
     "hierarchy": {
@@ -1640,7 +1915,7 @@
   },
   {
     "content": "Variants",
-    "objectID": "58692609-1f78-462a-bea4-e7fb52ab1b5e",
+    "objectID": "d5b4b539-393c-4efe-a61b-75f9aaa46b6b",
     "type": "lvl3",
     "url": "/docs/components/dropdown#variants",
     "hierarchy": {
@@ -1651,7 +1926,7 @@
   },
   {
     "content": "Single Selection",
-    "objectID": "19fe6f6e-ab6a-4a8e-b5ec-6174873816f7",
+    "objectID": "8b3aa6fc-8ebb-4973-a87a-98023a75884d",
     "type": "lvl3",
     "url": "/docs/components/dropdown#single-selection",
     "hierarchy": {
@@ -1662,7 +1937,7 @@
   },
   {
     "content": "Multiple Selection",
-    "objectID": "e9edba2d-b470-47a2-b942-4fc5e60b6510",
+    "objectID": "3360645b-8c08-4e18-afa9-254c2916dd54",
     "type": "lvl3",
     "url": "/docs/components/dropdown#multiple-selection",
     "hierarchy": {
@@ -1673,7 +1948,7 @@
   },
   {
     "content": "With Shortcut",
-    "objectID": "5e08db44-918b-4e9b-9d99-fbed95a31aca",
+    "objectID": "27059c08-0a38-4911-9fa2-a275cd7166fa",
     "type": "lvl3",
     "url": "/docs/components/dropdown#with-shortcut",
     "hierarchy": {
@@ -1684,7 +1959,7 @@
   },
   {
     "content": "With Icons",
-    "objectID": "56e69fb9-5a34-4df4-97a2-d3adcd323fa7",
+    "objectID": "d6895b43-f3fa-42b4-b54d-cab9b4038a62",
     "type": "lvl3",
     "url": "/docs/components/dropdown#with-icons",
     "hierarchy": {
@@ -1695,7 +1970,7 @@
   },
   {
     "content": "With Description",
-    "objectID": "ace09af0-ebb1-4732-ac50-4ce4e6ae660d",
+    "objectID": "512747b5-cde0-42d6-b8ef-212c355a99d0",
     "type": "lvl3",
     "url": "/docs/components/dropdown#with-description",
     "hierarchy": {
@@ -1706,7 +1981,7 @@
   },
   {
     "content": "With Sections",
-    "objectID": "3cbfbb4f-be74-4f73-b221-9b38a185a523",
+    "objectID": "c127a9f1-32ad-4c97-8247-fd72347dc8cf",
     "type": "lvl3",
     "url": "/docs/components/dropdown#with-sections",
     "hierarchy": {
@@ -1717,7 +1992,7 @@
   },
   {
     "content": "Custom Trigger",
-    "objectID": "45fe5662-c6e5-4e38-89f0-bd4aa012ecdc",
+    "objectID": "302b06fa-1fd5-40c2-8029-07e52f605f10",
     "type": "lvl3",
     "url": "/docs/components/dropdown#custom-trigger",
     "hierarchy": {
@@ -1728,7 +2003,7 @@
   },
   {
     "content": "Changing the backdrop",
-    "objectID": "3b7fc05c-ab57-4e19-a65b-790f9c739e88",
+    "objectID": "4ab4e78b-601c-4307-bbd4-96f4c9ed052e",
     "type": "lvl3",
     "url": "/docs/components/dropdown#changing-the-backdrop",
     "hierarchy": {
@@ -1737,23 +2012,34 @@
       "lvl3": "Changing the backdrop"
     }
   },
+  {
+    "content": "Routing",
+    "objectID": "4b1cc8c5-914c-4c85-aa69-9ad08c9f78de",
+    "type": "lvl3",
+    "url": "/docs/components/dropdown#routing",
+    "hierarchy": {
+      "lvl1": "Dropdown",
+      "lvl2": "Changing the backdrop",
+      "lvl3": "Routing"
+    }
+  },
   {
     "content": "Slots",
-    "objectID": "29ea648e-44b4-44a9-8f42-63734484c2a4",
+    "objectID": "0c7f37b7-87c8-45af-87e6-cd18857e38be",
     "type": "lvl2",
     "url": "/docs/components/dropdown#slots",
     "hierarchy": { "lvl1": "Dropdown", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "DropdownItem",
-    "objectID": "d660f1dc-0823-453e-a5ed-a1285eb62a94",
+    "objectID": "8f932687-5dfc-4fea-a17b-974f5e7c8553",
     "type": "lvl3",
     "url": "/docs/components/dropdown#dropdownitem",
     "hierarchy": { "lvl1": "Dropdown", "lvl2": "Slots", "lvl3": "DropdownItem" }
   },
   {
     "content": "DropdownSection",
-    "objectID": "d3ac8b9d-fb4d-4164-ad64-a5d0cf3fc0f5",
+    "objectID": "df74608f-c328-4904-8af2-0d4f956b9b23",
     "type": "lvl3",
     "url": "/docs/components/dropdown#dropdownsection",
     "hierarchy": {
@@ -1764,7 +2050,7 @@
   },
   {
     "content": "Customizing the dropdown popover",
-    "objectID": "71eb88c6-e2f8-4f51-b425-2fd2065c08f6",
+    "objectID": "c20eddda-ade5-4c0b-b44d-0bd241871b67",
     "type": "lvl3",
     "url": "/docs/components/dropdown#customizing-the-dropdown-popover",
     "hierarchy": {
@@ -1775,7 +2061,7 @@
   },
   {
     "content": "Customizing the dropdown items style",
-    "objectID": "59c40e21-83fa-459c-b397-960aa874e44e",
+    "objectID": "ac0977b7-29a9-437a-bda8-e757e44e8e77",
     "type": "lvl3",
     "url": "/docs/components/dropdown#customizing-the-dropdown-items-style",
     "hierarchy": {
@@ -1786,7 +2072,7 @@
   },
   {
     "content": "Keyboard Interactions",
-    "objectID": "7b1dacee-5ac1-4730-aa05-6052e1566097",
+    "objectID": "e1ac2221-eab8-42b2-95c9-5c9e77b27fab",
     "type": "lvl3",
     "url": "/docs/components/dropdown#keyboard-interactions",
     "hierarchy": {
@@ -1797,35 +2083,35 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "990e4fdd-b77e-4abe-87ec-4c25d2eb324f",
+    "objectID": "e66e5f3b-e791-47f6-9422-10b1972a7f89",
     "type": "lvl2",
     "url": "/docs/components/dropdown#data-attributes",
     "hierarchy": { "lvl1": "Dropdown", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "9ce0e7b2-5e52-4463-9b42-0d5f1ab1ac3e",
+    "objectID": "e40aa336-8046-47ba-bc86-8bf4aa17a80e",
     "type": "lvl2",
     "url": "/docs/components/dropdown#accessibility",
     "hierarchy": { "lvl1": "Dropdown", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "30794bb7-944a-4045-bafc-2ded4e2f3ada",
+    "objectID": "a403953a-c1cc-4b82-baca-0842491690d7",
     "type": "lvl2",
     "url": "/docs/components/dropdown#api",
     "hierarchy": { "lvl1": "Dropdown", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Dropdown Props",
-    "objectID": "636b48ff-46f1-4cd4-b1ca-108539b2579a",
+    "objectID": "bba14288-410c-4534-bbd8-50ffd093115e",
     "type": "lvl3",
     "url": "/docs/components/dropdown#dropdown-props",
     "hierarchy": { "lvl1": "Dropdown", "lvl2": "API", "lvl3": "Dropdown Props" }
   },
   {
     "content": "Dropdown Events",
-    "objectID": "f545132f-31a4-4aac-853d-882b6471bfd4",
+    "objectID": "9485a2dd-8daf-421f-8ebc-819aec9b2c06",
     "type": "lvl3",
     "url": "/docs/components/dropdown#dropdown-events",
     "hierarchy": {
@@ -1836,7 +2122,7 @@
   },
   {
     "content": "DropdownTrigger Props",
-    "objectID": "876ba93d-13f5-40ea-a032-f6568c5aa988",
+    "objectID": "37716696-df0c-4ad8-9ad3-257f3887ac5d",
     "type": "lvl3",
     "url": "/docs/components/dropdown#dropdowntrigger-props",
     "hierarchy": {
@@ -1847,7 +2133,7 @@
   },
   {
     "content": "DropdownMenu Props",
-    "objectID": "42b9688c-a050-4a4b-853f-42009dbe4c54",
+    "objectID": "420ef48c-92ba-42c8-a5cd-ad20f712f8dc",
     "type": "lvl3",
     "url": "/docs/components/dropdown#dropdownmenu-props",
     "hierarchy": {
@@ -1858,7 +2144,7 @@
   },
   {
     "content": "DropdownMenu Events",
-    "objectID": "576b2845-18a5-4995-9d39-f4893b17ecad",
+    "objectID": "22c3b545-4f2c-42fa-8eed-1af345b20c45",
     "type": "lvl3",
     "url": "/docs/components/dropdown#dropdownmenu-events",
     "hierarchy": {
@@ -1869,7 +2155,7 @@
   },
   {
     "content": "DropdownSection Props",
-    "objectID": "004ff710-33f5-4018-b950-0241f666de9f",
+    "objectID": "b0433682-4b50-48c8-950c-08f8bfeead20",
     "type": "lvl3",
     "url": "/docs/components/dropdown#dropdownsection-props",
     "hierarchy": {
@@ -1880,7 +2166,7 @@
   },
   {
     "content": "DropdownItem Props",
-    "objectID": "8a034cb7-600d-461f-a274-2b852aa61c43",
+    "objectID": "e11f4814-4259-447f-beb2-c7067716bae7",
     "type": "lvl3",
     "url": "/docs/components/dropdown#dropdownitem-props",
     "hierarchy": {
@@ -1891,7 +2177,7 @@
   },
   {
     "content": "DropdownItem Events",
-    "objectID": "610b1582-14b1-463a-b35c-47bc30f05c67",
+    "objectID": "77ef7040-494c-4925-afb2-84e2e79b804d",
     "type": "lvl3",
     "url": "/docs/components/dropdown#dropdownitem-events",
     "hierarchy": {
@@ -1902,7 +2188,7 @@
   },
   {
     "content": "Types",
-    "objectID": "db040373-0537-4319-b80c-f33ce866e956",
+    "objectID": "3138cb62-7459-4956-81a3-ec39f0555b33",
     "type": "lvl3",
     "url": "/docs/components/dropdown#types",
     "hierarchy": {
@@ -1913,49 +2199,49 @@
   },
   {
     "content": "Dropdown Item Selected Icon Props",
-    "objectID": "94bf0b35-822e-49fa-b4ad-c7d20cdae716",
+    "objectID": "b7050dbc-d5e5-4e3f-8d5f-b0a622a944e0",
     "type": "lvl4",
     "url": "/docs/components/dropdown#dropdown-item-selected-icon-props",
     "hierarchy": { "lvl1": "Dropdown", "lvl2": "Types", "lvl3": null }
   },
   {
     "content": "Image",
-    "objectID": "8849e4f4-6188-406f-8728-2ed351a0c65e",
+    "objectID": "b0690075-b3b7-4e1f-9b29-5396bed7f407",
     "type": "lvl1",
     "url": "/docs/components/image",
     "hierarchy": { "lvl1": "Image" }
   },
   {
     "content": "Import",
-    "objectID": "1ba54a56-4f3b-4177-ba0a-049e7b2632eb",
+    "objectID": "7f62c9a1-76a8-44cb-ab9d-8e30da7d3725",
     "type": "lvl2",
     "url": "/docs/components/image#import",
     "hierarchy": { "lvl1": "Image", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "086f82e4-c013-403a-90a6-faa191ec1574",
+    "objectID": "c1bb5fed-32de-4b1d-a689-ddf24d58fbd7",
     "type": "lvl2",
     "url": "/docs/components/image#usage",
     "hierarchy": { "lvl1": "Image", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Blurred",
-    "objectID": "84a913cb-ec44-447a-a27d-272ad17f691a",
+    "objectID": "2ef90c4b-6c1c-439e-a1ec-0ca7ef311a39",
     "type": "lvl3",
     "url": "/docs/components/image#blurred",
     "hierarchy": { "lvl1": "Image", "lvl2": "Usage", "lvl3": "Blurred" }
   },
   {
     "content": "Zoomed",
-    "objectID": "042d9a3b-5a24-4261-8e89-887ebed582b1",
+    "objectID": "0c02bdec-f740-4037-b37a-a94bc4602a47",
     "type": "lvl3",
     "url": "/docs/components/image#zoomed",
     "hierarchy": { "lvl1": "Image", "lvl2": "Blurred", "lvl3": "Zoomed" }
   },
   {
     "content": "Animated Loading",
-    "objectID": "0cb2fafc-e4eb-4275-9178-0d7a9e44fa67",
+    "objectID": "fbc400e5-fac5-4751-8fda-610cfc78ab7b",
     "type": "lvl3",
     "url": "/docs/components/image#animated-loading",
     "hierarchy": {
@@ -1966,7 +2252,7 @@
   },
   {
     "content": "Image with fallback",
-    "objectID": "759b6730-baf7-41b6-ad41-5d8d3c5785a1",
+    "objectID": "c3c0b532-cfba-4c52-bf75-9d2cdd9a3c0a",
     "type": "lvl3",
     "url": "/docs/components/image#image-with-fallback",
     "hierarchy": {
@@ -1977,7 +2263,7 @@
   },
   {
     "content": "With Next.js Image",
-    "objectID": "b91e683b-a61c-4706-a338-b4c117f11c8f",
+    "objectID": "1150160a-0864-434f-84dc-67b509d3b568",
     "type": "lvl3",
     "url": "/docs/components/image#with-nextjs-image",
     "hierarchy": {
@@ -1988,28 +2274,28 @@
   },
   {
     "content": "Slots",
-    "objectID": "c21cbe64-8bfe-4dda-bbc1-71f59542acd9",
+    "objectID": "f172dd3e-7ba2-4204-a7dd-10929fc5615c",
     "type": "lvl2",
     "url": "/docs/components/image#slots",
     "hierarchy": { "lvl1": "Image", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "1d5006a8-7483-4ffa-a683-f75216f21851",
+    "objectID": "42434c86-aae7-4fbd-950a-ad5014fd38a0",
     "type": "lvl2",
     "url": "/docs/components/image#api",
     "hierarchy": { "lvl1": "Image", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Image Props",
-    "objectID": "e7c96720-dd1b-43b7-94c6-2bf11ae803bb",
+    "objectID": "1bd0cf64-4d21-4b9a-ae96-5396b4dcf1fe",
     "type": "lvl3",
     "url": "/docs/components/image#image-props",
     "hierarchy": { "lvl1": "Image", "lvl2": "API", "lvl3": "Image Props" }
   },
   {
     "content": "Image Events",
-    "objectID": "843d5673-69d9-4f1c-a96b-c2f788d6c8d5",
+    "objectID": "d2a419f0-0766-430d-8eb7-965befc3adbc",
     "type": "lvl3",
     "url": "/docs/components/image#image-events",
     "hierarchy": {
@@ -2020,77 +2306,77 @@
   },
   {
     "content": "Input",
-    "objectID": "18a9731d-a0ac-4417-bead-619934f4977b",
+    "objectID": "137e88ee-b56e-4e0e-bd66-f634245d5300",
     "type": "lvl1",
     "url": "/docs/components/input",
     "hierarchy": { "lvl1": "Input" }
   },
   {
     "content": "Import",
-    "objectID": "051735b6-c497-4d77-9bd8-6cb5342336b6",
+    "objectID": "d18fc8d9-41e3-4c5c-b449-5ee0141d1c4b",
     "type": "lvl2",
     "url": "/docs/components/input#import",
     "hierarchy": { "lvl1": "Input", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "d7aee911-a682-444a-86ef-20bb181f392f",
+    "objectID": "ab0021bc-c149-4f79-b7e5-2857a83f19ae",
     "type": "lvl2",
     "url": "/docs/components/input#usage",
     "hierarchy": { "lvl1": "Input", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Disabled",
-    "objectID": "beb44baf-a523-4873-b4c7-fa566b75af48",
+    "objectID": "547657d8-7073-4700-94d5-e3e06589f96c",
     "type": "lvl3",
     "url": "/docs/components/input#disabled",
     "hierarchy": { "lvl1": "Input", "lvl2": "Usage", "lvl3": "Disabled" }
   },
   {
     "content": "Read Only",
-    "objectID": "743b80f8-3cf4-456b-9eb9-00cf1f94c6eb",
+    "objectID": "23a562cf-20bc-4826-8a15-8c78191a3809",
     "type": "lvl3",
     "url": "/docs/components/input#read-only",
     "hierarchy": { "lvl1": "Input", "lvl2": "Disabled", "lvl3": "Read Only" }
   },
   {
     "content": "Required",
-    "objectID": "75b6c587-8c01-41e7-8ac9-53154836767e",
+    "objectID": "843fc1cb-933a-42a4-9a2f-11cdacaf89f7",
     "type": "lvl3",
     "url": "/docs/components/input#required",
     "hierarchy": { "lvl1": "Input", "lvl2": "Read Only", "lvl3": "Required" }
   },
   {
     "content": "Sizes",
-    "objectID": "94675a9b-a4be-4f88-a813-1791c39142e1",
+    "objectID": "c21c9871-2d9d-4748-a90f-7ef41464191f",
     "type": "lvl3",
     "url": "/docs/components/input#sizes",
     "hierarchy": { "lvl1": "Input", "lvl2": "Required", "lvl3": "Sizes" }
   },
   {
     "content": "Colors",
-    "objectID": "b7437c1d-6aea-4d27-bb9e-6af7bcd0384b",
+    "objectID": "f3a850b7-375f-47d5-ab54-d38c4061f76b",
     "type": "lvl3",
     "url": "/docs/components/input#colors",
     "hierarchy": { "lvl1": "Input", "lvl2": "Sizes", "lvl3": "Colors" }
   },
   {
     "content": "Variants",
-    "objectID": "6feb9615-b30e-487e-9762-fa4d5cf4692d",
+    "objectID": "aab45781-1818-4170-98ff-ad4a4c06bc5d",
     "type": "lvl3",
     "url": "/docs/components/input#variants",
     "hierarchy": { "lvl1": "Input", "lvl2": "Colors", "lvl3": "Variants" }
   },
   {
     "content": "Radius",
-    "objectID": "293d23a6-7edc-46cc-8236-871b5d945793",
+    "objectID": "9d892dbf-e967-456d-8d77-fcaceb8a3896",
     "type": "lvl3",
     "url": "/docs/components/input#radius",
     "hierarchy": { "lvl1": "Input", "lvl2": "Variants", "lvl3": "Radius" }
   },
   {
     "content": "Label Placements",
-    "objectID": "0fc431a2-8e18-4bcc-957d-9271163eed24",
+    "objectID": "ee3fef7a-f521-476b-b885-9abf1ac75360",
     "type": "lvl3",
     "url": "/docs/components/input#label-placements",
     "hierarchy": {
@@ -2101,7 +2387,7 @@
   },
   {
     "content": "Password Input",
-    "objectID": "d5bfab84-58b2-4a3a-98e6-93220a0ca4dc",
+    "objectID": "63dabc92-ebea-47a1-87f9-22d5fb49b799",
     "type": "lvl3",
     "url": "/docs/components/input#password-input",
     "hierarchy": {
@@ -2112,7 +2398,7 @@
   },
   {
     "content": "Clear Button",
-    "objectID": "23bdc347-1c86-487f-8de7-9f5b406c0b05",
+    "objectID": "c0156938-b27d-4e0b-bc18-ab520a81caf0",
     "type": "lvl3",
     "url": "/docs/components/input#clear-button",
     "hierarchy": {
@@ -2123,7 +2409,7 @@
   },
   {
     "content": "Start & End Content",
-    "objectID": "077aefa5-e14d-446a-945e-43ab236116d4",
+    "objectID": "3fcce6aa-e6b7-43e1-bed4-d369f4116947",
     "type": "lvl3",
     "url": "/docs/components/input#start--end-content",
     "hierarchy": {
@@ -2134,7 +2420,7 @@
   },
   {
     "content": "With Description",
-    "objectID": "e26f1e5d-5cb8-4fe4-85ce-87f04ebaebdd",
+    "objectID": "29d76df0-9814-4d7a-b17b-02b2178d4bd6",
     "type": "lvl3",
     "url": "/docs/components/input#with-description",
     "hierarchy": {
@@ -2145,7 +2431,7 @@
   },
   {
     "content": "With Error Message",
-    "objectID": "a65db939-2058-4a23-b37b-926c40f01d54",
+    "objectID": "87b53876-d121-44c1-9a01-a49bb61722dd",
     "type": "lvl3",
     "url": "/docs/components/input#with-error-message",
     "hierarchy": {
@@ -2156,7 +2442,7 @@
   },
   {
     "content": "Controlled",
-    "objectID": "1855e1d1-aa7e-416c-9d73-315dc46edf14",
+    "objectID": "3b987ac1-3a3c-421d-b61d-5ff70d6c587a",
     "type": "lvl3",
     "url": "/docs/components/input#controlled",
     "hierarchy": {
@@ -2167,21 +2453,21 @@
   },
   {
     "content": "Slots",
-    "objectID": "daca0d7a-afa5-4ca8-b102-1d0a762a1705",
+    "objectID": "a2200aa8-ec02-46af-b329-c915cec57b73",
     "type": "lvl2",
     "url": "/docs/components/input#slots",
     "hierarchy": { "lvl1": "Input", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "9e138809-e2a4-47ab-ab73-f067ab99159c",
+    "objectID": "2dca32d1-35db-4a57-b9d7-8e258d1132e4",
     "type": "lvl3",
     "url": "/docs/components/input#custom-styles",
     "hierarchy": { "lvl1": "Input", "lvl2": "Slots", "lvl3": "Custom Styles" }
   },
   {
     "content": "Custom Implementation",
-    "objectID": "f31c81c9-d3da-4676-9d35-1a4b453b3585",
+    "objectID": "78117de5-f62b-4d31-a022-d4ecf38a1e7b",
     "type": "lvl3",
     "url": "/docs/components/input#custom-implementation",
     "hierarchy": {
@@ -2192,35 +2478,35 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "75d5ef0f-5d5f-43d2-9af7-88c71641b49d",
+    "objectID": "038d5d16-7cdd-4a5a-8608-af51c5b1ab68",
     "type": "lvl2",
     "url": "/docs/components/input#data-attributes",
     "hierarchy": { "lvl1": "Input", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "4d7daf83-6156-4b33-b925-868030358a2e",
+    "objectID": "83046402-47a8-46ae-82bf-974f8c640c2b",
     "type": "lvl2",
     "url": "/docs/components/input#accessibility",
     "hierarchy": { "lvl1": "Input", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "47ce0a9b-7eca-48ae-981d-af9416e8ab6d",
+    "objectID": "c853cea1-4e92-4e8b-86b7-da4b4d5a7ca0",
     "type": "lvl2",
     "url": "/docs/components/input#api",
     "hierarchy": { "lvl1": "Input", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Input Props",
-    "objectID": "b907eccb-ec91-4d97-ac97-ab5d02903e90",
+    "objectID": "f73cfd4c-3d18-483c-8b72-a1650508932b",
     "type": "lvl3",
     "url": "/docs/components/input#input-props",
     "hierarchy": { "lvl1": "Input", "lvl2": "API", "lvl3": "Input Props" }
   },
   {
     "content": "Input Events",
-    "objectID": "54abbfec-b123-409c-90ad-fd4f4ec845a6",
+    "objectID": "374cd395-154d-46a0-a496-a2895825eb5f",
     "type": "lvl3",
     "url": "/docs/components/input#input-events",
     "hierarchy": {
@@ -2231,42 +2517,42 @@
   },
   {
     "content": "Keyboard Key",
-    "objectID": "3472d7f8-85ee-4420-ae39-572d7ffba90e",
+    "objectID": "62e7a89d-a648-4b00-862c-9774cc1cdedb",
     "type": "lvl1",
     "url": "/docs/components/kbd",
     "hierarchy": { "lvl1": "Keyboard Key" }
   },
   {
     "content": "Import",
-    "objectID": "3c9f71e1-2125-452c-9b27-9621b7790993",
+    "objectID": "7cc2b654-2de1-4fa4-98de-7978881b000a",
     "type": "lvl2",
     "url": "/docs/components/kbd#import",
     "hierarchy": { "lvl1": "Keyboard Key", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "b9b407aa-2a97-4f52-a00f-8ee0113de1e7",
+    "objectID": "df5d6191-28e4-4acd-973f-9c20fca70f50",
     "type": "lvl2",
     "url": "/docs/components/kbd#usage",
     "hierarchy": { "lvl1": "Keyboard Key", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Keys",
-    "objectID": "e0d11c41-759a-4240-9ba6-1e809c85e540",
+    "objectID": "49f9f206-e8d3-4278-8bf9-21f1fde1c19c",
     "type": "lvl3",
     "url": "/docs/components/kbd#keys",
     "hierarchy": { "lvl1": "Keyboard Key", "lvl2": "Usage", "lvl3": "Keys" }
   },
   {
     "content": "Slots",
-    "objectID": "a2df6955-7da9-4ed8-9e2a-6238468694cf",
+    "objectID": "ca08aaf5-e7d0-418e-96fc-24f533403741",
     "type": "lvl2",
     "url": "/docs/components/kbd#slots",
     "hierarchy": { "lvl1": "Keyboard Key", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "b9c088fe-cbc2-4ae9-a6e1-2854b1a2408b",
+    "objectID": "f294cae3-78fe-49e5-a90b-f3145866f3ac",
     "type": "lvl2",
     "url": "/docs/components/kbd#accessibility",
     "hierarchy": {
@@ -2277,14 +2563,14 @@
   },
   {
     "content": "API",
-    "objectID": "ee7a9071-f5d0-4336-ba1f-4ab1b2812548",
+    "objectID": "9206335a-93de-4ba5-8e01-a05c2b480072",
     "type": "lvl2",
     "url": "/docs/components/kbd#api",
     "hierarchy": { "lvl1": "Keyboard Key", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Keyboard Key Props",
-    "objectID": "1e758b63-3f76-4fb0-8e24-072d3e082576",
+    "objectID": "a3470d54-63ad-4e85-8884-720696477136",
     "type": "lvl3",
     "url": "/docs/components/kbd#keyboard-key-props",
     "hierarchy": {
@@ -2295,7 +2581,7 @@
   },
   {
     "content": "Keyboard Keys",
-    "objectID": "923ee79d-0884-47cb-b06b-14b850f207e0",
+    "objectID": "caa382d8-e93b-4c25-b514-adb090a08a75",
     "type": "lvl3",
     "url": "/docs/components/kbd#keyboard-keys",
     "hierarchy": {
@@ -2306,63 +2592,63 @@
   },
   {
     "content": "Link",
-    "objectID": "e57c60e2-f198-42b1-a7a3-f673dad68ed2",
+    "objectID": "d02ac695-ef87-498f-b0ed-2872dec444ca",
     "type": "lvl1",
     "url": "/docs/components/link",
     "hierarchy": { "lvl1": "Link" }
   },
   {
     "content": "Import",
-    "objectID": "2394dcaf-2c18-44bd-a6b7-67efb81caf0d",
+    "objectID": "0c75c492-62ae-4826-a907-b444a86738cb",
     "type": "lvl2",
     "url": "/docs/components/link#import",
     "hierarchy": { "lvl1": "Link", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "d00f5a6d-1476-4262-a895-5367644a71b2",
+    "objectID": "9d9cbfc7-dc3e-4d89-90d4-53b6abe75d19",
     "type": "lvl2",
     "url": "/docs/components/link#usage",
     "hierarchy": { "lvl1": "Link", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Disabled",
-    "objectID": "507e4572-4531-47e7-b710-951aff6c24a3",
+    "objectID": "6a1ca8f4-56c3-4a2b-807c-7990df4d6d3b",
     "type": "lvl3",
     "url": "/docs/components/link#disabled",
     "hierarchy": { "lvl1": "Link", "lvl2": "Usage", "lvl3": "Disabled" }
   },
   {
     "content": "Sizes",
-    "objectID": "5f2f021b-9b90-4c0b-8b32-71b3c28a5926",
+    "objectID": "8760b4fd-1c17-4256-b5e9-ebd475d586d9",
     "type": "lvl3",
     "url": "/docs/components/link#sizes",
     "hierarchy": { "lvl1": "Link", "lvl2": "Disabled", "lvl3": "Sizes" }
   },
   {
     "content": "Colors",
-    "objectID": "045b4e4d-9e97-48a6-a206-7379af4c39ee",
+    "objectID": "dccf0e92-e1b7-4cf8-86d0-9b112adae731",
     "type": "lvl3",
     "url": "/docs/components/link#colors",
     "hierarchy": { "lvl1": "Link", "lvl2": "Sizes", "lvl3": "Colors" }
   },
   {
     "content": "Underline",
-    "objectID": "82314853-725c-40b4-8a26-010f388968ef",
+    "objectID": "8328138b-88e8-4b88-823f-1fe060840566",
     "type": "lvl3",
     "url": "/docs/components/link#underline",
     "hierarchy": { "lvl1": "Link", "lvl2": "Colors", "lvl3": "Underline" }
   },
   {
     "content": "External",
-    "objectID": "9e87aad5-b774-42ac-ab69-865b5eab4bf8",
+    "objectID": "aa39b0d0-b16b-48eb-b8a3-d0bd6e6a5fcd",
     "type": "lvl3",
     "url": "/docs/components/link#external",
     "hierarchy": { "lvl1": "Link", "lvl2": "Underline", "lvl3": "External" }
   },
   {
     "content": "Custom Anchor Icon",
-    "objectID": "cf2a10ad-fb4c-43b9-9936-45c5fa58cd9b",
+    "objectID": "b873af41-a950-4f16-8e07-9111b642cd80",
     "type": "lvl3",
     "url": "/docs/components/link#custom-anchor-icon",
     "hierarchy": {
@@ -2373,7 +2659,7 @@
   },
   {
     "content": "Block Link",
-    "objectID": "465507e4-6277-40a9-8613-116e8e0dd90e",
+    "objectID": "c2fc953f-a087-456e-b926-d053c2481b0a",
     "type": "lvl3",
     "url": "/docs/components/link#block-link",
     "hierarchy": {
@@ -2384,7 +2670,7 @@
   },
   {
     "content": "Polymorphic Component",
-    "objectID": "3df3992a-a413-4991-9ce2-76fafbd8a1dc",
+    "objectID": "5b40dd45-4f77-4191-b14c-487b79fe7d94",
     "type": "lvl3",
     "url": "/docs/components/link#polymorphic-component",
     "hierarchy": {
@@ -2394,93 +2680,93 @@
     }
   },
   {
-    "content": "Usage with Next.js",
-    "objectID": "60c6462b-f6a8-49b8-8402-af3f288598c8",
+    "content": "Routing",
+    "objectID": "930a506e-4f24-4e5a-acd4-29cb2dbe01d7",
     "type": "lvl3",
-    "url": "/docs/components/link#usage-with-nextjs",
+    "url": "/docs/components/link#routing",
     "hierarchy": {
       "lvl1": "Link",
       "lvl2": "Polymorphic Component",
-      "lvl3": "Usage with Next.js"
+      "lvl3": "Routing"
     }
   },
   {
     "content": "Custom Implementation",
-    "objectID": "fc7f01b4-7897-4ed4-9f3d-e915c0c4eac7",
+    "objectID": "9dd0ceca-0c7e-4b98-a3bb-d052569c85e3",
     "type": "lvl3",
     "url": "/docs/components/link#custom-implementation",
     "hierarchy": {
       "lvl1": "Link",
-      "lvl2": "Usage with Next.js",
+      "lvl2": "Routing",
       "lvl3": "Custom Implementation"
     }
   },
   {
     "content": "Data Attributes",
-    "objectID": "7f8d6a2f-53cf-4fd1-8262-72e4089d255e",
+    "objectID": "24872f64-cc6d-462f-bb33-af09f16339ce",
     "type": "lvl2",
     "url": "/docs/components/link#data-attributes",
     "hierarchy": { "lvl1": "Link", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "844c4028-a414-48df-b979-9689f6064200",
+    "objectID": "e889000e-c7b5-4d20-a1d1-fe3ab74fe627",
     "type": "lvl2",
     "url": "/docs/components/link#accessibility",
     "hierarchy": { "lvl1": "Link", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "30b2722c-5228-41e6-bee1-adc588dcb3c6",
+    "objectID": "b46a5415-b97f-429c-bbd4-fdffa6825963",
     "type": "lvl2",
     "url": "/docs/components/link#api",
     "hierarchy": { "lvl1": "Link", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Link Props",
-    "objectID": "eae25512-ea4e-40d1-ad61-9e8fd6271d7e",
+    "objectID": "0a1bcf23-9acc-4ac5-900c-4bb020faf8aa",
     "type": "lvl3",
     "url": "/docs/components/link#link-props",
     "hierarchy": { "lvl1": "Link", "lvl2": "API", "lvl3": "Link Props" }
   },
   {
     "content": "Link Events",
-    "objectID": "dfdce5b6-dbdb-4e81-bf91-a4382e316e7a",
+    "objectID": "7b42fd2f-bf04-4d4f-9130-180665334fba",
     "type": "lvl3",
     "url": "/docs/components/link#link-events",
     "hierarchy": { "lvl1": "Link", "lvl2": "Link Props", "lvl3": "Link Events" }
   },
   {
     "content": "Listbox",
-    "objectID": "97061a98-2ee5-46db-acbe-9a99335194df",
+    "objectID": "b75f4e11-6f42-47ac-a873-685c6dcaadd7",
     "type": "lvl1",
     "url": "/docs/components/listbox",
     "hierarchy": { "lvl1": "Listbox" }
   },
   {
     "content": "Import",
-    "objectID": "7f2f21d6-34c1-43ae-af62-981f44a5d7ce",
+    "objectID": "fe5d7146-d65e-49f1-a120-23b9682bf13b",
     "type": "lvl2",
     "url": "/docs/components/listbox#import",
     "hierarchy": { "lvl1": "Listbox", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "27444fe2-9e9a-4ce4-85d9-6c2068844819",
+    "objectID": "a762e916-611f-4bc9-8add-6e8c7367acbe",
     "type": "lvl2",
     "url": "/docs/components/listbox#usage",
     "hierarchy": { "lvl1": "Listbox", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Dynamic items",
-    "objectID": "590cb33d-ed33-431f-b57a-bf948437683e",
+    "objectID": "f574043d-f88c-4f31-b3d8-3fb1f65faf64",
     "type": "lvl3",
     "url": "/docs/components/listbox#dynamic-items",
     "hierarchy": { "lvl1": "Listbox", "lvl2": "Usage", "lvl3": "Dynamic items" }
   },
   {
     "content": "Disabled Keys",
-    "objectID": "0bcb7bc3-ca92-42eb-a88d-bf71d6cc3982",
+    "objectID": "8ea94073-0741-4cb8-84fb-929e55bfb866",
     "type": "lvl3",
     "url": "/docs/components/listbox#disabled-keys",
     "hierarchy": {
@@ -2491,7 +2777,7 @@
   },
   {
     "content": "Variants",
-    "objectID": "c363baf4-f4ec-45b9-9bca-30c3151cad60",
+    "objectID": "27f90aa3-b48e-425d-8544-c9ce462899cb",
     "type": "lvl3",
     "url": "/docs/components/listbox#variants",
     "hierarchy": {
@@ -2502,7 +2788,7 @@
   },
   {
     "content": "Single Selection",
-    "objectID": "8b390415-42bd-4c9f-b2c7-5feb0edf66b8",
+    "objectID": "eb8123d8-50ea-48e5-8ff2-1d80171edbde",
     "type": "lvl3",
     "url": "/docs/components/listbox#single-selection",
     "hierarchy": {
@@ -2513,7 +2799,7 @@
   },
   {
     "content": "Multiple Selection",
-    "objectID": "480f212f-ca1f-4d83-8457-f0537f5a72a0",
+    "objectID": "20359d94-175e-4f6d-9818-0aa4ef2ec58a",
     "type": "lvl3",
     "url": "/docs/components/listbox#multiple-selection",
     "hierarchy": {
@@ -2524,7 +2810,7 @@
   },
   {
     "content": "With Icons",
-    "objectID": "d5d58431-d26c-4fe8-8097-7af86f609ea8",
+    "objectID": "9b5ec08a-373d-4649-aa2b-9a727ca8fff4",
     "type": "lvl3",
     "url": "/docs/components/listbox#with-icons",
     "hierarchy": {
@@ -2535,7 +2821,7 @@
   },
   {
     "content": "With Description",
-    "objectID": "897cd996-b415-488e-9f3c-837ab114c867",
+    "objectID": "2f685020-5f47-49d5-865a-ea73913e8baa",
     "type": "lvl3",
     "url": "/docs/components/listbox#with-description",
     "hierarchy": {
@@ -2546,7 +2832,7 @@
   },
   {
     "content": "With Sections",
-    "objectID": "cb3c73a8-9f85-4704-89f5-0d9d090a60dc",
+    "objectID": "7bfcea9a-d4aa-4ab1-a8de-9a48371e1d56",
     "type": "lvl3",
     "url": "/docs/components/listbox#with-sections",
     "hierarchy": {
@@ -2555,23 +2841,34 @@
       "lvl3": "With Sections"
     }
   },
+  {
+    "content": "Routing",
+    "objectID": "f3f24001-f815-4ae1-af30-c7fe1c256426",
+    "type": "lvl3",
+    "url": "/docs/components/listbox#routing",
+    "hierarchy": {
+      "lvl1": "Listbox",
+      "lvl2": "With Sections",
+      "lvl3": "Routing"
+    }
+  },
   {
     "content": "Slots",
-    "objectID": "e51c33dc-5f60-4bd0-bd98-baba94ab9438",
+    "objectID": "71ccf3bf-e5c9-41fe-8a86-d14997d67a2f",
     "type": "lvl2",
     "url": "/docs/components/listbox#slots",
     "hierarchy": { "lvl1": "Listbox", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "ListboxItem",
-    "objectID": "230dcf9f-ebfe-4bcf-a790-7c2fdc84e7b9",
+    "objectID": "06473047-416e-445f-ac97-7c02b77a5c89",
     "type": "lvl3",
     "url": "/docs/components/listbox#listboxitem",
     "hierarchy": { "lvl1": "Listbox", "lvl2": "Slots", "lvl3": "ListboxItem" }
   },
   {
     "content": "ListboxSection",
-    "objectID": "c44de3d3-70d3-4ad3-82bd-5ffa7512d62c",
+    "objectID": "59623de1-5dee-4c65-823d-05224a9aeb12",
     "type": "lvl3",
     "url": "/docs/components/listbox#listboxsection",
     "hierarchy": {
@@ -2582,7 +2879,7 @@
   },
   {
     "content": "Customizing the listbox",
-    "objectID": "c3e60516-a200-4e62-a726-6d54b87ad4c7",
+    "objectID": "637d0acf-8db8-4122-89e9-64acc7c7ad51",
     "type": "lvl3",
     "url": "/docs/components/listbox#customizing-the-listbox",
     "hierarchy": {
@@ -2593,7 +2890,7 @@
   },
   {
     "content": "Keyboard Interactions",
-    "objectID": "b589b1f5-06e1-47f5-be7f-ba9ee46305a9",
+    "objectID": "894af78f-fa48-4cf3-9499-72c974b7ae1f",
     "type": "lvl3",
     "url": "/docs/components/listbox#keyboard-interactions",
     "hierarchy": {
@@ -2604,35 +2901,35 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "f9d9c6d6-4b33-4192-b7b2-9eca7270ef08",
+    "objectID": "0c32660a-a7e9-4e7d-aaf8-ad37c26eb422",
     "type": "lvl2",
     "url": "/docs/components/listbox#data-attributes",
     "hierarchy": { "lvl1": "Listbox", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "8a228536-6b5b-41f6-9aeb-d7aff0b8ef88",
+    "objectID": "247bce5a-14f1-49d2-abc4-9b38fcb19857",
     "type": "lvl2",
     "url": "/docs/components/listbox#accessibility",
     "hierarchy": { "lvl1": "Listbox", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "6ae70a97-40b8-4f0f-a1e2-2ff2423e4fb1",
+    "objectID": "2deae1a5-1dde-404f-b5e2-6888fff17ad0",
     "type": "lvl2",
     "url": "/docs/components/listbox#api",
     "hierarchy": { "lvl1": "Listbox", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Listbox Props",
-    "objectID": "90d820fd-97f1-4adf-bc1e-b1cec9867190",
+    "objectID": "729b64a7-8989-4eab-aeb1-c9e8e8f103d4",
     "type": "lvl3",
     "url": "/docs/components/listbox#listbox-props",
     "hierarchy": { "lvl1": "Listbox", "lvl2": "API", "lvl3": "Listbox Props" }
   },
   {
     "content": "Listbox Events",
-    "objectID": "ce2a5fff-d9f1-4d3d-83d4-fb0731698534",
+    "objectID": "d79a3dc0-ff22-418c-b5b5-1247a3751e35",
     "type": "lvl3",
     "url": "/docs/components/listbox#listbox-events",
     "hierarchy": {
@@ -2643,7 +2940,7 @@
   },
   {
     "content": "ListboxSection Props",
-    "objectID": "54f717e8-d318-49ce-aeac-20b56443121a",
+    "objectID": "90a3a5dc-f8d3-46e2-8d44-72c1d6fcc974",
     "type": "lvl3",
     "url": "/docs/components/listbox#listboxsection-props",
     "hierarchy": {
@@ -2654,7 +2951,7 @@
   },
   {
     "content": "ListboxItem Props",
-    "objectID": "0f7c7dc4-8695-422c-8e10-134ae9d013a1",
+    "objectID": "de7984a4-2d7e-4e7c-89fd-30060b57fb43",
     "type": "lvl3",
     "url": "/docs/components/listbox#listboxitem-props",
     "hierarchy": {
@@ -2665,7 +2962,7 @@
   },
   {
     "content": "ListboxItem Events",
-    "objectID": "d5754cb5-e592-4e9d-817e-8d7e3480c0a2",
+    "objectID": "36a8ee31-63b4-42ba-8e6c-918eb4b6fbf6",
     "type": "lvl3",
     "url": "/docs/components/listbox#listboxitem-events",
     "hierarchy": {
@@ -2676,7 +2973,7 @@
   },
   {
     "content": "Types",
-    "objectID": "36e99f9b-1e6a-4da7-95b9-b8e79462cb66",
+    "objectID": "a04d9602-8ec8-44bd-bd0f-e7db40048118",
     "type": "lvl3",
     "url": "/docs/components/listbox#types",
     "hierarchy": {
@@ -2687,42 +2984,42 @@
   },
   {
     "content": "Listbox Item Selected Icon Props",
-    "objectID": "96d05675-e609-4d01-9f4d-3402c2c0cb22",
+    "objectID": "66d263e1-2d63-49b7-94fa-5a3744ada399",
     "type": "lvl4",
     "url": "/docs/components/listbox#listbox-item-selected-icon-props",
     "hierarchy": { "lvl1": "Listbox", "lvl2": "Types", "lvl3": null }
   },
   {
     "content": "Modal",
-    "objectID": "cedd41cd-054c-4cc4-adc4-5848b353814a",
+    "objectID": "b32af881-4e6e-4f9e-b9f0-8da8fa3a9a22",
     "type": "lvl1",
     "url": "/docs/components/modal",
     "hierarchy": { "lvl1": "Modal" }
   },
   {
     "content": "Import",
-    "objectID": "ce75c48c-c501-4ecc-b88c-5efcee36a744",
+    "objectID": "305f4414-506f-4a41-bcfb-c9492d9fae73",
     "type": "lvl2",
     "url": "/docs/components/modal#import",
     "hierarchy": { "lvl1": "Modal", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "c43152ee-1431-4cd7-a7f0-2a4b97cfd547",
+    "objectID": "bcafe253-2817-49ab-b177-1462659771f1",
     "type": "lvl2",
     "url": "/docs/components/modal#usage",
     "hierarchy": { "lvl1": "Modal", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Sizes",
-    "objectID": "984ddcc0-173f-4870-9281-ae10e7a07a66",
+    "objectID": "da052fc9-47cc-45fb-9aba-94b336b10c25",
     "type": "lvl3",
     "url": "/docs/components/modal#sizes",
     "hierarchy": { "lvl1": "Modal", "lvl2": "Usage", "lvl3": "Sizes" }
   },
   {
     "content": "Non-dissmissable",
-    "objectID": "4dd89f4d-2ebf-41af-90db-5c9e5e7f9aa8",
+    "objectID": "127e7753-b73a-4c04-9218-dd89e94057b2",
     "type": "lvl3",
     "url": "/docs/components/modal#non-dissmissable",
     "hierarchy": {
@@ -2733,7 +3030,7 @@
   },
   {
     "content": "Modal placement",
-    "objectID": "4737d4ae-0f07-4644-9df1-db7a9ac18e73",
+    "objectID": "001a2cf6-cc51-4ef4-a80b-bb3c7d849dce",
     "type": "lvl3",
     "url": "/docs/components/modal#modal-placement",
     "hierarchy": {
@@ -2744,7 +3041,7 @@
   },
   {
     "content": "Overflow scroll",
-    "objectID": "c38df773-4709-4ac4-9274-82a61abe1456",
+    "objectID": "d3a63105-f5d1-458c-a176-2f16102db929",
     "type": "lvl3",
     "url": "/docs/components/modal#overflow-scroll",
     "hierarchy": {
@@ -2755,7 +3052,7 @@
   },
   {
     "content": "With Form",
-    "objectID": "47d7586f-1921-4b84-930d-943defc1e445",
+    "objectID": "fff26d78-ede2-4533-8f5c-31e8ad95ccca",
     "type": "lvl3",
     "url": "/docs/components/modal#with-form",
     "hierarchy": {
@@ -2766,14 +3063,14 @@
   },
   {
     "content": "Backdrop",
-    "objectID": "2e772b04-8c28-41d8-ba54-7815b7d57dd9",
+    "objectID": "3d9f47b0-15e5-4fcb-beb2-1e1f2cd766d9",
     "type": "lvl3",
     "url": "/docs/components/modal#backdrop",
     "hierarchy": { "lvl1": "Modal", "lvl2": "With Form", "lvl3": "Backdrop" }
   },
   {
     "content": "Custom Backdrop",
-    "objectID": "67798ca5-ec93-4beb-997e-bf7293b5e28b",
+    "objectID": "7ba941dd-d0be-4693-b3b9-8f2cdc0826c1",
     "type": "lvl3",
     "url": "/docs/components/modal#custom-backdrop",
     "hierarchy": {
@@ -2784,7 +3081,7 @@
   },
   {
     "content": "Custom Motion",
-    "objectID": "228bec48-506f-4c51-b255-a28835e094f4",
+    "objectID": "0d4f38f2-e2fd-43b9-9dfc-71525d178d75",
     "type": "lvl3",
     "url": "/docs/components/modal#custom-motion",
     "hierarchy": {
@@ -2795,49 +3092,49 @@
   },
   {
     "content": "Slots",
-    "objectID": "dfb24180-9ab3-42ac-9565-f5dd6f57667b",
+    "objectID": "59a96765-119e-4a29-94a0-6a59c8bd6c7d",
     "type": "lvl2",
     "url": "/docs/components/modal#slots",
     "hierarchy": { "lvl1": "Modal", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "b383cff1-4183-411a-90b4-c2aeaaf4feac",
+    "objectID": "9decc8f6-1491-4b6f-bc40-dd4be179e2ee",
     "type": "lvl3",
     "url": "/docs/components/modal#custom-styles",
     "hierarchy": { "lvl1": "Modal", "lvl2": "Slots", "lvl3": "Custom Styles" }
   },
   {
     "content": "Data Attributes",
-    "objectID": "85d1e7ea-e710-479d-856c-f154a916d166",
+    "objectID": "deeb1fe1-193d-4877-88b9-b21f36bd7dbc",
     "type": "lvl2",
     "url": "/docs/components/modal#data-attributes",
     "hierarchy": { "lvl1": "Modal", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "e5e27376-0ef6-48c2-a8cc-a2ab2d88df46",
+    "objectID": "63236f84-0a15-4656-9ee5-067675c62502",
     "type": "lvl2",
     "url": "/docs/components/modal#accessibility",
     "hierarchy": { "lvl1": "Modal", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "8c37a58c-ecb8-4150-959a-5f5d357e3185",
+    "objectID": "58e82857-fa32-404d-9662-f5aada7f19c6",
     "type": "lvl2",
     "url": "/docs/components/modal#api",
     "hierarchy": { "lvl1": "Modal", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Modal Props",
-    "objectID": "e3131774-2fed-41bf-a635-1458726b7b49",
+    "objectID": "2ae02d56-242e-4ca3-8dbf-cef4cba91f6e",
     "type": "lvl3",
     "url": "/docs/components/modal#modal-props",
     "hierarchy": { "lvl1": "Modal", "lvl2": "API", "lvl3": "Modal Props" }
   },
   {
     "content": "Modal Events",
-    "objectID": "c6b19019-1036-49f8-83a4-6a51aeec52ad",
+    "objectID": "e0a13b2b-5e7e-4ac7-ad8e-fc8d5aba68a6",
     "type": "lvl3",
     "url": "/docs/components/modal#modal-events",
     "hierarchy": {
@@ -2848,7 +3145,7 @@
   },
   {
     "content": "Modal types",
-    "objectID": "d4647f13-d7df-40c4-983e-fca06ef305e7",
+    "objectID": "f55cca64-b015-4124-b7cf-1936122ba643",
     "type": "lvl3",
     "url": "/docs/components/modal#modal-types",
     "hierarchy": {
@@ -2859,42 +3156,42 @@
   },
   {
     "content": "Motion Props",
-    "objectID": "d7c0921a-b1f8-4a08-b83a-10c2ecff7816",
+    "objectID": "3d6ad362-95a6-4a27-804a-97fd55f334fa",
     "type": "lvl4",
     "url": "/docs/components/modal#motion-props",
     "hierarchy": { "lvl1": "Modal", "lvl2": "Modal types", "lvl3": null }
   },
   {
     "content": "Navbar",
-    "objectID": "8ab28ee5-07e7-41cb-9c92-595681dee3d8",
+    "objectID": "d8f09fda-3b36-4133-95e3-2674284a5898",
     "type": "lvl1",
     "url": "/docs/components/navbar",
     "hierarchy": { "lvl1": "Navbar" }
   },
   {
     "content": "Import",
-    "objectID": "9c145f7c-636b-4970-b165-64a7fd284136",
+    "objectID": "74cede76-cf21-486e-bb22-b99283cc957b",
     "type": "lvl2",
     "url": "/docs/components/navbar#import",
     "hierarchy": { "lvl1": "Navbar", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "6bc1b66c-0653-490c-aae3-53b0b2ead6e7",
+    "objectID": "8bcda452-1173-40df-9c70-45d6ec6ce3c0",
     "type": "lvl2",
     "url": "/docs/components/navbar#usage",
     "hierarchy": { "lvl1": "Navbar", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Static",
-    "objectID": "c6fb039e-7b4e-4932-911c-f0b4c1496061",
+    "objectID": "579a4e3f-c4ed-4f81-8013-649105202eab",
     "type": "lvl3",
     "url": "/docs/components/navbar#static",
     "hierarchy": { "lvl1": "Navbar", "lvl2": "Usage", "lvl3": "Static" }
   },
   {
     "content": "Hide on scroll",
-    "objectID": "4444c479-2aae-42f1-8691-891111829568",
+    "objectID": "ad18a8bf-e73f-4689-81c5-3af00687773d",
     "type": "lvl3",
     "url": "/docs/components/navbar#hide-on-scroll",
     "hierarchy": {
@@ -2905,7 +3202,7 @@
   },
   {
     "content": "With Menu",
-    "objectID": "a6eb8b6d-5983-434b-9186-ae934739bb83",
+    "objectID": "186bc21d-5224-4637-9742-58cdcb50f9e6",
     "type": "lvl3",
     "url": "/docs/components/navbar#with-menu",
     "hierarchy": {
@@ -2916,7 +3213,7 @@
   },
   {
     "content": "Controlled Menu",
-    "objectID": "1aa91baa-1f30-48f7-81cd-fa368ac1541e",
+    "objectID": "22438a91-2073-4198-bc72-6db26ad68beb",
     "type": "lvl3",
     "url": "/docs/components/navbar#controlled-menu",
     "hierarchy": {
@@ -2927,7 +3224,7 @@
   },
   {
     "content": "With Border",
-    "objectID": "3a0861c4-81ea-4baf-94b1-f7208fa7ba94",
+    "objectID": "ff764d8d-0170-4f6d-8040-d542f9c5a6b0",
     "type": "lvl3",
     "url": "/docs/components/navbar#with-border",
     "hierarchy": {
@@ -2938,7 +3235,7 @@
   },
   {
     "content": "Disabling Blur",
-    "objectID": "9a0a783e-2e25-42d9-89c2-4afb83aa81ce",
+    "objectID": "d668d8cb-7e07-4bc1-87f9-198cebed8bc8",
     "type": "lvl3",
     "url": "/docs/components/navbar#disabling-blur",
     "hierarchy": {
@@ -2949,7 +3246,7 @@
   },
   {
     "content": "With Dropdown Menu",
-    "objectID": "0583e338-0660-49e0-8411-3929d386fa82",
+    "objectID": "467eb53a-e101-47c1-bed4-25bc83d269e6",
     "type": "lvl3",
     "url": "/docs/components/navbar#with-dropdown-menu",
     "hierarchy": {
@@ -2960,7 +3257,7 @@
   },
   {
     "content": "With Avatar",
-    "objectID": "0cd3058c-1c79-4ee3-9219-47f4f2acf0ef",
+    "objectID": "f7573bb5-3b34-408a-aec4-190c93473cae",
     "type": "lvl3",
     "url": "/docs/components/navbar#with-avatar",
     "hierarchy": {
@@ -2971,7 +3268,7 @@
   },
   {
     "content": "With Search Input",
-    "objectID": "2505588b-676f-4d5b-b276-b063a3d5df08",
+    "objectID": "33548458-8b58-4ece-815d-de70357bdd3d",
     "type": "lvl3",
     "url": "/docs/components/navbar#with-search-input",
     "hierarchy": {
@@ -2982,7 +3279,7 @@
   },
   {
     "content": "Customizing the active item",
-    "objectID": "d9ee66b8-237d-43a4-8ad2-1f1b05aedbb0",
+    "objectID": "c5338d91-da5d-4bbb-9393-2111d8094875",
     "type": "lvl3",
     "url": "/docs/components/navbar#customizing-the-active-item",
     "hierarchy": {
@@ -2993,35 +3290,35 @@
   },
   {
     "content": "Slots",
-    "objectID": "d9950a71-09d0-4c68-b8a8-1ddee69bcc2a",
+    "objectID": "1f7a75fe-3eea-452b-a159-ff4f0e573699",
     "type": "lvl2",
     "url": "/docs/components/navbar#slots",
     "hierarchy": { "lvl1": "Navbar", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Data Attributes",
-    "objectID": "9a92292b-219e-4537-8314-41d81b58527e",
+    "objectID": "81e3c21a-677d-4793-be03-2bdcff950b44",
     "type": "lvl2",
     "url": "/docs/components/navbar#data-attributes",
     "hierarchy": { "lvl1": "Navbar", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "06ca5bdd-73e2-4de8-9b93-866fe4b7335a",
+    "objectID": "ec1179ea-85c9-4ce9-9be0-6f91b91fe27b",
     "type": "lvl2",
     "url": "/docs/components/navbar#api",
     "hierarchy": { "lvl1": "Navbar", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Navbar Props",
-    "objectID": "c726beb9-2080-4e6a-aeda-e87864e2c1be",
+    "objectID": "b98e289d-ef29-41f7-946e-9fa64450a678",
     "type": "lvl3",
     "url": "/docs/components/navbar#navbar-props",
     "hierarchy": { "lvl1": "Navbar", "lvl2": "API", "lvl3": "Navbar Props" }
   },
   {
     "content": "Navbar Events",
-    "objectID": "caa0753f-7f2c-4c83-b109-507d8d64897a",
+    "objectID": "b9cb4079-c188-4f7c-b7f1-fddce1df98ad",
     "type": "lvl3",
     "url": "/docs/components/navbar#navbar-events",
     "hierarchy": {
@@ -3032,7 +3329,7 @@
   },
   {
     "content": "NavbarContent Props",
-    "objectID": "ba76ebe0-78b0-4beb-818c-a26a15c75c49",
+    "objectID": "3a1d508c-1a56-4b0a-9ca6-22d0bb40d121",
     "type": "lvl3",
     "url": "/docs/components/navbar#navbarcontent-props",
     "hierarchy": {
@@ -3043,7 +3340,7 @@
   },
   {
     "content": "NavbarItem Props",
-    "objectID": "1c2ea7e3-9b16-48b5-b034-31e54eb20493",
+    "objectID": "838d1369-fa72-4d85-9732-673550b16c8d",
     "type": "lvl3",
     "url": "/docs/components/navbar#navbaritem-props",
     "hierarchy": {
@@ -3054,7 +3351,7 @@
   },
   {
     "content": "NavbarMenuToggle Props",
-    "objectID": "c1a8cd15-889c-4bf4-be6f-34cd191e20fb",
+    "objectID": "26791a23-6d61-4461-addb-574e725267e0",
     "type": "lvl3",
     "url": "/docs/components/navbar#navbarmenutoggle-props",
     "hierarchy": {
@@ -3065,7 +3362,7 @@
   },
   {
     "content": "NavbarMenuToggle Events",
-    "objectID": "68d86198-c7c1-4551-88e2-f6789ebe82ff",
+    "objectID": "96fe940c-2e47-4092-87cc-a839c1946124",
     "type": "lvl3",
     "url": "/docs/components/navbar#navbarmenutoggle-events",
     "hierarchy": {
@@ -3076,7 +3373,7 @@
   },
   {
     "content": "NavbarMenu Props",
-    "objectID": "308f8d25-681f-4d85-bf80-7d6fcd4dd33c",
+    "objectID": "72dc71dd-58f9-41f2-9831-f03f8144a561",
     "type": "lvl3",
     "url": "/docs/components/navbar#navbarmenu-props",
     "hierarchy": {
@@ -3087,7 +3384,7 @@
   },
   {
     "content": "Navbar types",
-    "objectID": "b6cefb34-e743-44ac-b359-64e3f9acb345",
+    "objectID": "f1c125c7-0507-4dae-801b-142704bf80ba",
     "type": "lvl3",
     "url": "/docs/components/navbar#navbar-types",
     "hierarchy": {
@@ -3098,63 +3395,63 @@
   },
   {
     "content": "Motion Props",
-    "objectID": "b2723213-ace8-48fd-a965-8b326055e4f1",
+    "objectID": "dc427b8f-926d-4047-988f-cc2a75c97c8c",
     "type": "lvl4",
     "url": "/docs/components/navbar#motion-props",
     "hierarchy": { "lvl1": "Navbar", "lvl2": "Navbar types", "lvl3": null }
   },
   {
     "content": "Pagination",
-    "objectID": "32b2660c-1344-47ec-9714-4fa3c6e925d7",
+    "objectID": "2fa00182-6a6d-431a-9960-cc1a6e86de6a",
     "type": "lvl1",
     "url": "/docs/components/pagination",
     "hierarchy": { "lvl1": "Pagination" }
   },
   {
     "content": "Import",
-    "objectID": "69617ab6-7aec-4885-878b-f24f68e09793",
+    "objectID": "0d093ece-6589-4f8c-9879-22c19de23976",
     "type": "lvl2",
     "url": "/docs/components/pagination#import",
     "hierarchy": { "lvl1": "Pagination", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "5452d2f8-cfe8-4c4e-b193-095efb2e08c4",
+    "objectID": "d1021411-06e5-4d3f-ac20-f8cee47f2ff9",
     "type": "lvl2",
     "url": "/docs/components/pagination#usage",
     "hierarchy": { "lvl1": "Pagination", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Disabled",
-    "objectID": "5169a8ca-64d6-4cb1-9119-ea9f5349b2de",
+    "objectID": "0142e55d-9ae3-4551-9fb6-2d22439254e1",
     "type": "lvl3",
     "url": "/docs/components/pagination#disabled",
     "hierarchy": { "lvl1": "Pagination", "lvl2": "Usage", "lvl3": "Disabled" }
   },
   {
     "content": "Sizes",
-    "objectID": "32806a40-7524-4080-bee3-9721b3bb598b",
+    "objectID": "6d48752b-12bc-40f6-bbf6-08b5518055a0",
     "type": "lvl3",
     "url": "/docs/components/pagination#sizes",
     "hierarchy": { "lvl1": "Pagination", "lvl2": "Disabled", "lvl3": "Sizes" }
   },
   {
     "content": "Colors",
-    "objectID": "15542ab3-5ac9-4be5-b82f-2b9237849113",
+    "objectID": "81fedfcc-04cd-43f0-884a-54d927323d11",
     "type": "lvl3",
     "url": "/docs/components/pagination#colors",
     "hierarchy": { "lvl1": "Pagination", "lvl2": "Sizes", "lvl3": "Colors" }
   },
   {
     "content": "Variants",
-    "objectID": "ba23d008-e527-48c8-8ba7-f682984914bb",
+    "objectID": "6716f059-418b-45dc-bee2-42a96eccde2a",
     "type": "lvl3",
     "url": "/docs/components/pagination#variants",
     "hierarchy": { "lvl1": "Pagination", "lvl2": "Colors", "lvl3": "Variants" }
   },
   {
     "content": "With Controls",
-    "objectID": "67848027-8e75-4796-a091-63ff4f577133",
+    "objectID": "42267327-1f52-4b7c-b406-bc182d0fd7b8",
     "type": "lvl3",
     "url": "/docs/components/pagination#with-controls",
     "hierarchy": {
@@ -3165,7 +3462,7 @@
   },
   {
     "content": "Pagination Loop",
-    "objectID": "35e4ade9-1096-4a34-b91c-8c50e564f465",
+    "objectID": "2f284b7d-ff26-418b-bec4-053acc57f372",
     "type": "lvl3",
     "url": "/docs/components/pagination#pagination-loop",
     "hierarchy": {
@@ -3176,7 +3473,7 @@
   },
   {
     "content": "Changing the initial page",
-    "objectID": "09d388d6-0d07-44f0-a8ab-445b335596ca",
+    "objectID": "e44eb21e-fe8e-4fe3-9d97-492f7a57e6ca",
     "type": "lvl3",
     "url": "/docs/components/pagination#changing-the-initial-page",
     "hierarchy": {
@@ -3187,7 +3484,7 @@
   },
   {
     "content": "Compact Pagination",
-    "objectID": "6d8176f8-b621-4f37-9c66-86410700e20d",
+    "objectID": "3b10b1f6-572c-4308-9d24-9ebb721d65bc",
     "type": "lvl3",
     "url": "/docs/components/pagination#compact-pagination",
     "hierarchy": {
@@ -3198,7 +3495,7 @@
   },
   {
     "content": "With Shadow",
-    "objectID": "06588314-30ee-4d3e-a775-8249b994698d",
+    "objectID": "4f607c9a-5b9b-4288-a285-9d0911b66944",
     "type": "lvl3",
     "url": "/docs/components/pagination#with-shadow",
     "hierarchy": {
@@ -3209,7 +3506,7 @@
   },
   {
     "content": "Controlled",
-    "objectID": "7f078efd-f639-4c30-9e39-50d42926b370",
+    "objectID": "2805935d-ae25-4f87-b675-c6a5450d0289",
     "type": "lvl3",
     "url": "/docs/components/pagination#controlled",
     "hierarchy": {
@@ -3220,7 +3517,7 @@
   },
   {
     "content": "Siblings",
-    "objectID": "90fbd161-e59f-43dd-b852-d78cddb9b5cf",
+    "objectID": "28fa48db-afa3-46e1-ae4c-93ba786ba39d",
     "type": "lvl3",
     "url": "/docs/components/pagination#siblings",
     "hierarchy": {
@@ -3231,7 +3528,7 @@
   },
   {
     "content": "Boundaries",
-    "objectID": "2ce1c685-aae4-4b32-9728-485afd017ea6",
+    "objectID": "34013e2d-a516-4b16-abda-2068f50bebd4",
     "type": "lvl3",
     "url": "/docs/components/pagination#boundaries",
     "hierarchy": {
@@ -3242,7 +3539,7 @@
   },
   {
     "content": "Custom items",
-    "objectID": "f204a14b-83f2-4abd-83ab-84230d801af4",
+    "objectID": "8c0d0ed7-1fd9-4c40-be57-0b116e23d3ec",
     "type": "lvl3",
     "url": "/docs/components/pagination#custom-items",
     "hierarchy": {
@@ -3253,14 +3550,14 @@
   },
   {
     "content": "Slots",
-    "objectID": "aa0382b3-5294-4027-bfd6-7a39256e72c8",
+    "objectID": "b8dd532f-55a8-42ef-bca2-dd6d518ff10a",
     "type": "lvl2",
     "url": "/docs/components/pagination#slots",
     "hierarchy": { "lvl1": "Pagination", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "61cbc258-b36a-4bb8-b6c7-a7e1c0f34fb3",
+    "objectID": "b1e464a5-4fd2-463b-89eb-69269e3f5396",
     "type": "lvl3",
     "url": "/docs/components/pagination#custom-styles",
     "hierarchy": {
@@ -3271,7 +3568,7 @@
   },
   {
     "content": "Custom Implementation",
-    "objectID": "ceb95c6c-612e-4f2f-9a32-0884c0f7ebd1",
+    "objectID": "50763f45-a310-41ad-b949-27cce144010d",
     "type": "lvl3",
     "url": "/docs/components/pagination#custom-implementation",
     "hierarchy": {
@@ -3282,7 +3579,7 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "1df952b2-c98f-4c82-8342-6f01f84f05f7",
+    "objectID": "27f8389a-c4b0-458b-aa2a-92adac95b0c7",
     "type": "lvl2",
     "url": "/docs/components/pagination#data-attributes",
     "hierarchy": {
@@ -3293,21 +3590,21 @@
   },
   {
     "content": "Accessibility",
-    "objectID": "eb6b4cba-451e-4568-85c5-bc0cb1fbcab5",
+    "objectID": "70a408b4-f27e-4214-ba39-215d4409f59f",
     "type": "lvl2",
     "url": "/docs/components/pagination#accessibility",
     "hierarchy": { "lvl1": "Pagination", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "2efa0f66-14d8-4303-8692-d290f28616f9",
+    "objectID": "d17a098e-65c2-42e3-8c92-daba6982d977",
     "type": "lvl2",
     "url": "/docs/components/pagination#api",
     "hierarchy": { "lvl1": "Pagination", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Pagination Props",
-    "objectID": "406099f9-1fe0-42b3-8430-984b5b847c00",
+    "objectID": "8e8bcd8f-acf1-4ca6-9ef8-b48f86754c18",
     "type": "lvl3",
     "url": "/docs/components/pagination#pagination-props",
     "hierarchy": {
@@ -3318,7 +3615,7 @@
   },
   {
     "content": "Pagination Events",
-    "objectID": "057ab221-e3ba-4f5b-beb6-be67b3328537",
+    "objectID": "8c9ce8cb-f72a-42da-a7e7-d0850aeacf7b",
     "type": "lvl3",
     "url": "/docs/components/pagination#pagination-events",
     "hierarchy": {
@@ -3329,7 +3626,7 @@
   },
   {
     "content": "Types",
-    "objectID": "05005668-9c99-431d-b91e-3453a9bf65b9",
+    "objectID": "d7f54db9-924c-4ff3-9f32-5c30f1d7b93c",
     "type": "lvl3",
     "url": "/docs/components/pagination#types",
     "hierarchy": {
@@ -3340,70 +3637,70 @@
   },
   {
     "content": "Pagination Item Props",
-    "objectID": "d8fb02b4-361e-43ad-b3fb-6a2e4088422e",
+    "objectID": "29650dc2-5043-4620-b4d8-476a0f6281b4",
     "type": "lvl4",
     "url": "/docs/components/pagination#pagination-item-props",
     "hierarchy": { "lvl1": "Pagination", "lvl2": "Types", "lvl3": null }
   },
   {
     "content": "Popover",
-    "objectID": "7df20298-25fa-4b1e-aca0-46a8ae6822f8",
+    "objectID": "e8d9a227-9ea4-40e9-a4cc-3b8b4860a2dc",
     "type": "lvl1",
     "url": "/docs/components/popover",
     "hierarchy": { "lvl1": "Popover" }
   },
   {
     "content": "Import",
-    "objectID": "c97b67a0-6ad0-4575-a8c3-c75e1030bb8c",
+    "objectID": "939030bb-3638-4b7d-a089-3b606e0edf9e",
     "type": "lvl2",
     "url": "/docs/components/popover#import",
     "hierarchy": { "lvl1": "Popover", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "8c3c9821-1628-4697-97a9-6ac9488d767d",
+    "objectID": "0135c0f8-04fd-4416-bcfe-b872329beda1",
     "type": "lvl2",
     "url": "/docs/components/popover#usage",
     "hierarchy": { "lvl1": "Popover", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "With Arrow",
-    "objectID": "c8402cc8-fe60-4c62-ac5d-d87cf0ca8f15",
+    "objectID": "aa86b59d-b045-4925-83ec-c540bad02e15",
     "type": "lvl3",
     "url": "/docs/components/popover#with-arrow",
     "hierarchy": { "lvl1": "Popover", "lvl2": "Usage", "lvl3": "With Arrow" }
   },
   {
     "content": "Colors",
-    "objectID": "8fe15cb9-7511-471c-8f6e-b3af08a51cff",
+    "objectID": "422c6842-e101-416a-92de-e69116d00e78",
     "type": "lvl3",
     "url": "/docs/components/popover#colors",
     "hierarchy": { "lvl1": "Popover", "lvl2": "With Arrow", "lvl3": "Colors" }
   },
   {
     "content": "Placements",
-    "objectID": "84154394-2f7a-4ba6-bde7-c0d818c57520",
+    "objectID": "5fdd4f79-7a39-4bbb-9d96-7b56709ab770",
     "type": "lvl3",
     "url": "/docs/components/popover#placements",
     "hierarchy": { "lvl1": "Popover", "lvl2": "Colors", "lvl3": "Placements" }
   },
   {
     "content": "Offset",
-    "objectID": "ff542b8a-2b27-4712-92eb-0db22d2cff9e",
+    "objectID": "4db89682-2494-4a35-b431-aade5a85fddf",
     "type": "lvl3",
     "url": "/docs/components/popover#offset",
     "hierarchy": { "lvl1": "Popover", "lvl2": "Placements", "lvl3": "Offset" }
   },
   {
     "content": "Controlled",
-    "objectID": "ac98f39b-0cd7-40f5-a3b3-fb28f8ec5fbb",
+    "objectID": "7128bb1f-6b79-409b-8a96-cc20824ae38d",
     "type": "lvl3",
     "url": "/docs/components/popover#controlled",
     "hierarchy": { "lvl1": "Popover", "lvl2": "Offset", "lvl3": "Controlled" }
   },
   {
     "content": "Title Props",
-    "objectID": "4b4e0d80-59d5-4ffa-abe4-288dd30e2c87",
+    "objectID": "d803dd9c-dd7a-424f-9394-c122e69e15dc",
     "type": "lvl3",
     "url": "/docs/components/popover#title-props",
     "hierarchy": {
@@ -3414,7 +3711,7 @@
   },
   {
     "content": "With Form",
-    "objectID": "96d75cbc-b850-43e2-8939-f0519e28ef39",
+    "objectID": "b754abb8-a270-4698-af2e-c9d72b824dbf",
     "type": "lvl3",
     "url": "/docs/components/popover#with-form",
     "hierarchy": {
@@ -3425,14 +3722,14 @@
   },
   {
     "content": "Backdrop",
-    "objectID": "cbc5e30a-4232-44f4-9514-5ba8e58fc0d6",
+    "objectID": "9be19643-4713-4edf-baf7-4ef2f85e0a79",
     "type": "lvl3",
     "url": "/docs/components/popover#backdrop",
     "hierarchy": { "lvl1": "Popover", "lvl2": "With Form", "lvl3": "Backdrop" }
   },
   {
     "content": "Custom Motion",
-    "objectID": "9650f732-e4f0-4815-8745-bc2c68489112",
+    "objectID": "207ebf24-3bf1-426d-83ad-cace90ef31a2",
     "type": "lvl3",
     "url": "/docs/components/popover#custom-motion",
     "hierarchy": {
@@ -3443,7 +3740,7 @@
   },
   {
     "content": "Custom Trigger",
-    "objectID": "9ed08f1d-e592-4909-b30b-271412fb438d",
+    "objectID": "9d38c06a-d080-405f-8fae-83c97268ad76",
     "type": "lvl3",
     "url": "/docs/components/popover#custom-trigger",
     "hierarchy": {
@@ -3454,49 +3751,49 @@
   },
   {
     "content": "Slots",
-    "objectID": "05256f4c-0842-4eee-954c-677d85310795",
+    "objectID": "49cf4377-70a3-412b-b49a-9a8036617c48",
     "type": "lvl2",
     "url": "/docs/components/popover#slots",
     "hierarchy": { "lvl1": "Popover", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "7dab631a-3be6-4c57-bb9b-1e971d559489",
+    "objectID": "6fc5a356-628d-4ac4-8e65-2334c9ebc72c",
     "type": "lvl3",
     "url": "/docs/components/popover#custom-styles",
     "hierarchy": { "lvl1": "Popover", "lvl2": "Slots", "lvl3": "Custom Styles" }
   },
   {
     "content": "Data Attributes",
-    "objectID": "a4e3a71c-5ab7-4121-96b5-9a57d4f1d4d1",
+    "objectID": "1a30714f-189a-4947-863d-8ab3a0aa7b15",
     "type": "lvl2",
     "url": "/docs/components/popover#data-attributes",
     "hierarchy": { "lvl1": "Popover", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "2016f262-8c64-4a60-8b33-a49ad8aeba13",
+    "objectID": "4d990629-659d-415e-a852-27259221fea5",
     "type": "lvl2",
     "url": "/docs/components/popover#accessibility",
     "hierarchy": { "lvl1": "Popover", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "cf922d18-05bf-4f11-8b9b-04e4cb4143b3",
+    "objectID": "5dd6f157-399d-4a17-88b2-6f9a49357c14",
     "type": "lvl2",
     "url": "/docs/components/popover#api",
     "hierarchy": { "lvl1": "Popover", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Popover Props",
-    "objectID": "9a717b29-182b-4d19-b5a3-8fa39c8ccbd3",
+    "objectID": "0f0e862a-f144-4e87-9ebd-04224017bc81",
     "type": "lvl3",
     "url": "/docs/components/popover#popover-props",
     "hierarchy": { "lvl1": "Popover", "lvl2": "API", "lvl3": "Popover Props" }
   },
   {
     "content": "Popover Events",
-    "objectID": "5778c0be-d76c-4288-b81e-141ffb991425",
+    "objectID": "03d9c835-d04e-4aed-92f9-3b0a9545e9a1",
     "type": "lvl3",
     "url": "/docs/components/popover#popover-events",
     "hierarchy": {
@@ -3507,7 +3804,7 @@
   },
   {
     "content": "PopoverTrigger Props",
-    "objectID": "9464da59-9b38-4bd6-9feb-8091a3aa1916",
+    "objectID": "bf98d572-3466-4ef9-bcc3-98e8ef877647",
     "type": "lvl3",
     "url": "/docs/components/popover#popovertrigger-props",
     "hierarchy": {
@@ -3518,7 +3815,7 @@
   },
   {
     "content": "PopoverContent Props",
-    "objectID": "11888a52-99ec-4453-8649-eaa4cbc1a992",
+    "objectID": "595e8b7d-da4a-454e-a55c-1f9db4d87da0",
     "type": "lvl3",
     "url": "/docs/components/popover#popovercontent-props",
     "hierarchy": {
@@ -3529,7 +3826,7 @@
   },
   {
     "content": "Popover types",
-    "objectID": "fefe529c-18b9-4103-a167-aaf3bfa2b135",
+    "objectID": "8c542f43-e8ed-42c5-9463-dbbdc60bf8ed",
     "type": "lvl3",
     "url": "/docs/components/popover#popover-types",
     "hierarchy": {
@@ -3540,14 +3837,14 @@
   },
   {
     "content": "Popover Placement",
-    "objectID": "f673a94e-a715-4c70-b80e-4c6207d5e711",
+    "objectID": "f1f1ddb6-b18a-4512-a951-cbeff748c6f0",
     "type": "lvl4",
     "url": "/docs/components/popover#popover-placement",
     "hierarchy": { "lvl1": "Popover", "lvl2": "Popover types", "lvl3": null }
   },
   {
     "content": "Motion Props",
-    "objectID": "68f588d3-f4cc-44ff-a498-4c68f638a5d2",
+    "objectID": "30751d68-0d2a-4075-924a-783567bcb035",
     "type": "lvl4",
     "url": "/docs/components/popover#motion-props",
     "hierarchy": {
@@ -3558,42 +3855,42 @@
   },
   {
     "content": "Progress",
-    "objectID": "452aea4f-958d-4099-a7db-85eebfd9fe86",
+    "objectID": "165da4a6-34ca-4638-803e-80bb1b593bee",
     "type": "lvl1",
     "url": "/docs/components/progress",
     "hierarchy": { "lvl1": "Progress" }
   },
   {
     "content": "Import",
-    "objectID": "000b74ab-34cf-44cb-bb71-1f122c8b698e",
+    "objectID": "5fd72e04-8060-498c-9a49-08de9d067807",
     "type": "lvl2",
     "url": "/docs/components/progress#import",
     "hierarchy": { "lvl1": "Progress", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "2217d679-f2cf-4678-9de0-a43028d04f2d",
+    "objectID": "37292d23-88ee-4ad1-b4a7-ce05ebed3610",
     "type": "lvl2",
     "url": "/docs/components/progress#usage",
     "hierarchy": { "lvl1": "Progress", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Sizes",
-    "objectID": "5afc0d69-95bb-4d3f-895a-1b187df3c135",
+    "objectID": "7950d569-f326-42b5-9002-ea7eadfdd293",
     "type": "lvl3",
     "url": "/docs/components/progress#sizes",
     "hierarchy": { "lvl1": "Progress", "lvl2": "Usage", "lvl3": "Sizes" }
   },
   {
     "content": "Colors",
-    "objectID": "36805612-1c0c-4bae-a1fd-f9856d52b25a",
+    "objectID": "64f78514-ef9d-4557-a19d-0f2e28e9a8a8",
     "type": "lvl3",
     "url": "/docs/components/progress#colors",
     "hierarchy": { "lvl1": "Progress", "lvl2": "Sizes", "lvl3": "Colors" }
   },
   {
     "content": "Indeterminate",
-    "objectID": "651e4858-a285-4224-91f3-ed83fb7cf41f",
+    "objectID": "01b8f07b-d64c-4e6c-a92d-928e86edd961",
     "type": "lvl3",
     "url": "/docs/components/progress#indeterminate",
     "hierarchy": {
@@ -3604,7 +3901,7 @@
   },
   {
     "content": "Striped",
-    "objectID": "7202b7c5-fa6b-4c34-8aae-4eb7e72eb1ef",
+    "objectID": "180929d1-ce86-43e7-be8d-133e0c5199a9",
     "type": "lvl3",
     "url": "/docs/components/progress#striped",
     "hierarchy": {
@@ -3615,14 +3912,14 @@
   },
   {
     "content": "With Label",
-    "objectID": "8ed2cbd5-b945-44d5-a7b5-a95f57f6852b",
+    "objectID": "86742ea8-1579-4915-b8de-4da465ada923",
     "type": "lvl3",
     "url": "/docs/components/progress#with-label",
     "hierarchy": { "lvl1": "Progress", "lvl2": "Striped", "lvl3": "With Label" }
   },
   {
     "content": "With Value",
-    "objectID": "562498eb-fa54-4386-be26-c5093a59cd6f",
+    "objectID": "4f78bb3a-b184-45bd-ac50-19638b3d9888",
     "type": "lvl3",
     "url": "/docs/components/progress#with-value",
     "hierarchy": {
@@ -3633,7 +3930,7 @@
   },
   {
     "content": "Value Formatting",
-    "objectID": "200a71f0-369e-4474-88e1-c0003e50094e",
+    "objectID": "6d18d582-b4e8-4f76-8a64-ee9c8e44ec41",
     "type": "lvl3",
     "url": "/docs/components/progress#value-formatting",
     "hierarchy": {
@@ -3644,14 +3941,14 @@
   },
   {
     "content": "Slots",
-    "objectID": "9c227213-db64-4cf1-9fb9-866d15ebe35f",
+    "objectID": "76e3431a-ceb4-4c7b-98c3-cd850dbb8d10",
     "type": "lvl2",
     "url": "/docs/components/progress#slots",
     "hierarchy": { "lvl1": "Progress", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "1c2d4699-836f-4dab-84b8-8dfeaece37d1",
+    "objectID": "a74f0d5a-db40-4a70-a7a9-e801da1edd32",
     "type": "lvl3",
     "url": "/docs/components/progress#custom-styles",
     "hierarchy": {
@@ -3662,74 +3959,70 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "58c230c8-3a6c-4d4b-a1a5-aefd66b3769a",
+    "objectID": "65e241cd-3a3a-40c4-8a8b-a05533264ea7",
     "type": "lvl2",
     "url": "/docs/components/progress#data-attributes",
     "hierarchy": { "lvl1": "Progress", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "2d14d5bb-b15b-4088-88bd-ded99af516c3",
+    "objectID": "35524b4b-86fa-4164-aeea-d94e127e8fa3",
     "type": "lvl2",
     "url": "/docs/components/progress#accessibility",
     "hierarchy": { "lvl1": "Progress", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "7e109ea1-9562-4541-8f3b-ac81820ff030",
+    "objectID": "e5727ae2-ae1e-4f1e-b0c7-42f80df067bf",
     "type": "lvl2",
     "url": "/docs/components/progress#api",
     "hierarchy": { "lvl1": "Progress", "lvl2": "API", "lvl3": null }
   },
   {
-    "content": "Circular Progress Props",
-    "objectID": "3a2520b3-4728-45a0-90d2-ee2792372430",
+    "content": "Progress Props",
+    "objectID": "82c6170f-5274-4c5f-88e0-45ea68328b82",
     "type": "lvl3",
-    "url": "/docs/components/progress#circular-progress-props",
-    "hierarchy": {
-      "lvl1": "Progress",
-      "lvl2": "API",
-      "lvl3": "Circular Progress Props"
-    }
+    "url": "/docs/components/progress#progress-props",
+    "hierarchy": { "lvl1": "Progress", "lvl2": "API", "lvl3": "Progress Props" }
   },
   {
     "content": "Radio",
-    "objectID": "f5abb861-20e5-42f4-b396-75ebf8032d1a",
+    "objectID": "340f5876-cf96-49b7-8981-17a3979c3990",
     "type": "lvl1",
     "url": "/docs/components/radio-group",
     "hierarchy": { "lvl1": "Radio" }
   },
   {
     "content": "Radio group",
-    "objectID": "fe15cd40-cf9b-405c-a430-706b99eb2bac",
+    "objectID": "593a72db-51bc-44e3-bd14-0b9166e29329",
     "type": "lvl1",
     "url": "/docs/components/radio-group#radio-group",
     "hierarchy": { "lvl1": "Radio", "lvl2": null, "lvl3": null }
   },
   {
     "content": "Import",
-    "objectID": "a2b250d5-f537-46f6-806d-5d283cd7b114",
+    "objectID": "67c8d0d3-597f-4e41-b93b-f4914ce2f67d",
     "type": "lvl2",
     "url": "/docs/components/radio-group#import",
     "hierarchy": { "lvl1": "Radio", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "7ac2cba0-5067-40c8-bf05-af64d6893d31",
+    "objectID": "3bbd7f65-29b5-42b0-8988-c64c0e50c642",
     "type": "lvl2",
     "url": "/docs/components/radio-group#usage",
     "hierarchy": { "lvl1": "Radio", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Disabled",
-    "objectID": "c668ded7-c5f8-4cab-b590-f8e7b7871fc2",
+    "objectID": "878ea915-a932-478f-9147-99388f2059ce",
     "type": "lvl3",
     "url": "/docs/components/radio-group#disabled",
     "hierarchy": { "lvl1": "Radio", "lvl2": "Usage", "lvl3": "Disabled" }
   },
   {
     "content": "Default Value",
-    "objectID": "5c9277dc-92fa-4c93-99e1-0ff831240cca",
+    "objectID": "8d6218a0-ea39-4406-a7a7-0e1f976ddc06",
     "type": "lvl3",
     "url": "/docs/components/radio-group#default-value",
     "hierarchy": {
@@ -3740,7 +4033,7 @@
   },
   {
     "content": "With Description",
-    "objectID": "3e26c2bb-7db6-41a3-845c-c03a76f110e9",
+    "objectID": "bf69bd0a-3b48-45f4-a577-357b862813c1",
     "type": "lvl3",
     "url": "/docs/components/radio-group#with-description",
     "hierarchy": {
@@ -3751,7 +4044,7 @@
   },
   {
     "content": "Horizontal",
-    "objectID": "7f9ebdea-ab46-4e48-999c-8e4fae1ad448",
+    "objectID": "3333fd04-a058-4227-8df9-874fa39bc697",
     "type": "lvl3",
     "url": "/docs/components/radio-group#horizontal",
     "hierarchy": {
@@ -3762,28 +4055,35 @@
   },
   {
     "content": "Controlled",
-    "objectID": "efe5550a-1d53-4540-83f5-16b5f8127a68",
+    "objectID": "cd3ae174-04f5-4531-a3c9-64f462b56177",
     "type": "lvl3",
     "url": "/docs/components/radio-group#controlled",
     "hierarchy": { "lvl1": "Radio", "lvl2": "Horizontal", "lvl3": "Controlled" }
   },
+  {
+    "content": "Invalid",
+    "objectID": "f7774ea3-f94f-4136-948b-b1328c60b474",
+    "type": "lvl3",
+    "url": "/docs/components/radio-group#invalid",
+    "hierarchy": { "lvl1": "Radio", "lvl2": "Controlled", "lvl3": "Invalid" }
+  },
   {
     "content": "Slots",
-    "objectID": "3389f24b-f607-4516-92dc-af40845824a4",
+    "objectID": "ac3af375-bf21-466b-816c-bc4d379defc7",
     "type": "lvl2",
     "url": "/docs/components/radio-group#slots",
     "hierarchy": { "lvl1": "Radio", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "ee12316b-6558-42bf-b4f5-9a4c2abf116a",
+    "objectID": "d66d3dc3-e344-4661-b44e-098f6b608066",
     "type": "lvl3",
     "url": "/docs/components/radio-group#custom-styles",
     "hierarchy": { "lvl1": "Radio", "lvl2": "Slots", "lvl3": "Custom Styles" }
   },
   {
     "content": "Custom Implementation",
-    "objectID": "a81846ca-dd09-4dfc-91fd-05f69803e83b",
+    "objectID": "ac0cc504-d6f3-4f2b-8182-b97b18b6ceac",
     "type": "lvl3",
     "url": "/docs/components/radio-group#custom-implementation",
     "hierarchy": {
@@ -3794,35 +4094,35 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "7ec093dc-12b3-48a5-8c26-65acb9d84eb9",
+    "objectID": "9778c55d-9c07-43a0-a501-28def6ff7f3b",
     "type": "lvl2",
     "url": "/docs/components/radio-group#data-attributes",
     "hierarchy": { "lvl1": "Radio", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "2546ef32-1e14-4635-b05a-0b92de4e7b92",
+    "objectID": "636f15b1-b500-4327-9c8a-217a8a0a3289",
     "type": "lvl2",
     "url": "/docs/components/radio-group#accessibility",
     "hierarchy": { "lvl1": "Radio", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "8360df6c-3f33-48c1-93e1-41779a57dcaf",
+    "objectID": "4b620216-7e9c-4c18-9e1e-cbfa562472d6",
     "type": "lvl2",
     "url": "/docs/components/radio-group#api",
     "hierarchy": { "lvl1": "Radio", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "RadioGroup Props",
-    "objectID": "31f8586d-51a1-40f3-89b3-12849cfe0a3b",
+    "objectID": "1c96cc02-99a7-4692-8d35-44871da1d5cc",
     "type": "lvl3",
     "url": "/docs/components/radio-group#radiogroup-props",
     "hierarchy": { "lvl1": "Radio", "lvl2": "API", "lvl3": "RadioGroup Props" }
   },
   {
     "content": "RadioGroup Events",
-    "objectID": "a97cf043-2c53-41e8-aa38-070005c8a321",
+    "objectID": "1b5a402e-333d-4274-a7ea-1fa3ee2a8753",
     "type": "lvl3",
     "url": "/docs/components/radio-group#radiogroup-events",
     "hierarchy": {
@@ -3833,7 +4133,7 @@
   },
   {
     "content": "Radio Props",
-    "objectID": "10c8d6b5-53fb-41a0-9441-064927dda098",
+    "objectID": "28cf895c-d757-4a6b-b38c-ca3dd85688ca",
     "type": "lvl3",
     "url": "/docs/components/radio-group#radio-props",
     "hierarchy": {
@@ -3844,28 +4144,28 @@
   },
   {
     "content": "Scroll Shadow",
-    "objectID": "96120b2b-36ab-45fe-99d0-ede32e444e6d",
+    "objectID": "aa702a5a-1fae-4343-80eb-b2b4003b2c60",
     "type": "lvl1",
     "url": "/docs/components/scroll-shadow",
     "hierarchy": { "lvl1": "Scroll Shadow" }
   },
   {
     "content": "Import",
-    "objectID": "576f577e-671c-40ed-a99a-6a311aa703cd",
+    "objectID": "5267e454-92f0-4848-a3f9-76a353d44fa4",
     "type": "lvl2",
     "url": "/docs/components/scroll-shadow#import",
     "hierarchy": { "lvl1": "Scroll Shadow", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "36aaeac8-e5ed-4338-8d2e-8a4729ed4821",
+    "objectID": "3d14a06f-a08b-4c54-b97c-5bb8f56fe9dc",
     "type": "lvl2",
     "url": "/docs/components/scroll-shadow#usage",
     "hierarchy": { "lvl1": "Scroll Shadow", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Hide Scrollbar",
-    "objectID": "91e19575-bbb6-456b-997e-b6099b59f748",
+    "objectID": "8e6e644d-42ee-43d8-9f4a-87e4893c0d20",
     "type": "lvl3",
     "url": "/docs/components/scroll-shadow#hide-scrollbar",
     "hierarchy": {
@@ -3876,7 +4176,7 @@
   },
   {
     "content": "Custom Shadow Size",
-    "objectID": "15dd7169-0d6e-439c-b45a-6151779c2946",
+    "objectID": "21ffaa3a-7a0d-4a8c-bc9b-2075dc6ba243",
     "type": "lvl3",
     "url": "/docs/components/scroll-shadow#custom-shadow-size",
     "hierarchy": {
@@ -3887,7 +4187,7 @@
   },
   {
     "content": "Horizontal Orientation",
-    "objectID": "9c717c37-8ea9-4673-9283-f728aab8bf33",
+    "objectID": "e2f3c977-f55f-4200-aae9-3b9d668c293d",
     "type": "lvl3",
     "url": "/docs/components/scroll-shadow#horizontal-orientation",
     "hierarchy": {
@@ -3898,7 +4198,7 @@
   },
   {
     "content": "Shadow Offset",
-    "objectID": "c25bc53a-6618-4ed8-9eab-f5aa7f4b1220",
+    "objectID": "27f5310f-068d-4c3d-9ca5-1bd32e346651",
     "type": "lvl3",
     "url": "/docs/components/scroll-shadow#shadow-offset",
     "hierarchy": {
@@ -3909,14 +4209,14 @@
   },
   {
     "content": "API",
-    "objectID": "d0acf894-0ada-463a-b421-71d2dccba243",
+    "objectID": "aa42b6f7-5969-4de4-8941-c852f1dddd18",
     "type": "lvl2",
     "url": "/docs/components/scroll-shadow#api",
     "hierarchy": { "lvl1": "Scroll Shadow", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "ShadowScroll Props",
-    "objectID": "060f4291-10d5-4b92-a338-0b8805d03167",
+    "objectID": "83d4558b-f656-40e4-8c50-ff8a2acad49c",
     "type": "lvl3",
     "url": "/docs/components/scroll-shadow#shadowscroll-props",
     "hierarchy": {
@@ -3927,35 +4227,35 @@
   },
   {
     "content": "Select",
-    "objectID": "e59008c0-77bf-484d-8459-7ec02afdc804",
+    "objectID": "3de6b29a-9f04-4fea-836a-a6c0f6da06b7",
     "type": "lvl1",
     "url": "/docs/components/select",
     "hierarchy": { "lvl1": "Select" }
   },
   {
     "content": "Import",
-    "objectID": "81c12245-91db-4f18-9472-12f803879feb",
+    "objectID": "b3d73362-2047-42ce-b70c-b1fdd8b9d973",
     "type": "lvl2",
     "url": "/docs/components/select#import",
     "hierarchy": { "lvl1": "Select", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "8bfb31bb-c167-44e1-b24a-e56799ccb715",
+    "objectID": "ccb13892-2f0e-4862-b109-0800a004cefe",
     "type": "lvl2",
     "url": "/docs/components/select#usage",
     "hierarchy": { "lvl1": "Select", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Dynamic items",
-    "objectID": "ea087aeb-f3b6-4492-a817-e1767c6e9953",
+    "objectID": "5e21c940-c4dc-4464-ad69-1e0e2c302f2c",
     "type": "lvl3",
     "url": "/docs/components/select#dynamic-items",
     "hierarchy": { "lvl1": "Select", "lvl2": "Usage", "lvl3": "Dynamic items" }
   },
   {
     "content": "Disabled",
-    "objectID": "bdd1b8f8-907c-42be-9931-dbcbbc020ccb",
+    "objectID": "9812bc3c-1085-4956-94a7-b5d8b2134f76",
     "type": "lvl3",
     "url": "/docs/components/select#disabled",
     "hierarchy": {
@@ -3966,7 +4266,7 @@
   },
   {
     "content": "Disabled Items",
-    "objectID": "c0c65dd8-4a2d-45b3-942f-e1a68a462bd2",
+    "objectID": "7fbc87e2-f759-477f-85d2-b9476c184628",
     "type": "lvl3",
     "url": "/docs/components/select#disabled-items",
     "hierarchy": {
@@ -3977,7 +4277,7 @@
   },
   {
     "content": "Required",
-    "objectID": "4af7da2d-6de9-4780-9bf7-45e99c9091a1",
+    "objectID": "1e818a1f-18a9-492d-8134-9e074ecc66d9",
     "type": "lvl3",
     "url": "/docs/components/select#required",
     "hierarchy": {
@@ -3988,35 +4288,35 @@
   },
   {
     "content": "Sizes",
-    "objectID": "9addd2e4-ebc0-474c-9823-beece90efbcc",
+    "objectID": "5c27d460-182c-4c89-b99b-5f8d292b9ded",
     "type": "lvl3",
     "url": "/docs/components/select#sizes",
     "hierarchy": { "lvl1": "Select", "lvl2": "Required", "lvl3": "Sizes" }
   },
   {
     "content": "Colors",
-    "objectID": "4121c220-6473-46d1-ae36-d597b11a91fd",
+    "objectID": "cbb48f5a-80c4-4f8c-8375-d16351e973c7",
     "type": "lvl3",
     "url": "/docs/components/select#colors",
     "hierarchy": { "lvl1": "Select", "lvl2": "Sizes", "lvl3": "Colors" }
   },
   {
     "content": "Variants",
-    "objectID": "89eb9f73-695c-4b3f-b819-ecbe0b2ae229",
+    "objectID": "d39003ad-ca6a-48d8-9835-fc69807748ce",
     "type": "lvl3",
     "url": "/docs/components/select#variants",
     "hierarchy": { "lvl1": "Select", "lvl2": "Colors", "lvl3": "Variants" }
   },
   {
     "content": "Radius",
-    "objectID": "1f5bb099-d436-428a-a341-9389a5a26853",
+    "objectID": "94d09568-631d-4b02-91d3-8d72e683e251",
     "type": "lvl3",
     "url": "/docs/components/select#radius",
     "hierarchy": { "lvl1": "Select", "lvl2": "Variants", "lvl3": "Radius" }
   },
   {
     "content": "Label Placements",
-    "objectID": "3acd9f10-b558-4f6c-9ccf-b5739a55524a",
+    "objectID": "92f186a9-2f23-4ea3-bd82-d7774929b6a8",
     "type": "lvl3",
     "url": "/docs/components/select#label-placements",
     "hierarchy": {
@@ -4027,7 +4327,7 @@
   },
   {
     "content": "Start Content",
-    "objectID": "b19208c1-7619-4217-92a9-7c623b3a5aaf",
+    "objectID": "0e16d95e-16f4-4ea6-a756-e49e13fbf7b8",
     "type": "lvl3",
     "url": "/docs/components/select#start-content",
     "hierarchy": {
@@ -4037,30 +4337,30 @@
     }
   },
   {
-    "content": "Item Start Content",
-    "objectID": "d73a46fa-55d7-4030-9cb4-952fe0c629ac",
+    "content": "Item Start & End Content",
+    "objectID": "d469780e-9723-492c-886f-06f65433380a",
     "type": "lvl3",
-    "url": "/docs/components/select#item-start-content",
+    "url": "/docs/components/select#item-start--end-content",
     "hierarchy": {
       "lvl1": "Select",
       "lvl2": "Start Content",
-      "lvl3": "Item Start Content"
+      "lvl3": "Item Start & End Content"
     }
   },
   {
     "content": "Custom Selector Icon",
-    "objectID": "46fc64cf-905f-4677-ad9c-abc650abf09d",
+    "objectID": "197e25cf-5662-4f76-81df-cd53472cf7d8",
     "type": "lvl3",
     "url": "/docs/components/select#custom-selector-icon",
     "hierarchy": {
       "lvl1": "Select",
-      "lvl2": "Item Start Content",
+      "lvl2": "Item Start & End Content",
       "lvl3": "Custom Selector Icon"
     }
   },
   {
     "content": "Without Scroll Shadow",
-    "objectID": "cd1156ea-30f0-4bb7-b12c-a235e38a8a30",
+    "objectID": "4a238fd1-2121-403b-9235-2de155e68391",
     "type": "lvl3",
     "url": "/docs/components/select#without-scroll-shadow",
     "hierarchy": {
@@ -4071,7 +4371,7 @@
   },
   {
     "content": "With Description",
-    "objectID": "5c9a85aa-1d87-4af0-9370-6fb91d63161d",
+    "objectID": "19190326-bf40-4f8e-be21-134c966a164d",
     "type": "lvl3",
     "url": "/docs/components/select#with-description",
     "hierarchy": {
@@ -4082,7 +4382,7 @@
   },
   {
     "content": "With Error Message",
-    "objectID": "a03900ef-1cb9-4f81-8880-12c113d9f494",
+    "objectID": "965ba293-0f72-45ad-bccf-fcd57e673aec",
     "type": "lvl3",
     "url": "/docs/components/select#with-error-message",
     "hierarchy": {
@@ -4093,7 +4393,7 @@
   },
   {
     "content": "Controlled",
-    "objectID": "31278cab-6dc6-4702-9f0e-e62fe0e15b57",
+    "objectID": "fe74c549-45f0-4d2c-baa0-ab00c8d36c1e",
     "type": "lvl3",
     "url": "/docs/components/select#controlled",
     "hierarchy": {
@@ -4104,7 +4404,7 @@
   },
   {
     "content": "Controlling the open state",
-    "objectID": "01bb49db-41af-489b-8dd3-d5cda1d22412",
+    "objectID": "978cdbfb-7bba-425d-a81b-e053269e6a5d",
     "type": "lvl3",
     "url": "/docs/components/select#controlling-the-open-state",
     "hierarchy": {
@@ -4115,7 +4415,7 @@
   },
   {
     "content": "Custom Items",
-    "objectID": "0451dce2-13f8-4f51-badf-3dbe8a833c6b",
+    "objectID": "2c3a3e8a-521e-4b3e-bc9c-8a854f925606",
     "type": "lvl3",
     "url": "/docs/components/select#custom-items",
     "hierarchy": {
@@ -4126,7 +4426,7 @@
   },
   {
     "content": "Custom Render Value",
-    "objectID": "db178ac1-b1de-4f58-bce3-c45fa326bf1c",
+    "objectID": "3fbe4b7c-9669-4e20-b193-720240c83412",
     "type": "lvl3",
     "url": "/docs/components/select#custom-render-value",
     "hierarchy": {
@@ -4137,7 +4437,7 @@
   },
   {
     "content": "With Sections",
-    "objectID": "8c0ae1ed-35a5-4924-b471-044408ff2c9c",
+    "objectID": "b7e51d20-bc31-407c-a835-7c0fb3a796f7",
     "type": "lvl3",
     "url": "/docs/components/select#with-sections",
     "hierarchy": {
@@ -4148,7 +4448,7 @@
   },
   {
     "content": "Custom Sections Style",
-    "objectID": "f40fa32a-4cab-447d-99e8-98de4c9e7fde",
+    "objectID": "258ff264-0dba-4449-9215-5b204876bb1d",
     "type": "lvl3",
     "url": "/docs/components/select#custom-sections-style",
     "hierarchy": {
@@ -4158,30 +4458,30 @@
     }
   },
   {
-    "content": "Asyncronous Loading",
-    "objectID": "48b9b247-b70b-493b-a548-29e5d57d3174",
+    "content": "Asynchronous Loading",
+    "objectID": "32f28c91-cf1d-4568-9bd5-ae331c6c68fa",
     "type": "lvl3",
-    "url": "/docs/components/select#asyncronous-loading",
+    "url": "/docs/components/select#asynchronous-loading",
     "hierarchy": {
       "lvl1": "Select",
       "lvl2": "Custom Sections Style",
-      "lvl3": "Asyncronous Loading"
+      "lvl3": "Asynchronous Loading"
     }
   },
   {
     "content": "Multiple Select",
-    "objectID": "aa4bb469-b301-4e04-873a-bbbbd9b3cfac",
+    "objectID": "6f388f67-d92e-429f-b068-de7c3753166a",
     "type": "lvl3",
     "url": "/docs/components/select#multiple-select",
     "hierarchy": {
       "lvl1": "Select",
-      "lvl2": "Asyncronous Loading",
+      "lvl2": "Asynchronous Loading",
       "lvl3": "Multiple Select"
     }
   },
   {
     "content": "Multiple Select Controlled",
-    "objectID": "c50aed7a-8439-4a4f-9820-f8df45fa5ee7",
+    "objectID": "c2d1fef4-a21d-470c-bd4f-435f95bcf81c",
     "type": "lvl3",
     "url": "/docs/components/select#multiple-select-controlled",
     "hierarchy": {
@@ -4191,65 +4491,65 @@
     }
   },
   {
-    "content": "Mutliple With Chips",
-    "objectID": "78d2078e-d8e4-4876-93bf-dcf9d1921f1a",
+    "content": "Multiple With Chips",
+    "objectID": "9ae2022d-93af-4153-ae0e-8f3d1d981d4d",
     "type": "lvl3",
-    "url": "/docs/components/select#mutliple-with-chips",
+    "url": "/docs/components/select#multiple-with-chips",
     "hierarchy": {
       "lvl1": "Select",
       "lvl2": "Multiple Select Controlled",
-      "lvl3": "Mutliple With Chips"
+      "lvl3": "Multiple With Chips"
     }
   },
   {
     "content": "Customizing the select",
-    "objectID": "2ee5b87f-d867-4e0c-8a7a-3cb4f838ff03",
+    "objectID": "08b013c6-3e85-4142-89ff-cc57e778dc52",
     "type": "lvl3",
     "url": "/docs/components/select#customizing-the-select",
     "hierarchy": {
       "lvl1": "Select",
-      "lvl2": "Mutliple With Chips",
+      "lvl2": "Multiple With Chips",
       "lvl3": "Customizing the select"
     }
   },
   {
     "content": "Slots",
-    "objectID": "e1ec50b4-dbff-43af-9f39-6a8084dca8ae",
+    "objectID": "09a43686-7d62-400c-98b5-d1fd7112f0e8",
     "type": "lvl2",
     "url": "/docs/components/select#slots",
     "hierarchy": { "lvl1": "Select", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Data Attributes",
-    "objectID": "b81655e8-4e80-4b14-9b78-6e75183d7739",
+    "objectID": "356efff3-1d4f-45fb-a2a1-c49c1976b1c0",
     "type": "lvl2",
     "url": "/docs/components/select#data-attributes",
     "hierarchy": { "lvl1": "Select", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "b3fa4a73-a899-4e9b-93ec-590be3682fed",
+    "objectID": "c8da2635-8903-4f02-a719-596a6f0839d0",
     "type": "lvl2",
     "url": "/docs/components/select#accessibility",
     "hierarchy": { "lvl1": "Select", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "115975fe-5e75-42e7-8235-171dbba10487",
+    "objectID": "06e7910e-faed-4285-a0ae-92d6f08c4e40",
     "type": "lvl2",
     "url": "/docs/components/select#api",
     "hierarchy": { "lvl1": "Select", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Select Props",
-    "objectID": "2a55fc22-0aaf-4202-9133-e850f19afcde",
+    "objectID": "133bef7a-c2c7-49a9-813e-4d3ecc754724",
     "type": "lvl3",
     "url": "/docs/components/select#select-props",
     "hierarchy": { "lvl1": "Select", "lvl2": "API", "lvl3": "Select Props" }
   },
   {
     "content": "Select Events",
-    "objectID": "9d0b0617-2897-4617-a5fe-47518e68819c",
+    "objectID": "11027cb8-f11a-4b4a-86f6-ecc26a4f2d38",
     "type": "lvl3",
     "url": "/docs/components/select#select-events",
     "hierarchy": {
@@ -4260,7 +4560,7 @@
   },
   {
     "content": "SelectItem Props",
-    "objectID": "c83f7842-eb94-4541-87ce-72f9ff6c5fa9",
+    "objectID": "22fecdb0-146d-4c36-8e24-0843850df4fe",
     "type": "lvl3",
     "url": "/docs/components/select#selectitem-props",
     "hierarchy": {
@@ -4271,7 +4571,7 @@
   },
   {
     "content": "SelectItem Events",
-    "objectID": "c7081064-c9a8-4beb-852c-5f20fed36c24",
+    "objectID": "df1efb21-8e17-456b-b328-74322c031272",
     "type": "lvl3",
     "url": "/docs/components/select#selectitem-events",
     "hierarchy": {
@@ -4282,7 +4582,7 @@
   },
   {
     "content": "SelectSection Props",
-    "objectID": "2c1c4e8d-9479-4c5c-b93c-50cddca218b3",
+    "objectID": "4bd6d8e5-be8c-4e0b-9b80-7a53a3b5264e",
     "type": "lvl3",
     "url": "/docs/components/select#selectsection-props",
     "hierarchy": {
@@ -4293,7 +4593,7 @@
   },
   {
     "content": "Types",
-    "objectID": "fe0d258c-980f-45dc-b9eb-9dcb6a61e470",
+    "objectID": "f0eab4eb-b3ce-4ce4-a4e2-c4742b0e3195",
     "type": "lvl3",
     "url": "/docs/components/select#types",
     "hierarchy": {
@@ -4304,42 +4604,42 @@
   },
   {
     "content": "Render Value Function",
-    "objectID": "11141889-ebde-4f32-bbc9-d4c27240e4d1",
+    "objectID": "a5950e16-231d-4c9c-8bf6-69516884be2e",
     "type": "lvl4",
     "url": "/docs/components/select#render-value-function",
     "hierarchy": { "lvl1": "Select", "lvl2": "Types", "lvl3": null }
   },
   {
     "content": "Skeleton",
-    "objectID": "cfb86d4b-b8ff-4c41-aabd-0f62872788fc",
+    "objectID": "960dfb78-c15e-438b-b9c2-016a717a30a0",
     "type": "lvl1",
     "url": "/docs/components/skeleton",
     "hierarchy": { "lvl1": "Skeleton" }
   },
   {
     "content": "Import",
-    "objectID": "0da439a7-8cc1-4c4c-b62b-f1c5b4114496",
+    "objectID": "d585583e-c526-46f1-8bda-a1b1acf88b98",
     "type": "lvl2",
     "url": "/docs/components/skeleton#import",
     "hierarchy": { "lvl1": "Skeleton", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "46b5aa10-d3a9-4282-9664-225c3e6bf12c",
+    "objectID": "d63216a3-78e5-488a-bfb1-0fe4cf15cf3c",
     "type": "lvl2",
     "url": "/docs/components/skeleton#usage",
     "hierarchy": { "lvl1": "Skeleton", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Standalone",
-    "objectID": "cd378f5b-78f5-4f39-9e43-6a8de77d1e37",
+    "objectID": "a8306d0a-4a41-4a2e-a0dc-34cb9467649d",
     "type": "lvl3",
     "url": "/docs/components/skeleton#standalone",
     "hierarchy": { "lvl1": "Skeleton", "lvl2": "Usage", "lvl3": "Standalone" }
   },
   {
     "content": "Loaded State",
-    "objectID": "40535138-0385-4be5-8d8f-df2d14d60e4f",
+    "objectID": "e6a66768-ac8e-4cea-b09b-3895a8f97cf3",
     "type": "lvl3",
     "url": "/docs/components/skeleton#loaded-state",
     "hierarchy": {
@@ -4350,77 +4650,409 @@
   },
   {
     "content": "Slots",
-    "objectID": "d98b5137-867a-4653-98a1-0aa4ece4c168",
+    "objectID": "c3625f34-ba30-4fa5-a578-92cde6e3641e",
     "type": "lvl2",
     "url": "/docs/components/skeleton#slots",
     "hierarchy": { "lvl1": "Skeleton", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Data Attributes",
-    "objectID": "37d992e0-d128-4489-8e73-886c690abb8b",
+    "objectID": "598d9550-c53e-459d-8f65-42aee958bc93",
     "type": "lvl2",
     "url": "/docs/components/skeleton#data-attributes",
     "hierarchy": { "lvl1": "Skeleton", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "0d064df0-a412-4256-ac43-a1cbc203d15d",
+    "objectID": "f8272281-0ab7-43a3-89fc-69190d1e39b7",
     "type": "lvl2",
     "url": "/docs/components/skeleton#api",
     "hierarchy": { "lvl1": "Skeleton", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Skeleton Props",
-    "objectID": "589ebdba-7826-46da-8aaf-0e94c32bc49a",
+    "objectID": "6c3740df-67f4-4c5f-b769-ceaba4c5f5eb",
     "type": "lvl3",
     "url": "/docs/components/skeleton#skeleton-props",
     "hierarchy": { "lvl1": "Skeleton", "lvl2": "API", "lvl3": "Skeleton Props" }
   },
+  {
+    "content": "Slider",
+    "objectID": "c0e2963f-78bd-4336-a28d-067e55d4a723",
+    "type": "lvl1",
+    "url": "/docs/components/slider",
+    "hierarchy": { "lvl1": "Slider" }
+  },
+  {
+    "content": "Import",
+    "objectID": "56033b7e-35e7-45ac-95a2-d7508387dc0c",
+    "type": "lvl2",
+    "url": "/docs/components/slider#import",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Import", "lvl3": null }
+  },
+  {
+    "content": "Usage",
+    "objectID": "5647f602-c5b9-4537-b9a5-c981fffa97eb",
+    "type": "lvl2",
+    "url": "/docs/components/slider#usage",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Usage", "lvl3": null }
+  },
+  {
+    "content": "Disabled",
+    "objectID": "76b2c072-d10e-4efe-9088-f485e4f80500",
+    "type": "lvl3",
+    "url": "/docs/components/slider#disabled",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Usage", "lvl3": "Disabled" }
+  },
+  {
+    "content": "Sizes",
+    "objectID": "8c083ecb-206c-4523-bdf3-2aa9655a57fb",
+    "type": "lvl3",
+    "url": "/docs/components/slider#sizes",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Disabled", "lvl3": "Sizes" }
+  },
+  {
+    "content": "Radius",
+    "objectID": "585a91fb-2f66-4bf3-a3aa-4c8d25b39831",
+    "type": "lvl3",
+    "url": "/docs/components/slider#radius",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Sizes", "lvl3": "Radius" }
+  },
+  {
+    "content": "Colors",
+    "objectID": "0bac1658-8b94-4c65-bb0e-9f033f44ed65",
+    "type": "lvl3",
+    "url": "/docs/components/slider#colors",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Radius", "lvl3": "Colors" }
+  },
+  {
+    "content": "Vertical Slider",
+    "objectID": "340b863f-8484-45ac-b091-5026b9a614ec",
+    "type": "lvl3",
+    "url": "/docs/components/slider#vertical-slider",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Colors",
+      "lvl3": "Vertical Slider"
+    }
+  },
+  {
+    "content": "With Visible Steps",
+    "objectID": "43f804a0-7c19-45a8-aad4-4015dbc44185",
+    "type": "lvl3",
+    "url": "/docs/components/slider#with-visible-steps",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Vertical Slider",
+      "lvl3": "With Visible Steps"
+    }
+  },
+  {
+    "content": "With Marks",
+    "objectID": "538116ea-d97c-480b-81f0-c6eb211f85f6",
+    "type": "lvl3",
+    "url": "/docs/components/slider#with-marks",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "With Visible Steps",
+      "lvl3": "With Marks"
+    }
+  },
+  {
+    "content": "Range Slider",
+    "objectID": "9c7fad3c-3178-40e5-be4b-5914be9b1449",
+    "type": "lvl3",
+    "url": "/docs/components/slider#range-slider",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "With Marks",
+      "lvl3": "Range Slider"
+    }
+  },
+  {
+    "content": "Fill Offset",
+    "objectID": "ef390f35-591a-4ea3-9546-67e3ce4cb9f1",
+    "type": "lvl3",
+    "url": "/docs/components/slider#fill-offset",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Range Slider",
+      "lvl3": "Fill Offset"
+    }
+  },
+  {
+    "content": "With Tooltip",
+    "objectID": "0ab4a136-cad1-4973-899e-ccf7e4626e6b",
+    "type": "lvl3",
+    "url": "/docs/components/slider#with-tooltip",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Fill Offset",
+      "lvl3": "With Tooltip"
+    }
+  },
+  {
+    "content": "With Outline",
+    "objectID": "7e7f6660-91e9-4074-9259-d92fa0f45d21",
+    "type": "lvl3",
+    "url": "/docs/components/slider#with-outline",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "With Tooltip",
+      "lvl3": "With Outline"
+    }
+  },
+  {
+    "content": "Start & End Content",
+    "objectID": "a2e3738a-4fb1-4652-bca5-2418b778d258",
+    "type": "lvl3",
+    "url": "/docs/components/slider#start--end-content",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "With Outline",
+      "lvl3": "Start & End Content"
+    }
+  },
+  {
+    "content": "Value Formatting",
+    "objectID": "855729f1-0ba9-44c2-a6a5-0c005c3a202a",
+    "type": "lvl3",
+    "url": "/docs/components/slider#value-formatting",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Start & End Content",
+      "lvl3": "Value Formatting"
+    }
+  },
+  {
+    "content": "Hiding the Value",
+    "objectID": "a3ef1cc9-b19c-440f-9481-c406b1a5a827",
+    "type": "lvl3",
+    "url": "/docs/components/slider#hiding-the-value",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Value Formatting",
+      "lvl3": "Hiding the Value"
+    }
+  },
+  {
+    "content": "Hiding the Thumbs",
+    "objectID": "159dc83f-3375-4be8-bc98-7d976de7b78c",
+    "type": "lvl3",
+    "url": "/docs/components/slider#hiding-the-thumbs",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Hiding the Value",
+      "lvl3": "Hiding the Thumbs"
+    }
+  },
+  {
+    "content": "Controlled",
+    "objectID": "edad4617-296c-4d20-a96e-b3e87586d104",
+    "type": "lvl3",
+    "url": "/docs/components/slider#controlled",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Hiding the Thumbs",
+      "lvl3": "Controlled"
+    }
+  },
+  {
+    "content": "Controlled Range",
+    "objectID": "ae617f75-6400-4abc-a562-21581e3b9809",
+    "type": "lvl3",
+    "url": "/docs/components/slider#controlled-range",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Controlled",
+      "lvl3": "Controlled Range"
+    }
+  },
+  {
+    "content": "Custom Thumb",
+    "objectID": "debc876a-9e39-44a3-9afe-fe1e807b652a",
+    "type": "lvl3",
+    "url": "/docs/components/slider#custom-thumb",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Controlled Range",
+      "lvl3": "Custom Thumb"
+    }
+  },
+  {
+    "content": "Custom Range Thumbs",
+    "objectID": "61b9aaf4-ae5a-4bf1-9775-449828567068",
+    "type": "lvl3",
+    "url": "/docs/components/slider#custom-range-thumbs",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Custom Thumb",
+      "lvl3": "Custom Range Thumbs"
+    }
+  },
+  {
+    "content": "Custom Label",
+    "objectID": "9415e7f9-32b5-4a2d-a5b9-8d29a5035ee1",
+    "type": "lvl3",
+    "url": "/docs/components/slider#custom-label",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Custom Range Thumbs",
+      "lvl3": "Custom Label"
+    }
+  },
+  {
+    "content": "Custom Value",
+    "objectID": "ade3abc5-5630-45e6-976a-bba1727e7cb9",
+    "type": "lvl3",
+    "url": "/docs/components/slider#custom-value",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Custom Label",
+      "lvl3": "Custom Value"
+    }
+  },
+  {
+    "content": "Disabling Thumb Scale",
+    "objectID": "95679d43-a701-492c-bdd5-df9199060ebd",
+    "type": "lvl3",
+    "url": "/docs/components/slider#disabling-thumb-scale",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Custom Value",
+      "lvl3": "Disabling Thumb Scale"
+    }
+  },
+  {
+    "content": "Slots",
+    "objectID": "80c6710d-7d0a-407a-b7eb-7e69f3016af7",
+    "type": "lvl2",
+    "url": "/docs/components/slider#slots",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Slots", "lvl3": null }
+  },
+  {
+    "content": "Custom Styles",
+    "objectID": "d7ee4ff2-ee16-478e-9eb4-e23abeaaa886",
+    "type": "lvl3",
+    "url": "/docs/components/slider#custom-styles",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Slots", "lvl3": "Custom Styles" }
+  },
+  {
+    "content": "Data Attributes",
+    "objectID": "41d37a7f-38fb-4e0d-a2e2-a7ffa7ecbbff",
+    "type": "lvl2",
+    "url": "/docs/components/slider#data-attributes",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Data Attributes", "lvl3": null }
+  },
+  {
+    "content": "Accessibility",
+    "objectID": "fab56240-d59e-4977-8f7c-273517e57dd9",
+    "type": "lvl2",
+    "url": "/docs/components/slider#accessibility",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Accessibility", "lvl3": null }
+  },
+  {
+    "content": "API",
+    "objectID": "cd049333-3964-43ec-a0fd-1e3768506850",
+    "type": "lvl2",
+    "url": "/docs/components/slider#api",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "API", "lvl3": null }
+  },
+  {
+    "content": "Slider Props",
+    "objectID": "125efe16-e231-461c-b162-0ee531778294",
+    "type": "lvl3",
+    "url": "/docs/components/slider#slider-props",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "API", "lvl3": "Slider Props" }
+  },
+  {
+    "content": "Slider Functions",
+    "objectID": "b33a87f3-2fda-4972-81a0-93416370f44f",
+    "type": "lvl3",
+    "url": "/docs/components/slider#slider-functions",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Slider Props",
+      "lvl3": "Slider Functions"
+    }
+  },
+  {
+    "content": "Slider Events",
+    "objectID": "c5c99077-1485-4a97-830d-da7da927efaa",
+    "type": "lvl3",
+    "url": "/docs/components/slider#slider-events",
+    "hierarchy": {
+      "lvl1": "Slider",
+      "lvl2": "Slider Functions",
+      "lvl3": "Slider Events"
+    }
+  },
+  {
+    "content": "Types",
+    "objectID": "844537f1-fcab-4180-999d-c4779606b969",
+    "type": "lvl3",
+    "url": "/docs/components/slider#types",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Slider Events", "lvl3": "Types" }
+  },
+  {
+    "content": "Slider Value",
+    "objectID": "27eb940a-e934-4d7d-924b-c3c5dd204881",
+    "type": "lvl4",
+    "url": "/docs/components/slider#slider-value",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Types", "lvl3": null }
+  },
+  {
+    "content": "Slider Step Marks",
+    "objectID": "6e683e7e-0b3d-415d-9ab0-54d49223c32d",
+    "type": "lvl4",
+    "url": "/docs/components/slider#slider-step-marks",
+    "hierarchy": { "lvl1": "Slider", "lvl2": "Slider Value", "lvl3": null }
+  },
   {
     "content": "Snippet",
-    "objectID": "327dc0d5-def3-483e-91d3-4aa80e4d8a64",
+    "objectID": "8c06fde5-bfe5-43ac-87d5-b930eb17387f",
     "type": "lvl1",
     "url": "/docs/components/snippet",
     "hierarchy": { "lvl1": "Snippet" }
   },
   {
     "content": "Import",
-    "objectID": "58090233-981e-4e47-b6f8-4460419ebe22",
+    "objectID": "d9226100-ef34-41a4-b2d1-8df89d72bf52",
     "type": "lvl2",
     "url": "/docs/components/snippet#import",
     "hierarchy": { "lvl1": "Snippet", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "94ea39cc-16f4-458e-b894-1f4d4c5c0cd5",
+    "objectID": "f5386270-1a59-4b45-973b-def478bd8bb6",
     "type": "lvl2",
     "url": "/docs/components/snippet#usage",
     "hierarchy": { "lvl1": "Snippet", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Sizes",
-    "objectID": "983ea1b8-786a-4f3d-a42d-295b69730367",
+    "objectID": "c8d4f18b-057f-4994-b9f9-51492a667744",
     "type": "lvl3",
     "url": "/docs/components/snippet#sizes",
     "hierarchy": { "lvl1": "Snippet", "lvl2": "Usage", "lvl3": "Sizes" }
   },
   {
     "content": "Colors",
-    "objectID": "6b7d1710-8101-4870-9487-670892cb8103",
+    "objectID": "86eb2a4a-3134-4b80-ab98-8a5495855173",
     "type": "lvl3",
     "url": "/docs/components/snippet#colors",
     "hierarchy": { "lvl1": "Snippet", "lvl2": "Sizes", "lvl3": "Colors" }
   },
   {
     "content": "Variants",
-    "objectID": "ce61d806-504d-49ea-8695-54daff2896eb",
+    "objectID": "be0c2b35-c45a-49e5-9cdf-3d6fa8bbb643",
     "type": "lvl3",
     "url": "/docs/components/snippet#variants",
     "hierarchy": { "lvl1": "Snippet", "lvl2": "Colors", "lvl3": "Variants" }
   },
   {
     "content": "Custom Symbol",
-    "objectID": "a2450658-d761-4d38-91d7-d177ad725105",
+    "objectID": "b9080b42-0c68-4eda-868b-4fc49f4ef1aa",
     "type": "lvl3",
     "url": "/docs/components/snippet#custom-symbol",
     "hierarchy": {
@@ -4431,7 +5063,7 @@
   },
   {
     "content": "Without Copy",
-    "objectID": "badb4c5e-3f3e-4ca3-8cfe-77cfa340319e",
+    "objectID": "5d1e6ddc-6f9a-4b07-8d58-4f127e1004b8",
     "type": "lvl3",
     "url": "/docs/components/snippet#without-copy",
     "hierarchy": {
@@ -4442,7 +5074,7 @@
   },
   {
     "content": "Custom Tooltip",
-    "objectID": "9772e7e2-ad9d-4b2d-8bd2-98d016348e51",
+    "objectID": "a0698925-0e39-48a8-9665-24c555f52659",
     "type": "lvl3",
     "url": "/docs/components/snippet#custom-tooltip",
     "hierarchy": {
@@ -4453,7 +5085,7 @@
   },
   {
     "content": "Multiline",
-    "objectID": "7aae5cd3-1936-43e7-bbbc-4193d7ebbcf3",
+    "objectID": "6080aaf9-5046-400a-9038-6c0cf4972bda",
     "type": "lvl3",
     "url": "/docs/components/snippet#multiline",
     "hierarchy": {
@@ -4464,7 +5096,7 @@
   },
   {
     "content": "Custom Icons",
-    "objectID": "b6e2f3a2-80e7-4f35-ba24-c7274301d607",
+    "objectID": "f05d2b16-fe77-4c98-91a7-3fb4cf43bd03",
     "type": "lvl3",
     "url": "/docs/components/snippet#custom-icons",
     "hierarchy": {
@@ -4475,28 +5107,28 @@
   },
   {
     "content": "Slots",
-    "objectID": "507fabff-a5c4-4e04-b95e-ba7a8e159330",
+    "objectID": "e3e8d971-f0a9-4c2d-a1c7-e8cdade69b20",
     "type": "lvl2",
     "url": "/docs/components/snippet#slots",
     "hierarchy": { "lvl1": "Snippet", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "fa789bf2-a4d2-466d-a72d-90a86cb406f8",
+    "objectID": "6b8a6af9-5a47-4798-a044-a3143dde9664",
     "type": "lvl2",
     "url": "/docs/components/snippet#api",
     "hierarchy": { "lvl1": "Snippet", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Snippet Props",
-    "objectID": "816c3bb8-055e-4d3e-a501-2e52f7f07774",
+    "objectID": "ddbb05a7-c411-4f2d-9bc5-e5585b66454d",
     "type": "lvl3",
     "url": "/docs/components/snippet#snippet-props",
     "hierarchy": { "lvl1": "Snippet", "lvl2": "API", "lvl3": "Snippet Props" }
   },
   {
     "content": "Snippet Events",
-    "objectID": "0f26aaac-acbd-4c1f-a956-d0ee7ab3d832",
+    "objectID": "4b2b5583-157b-427d-b4ec-1b31fbead937",
     "type": "lvl3",
     "url": "/docs/components/snippet#snippet-events",
     "hierarchy": {
@@ -4507,91 +5139,91 @@
   },
   {
     "content": "Spacer",
-    "objectID": "06a828c6-335d-45de-a81b-a0b8b6e0ad98",
+    "objectID": "fb757b71-97d5-4c4a-9a2d-c53a8c77be35",
     "type": "lvl1",
     "url": "/docs/components/spacer",
     "hierarchy": { "lvl1": "Spacer" }
   },
   {
     "content": "Import",
-    "objectID": "83fef1f4-9218-4fe0-ad7b-fb9fd82f3fc2",
+    "objectID": "868c3af6-1547-483c-b586-6360237de5ca",
     "type": "lvl2",
     "url": "/docs/components/spacer#import",
     "hierarchy": { "lvl1": "Spacer", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "99e41c06-846d-4b00-81e6-4fa3886041b2",
+    "objectID": "4f395c7e-7a4b-4eaf-9eb2-859cd74cf8b8",
     "type": "lvl2",
     "url": "/docs/components/spacer#usage",
     "hierarchy": { "lvl1": "Spacer", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "f5a6ee79-7ec0-4f34-8a0b-3f4ec499914d",
+    "objectID": "8299ccaa-c0bc-4303-95b9-ec8a4c02d247",
     "type": "lvl2",
     "url": "/docs/components/spacer#api",
     "hierarchy": { "lvl1": "Spacer", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Spacer Props",
-    "objectID": "068c6077-bd76-4c4d-8107-b1058b9ef410",
+    "objectID": "61c6cfff-62f1-4406-89b0-4fc5ac92b8e9",
     "type": "lvl3",
     "url": "/docs/components/spacer#spacer-props",
     "hierarchy": { "lvl1": "Spacer", "lvl2": "API", "lvl3": "Spacer Props" }
   },
   {
     "content": "Spaces",
-    "objectID": "2d19832e-fd36-4099-ba11-2c2b7041cd25",
+    "objectID": "55ab1a37-3d83-4b69-861e-8d3eecc8eff9",
     "type": "lvl3",
     "url": "/docs/components/spacer#spaces",
     "hierarchy": { "lvl1": "Spacer", "lvl2": "Spacer Props", "lvl3": "Spaces" }
   },
   {
     "content": "Spinner",
-    "objectID": "52c9add7-f6e2-4a83-b907-b8c49c09c8c2",
+    "objectID": "e1143f05-fa57-4054-a17d-b43bf30dfc93",
     "type": "lvl1",
     "url": "/docs/components/spinner",
     "hierarchy": { "lvl1": "Spinner" }
   },
   {
     "content": "Import",
-    "objectID": "ad5c5a27-408c-41dc-8f5c-d14d2c3018d9",
+    "objectID": "e4860c94-30da-4b79-8cc2-6351ae091472",
     "type": "lvl2",
     "url": "/docs/components/spinner#import",
     "hierarchy": { "lvl1": "Spinner", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "7a1a2dea-b551-46a5-9972-371b8913100b",
+    "objectID": "897b8be9-61f7-4a84-8004-fbd9ea6b06ff",
     "type": "lvl2",
     "url": "/docs/components/spinner#usage",
     "hierarchy": { "lvl1": "Spinner", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Sizes",
-    "objectID": "fbebba82-e90d-41ca-bc0d-ad8453a2c82f",
+    "objectID": "cf29dd0e-59af-4a76-9e7c-db1fcf03c6fc",
     "type": "lvl3",
     "url": "/docs/components/spinner#sizes",
     "hierarchy": { "lvl1": "Spinner", "lvl2": "Usage", "lvl3": "Sizes" }
   },
   {
     "content": "Colors",
-    "objectID": "98bdc3b2-7152-4f77-9067-17dad18c01e1",
+    "objectID": "3e1ef1eb-4f15-40ae-8260-f700eca0f104",
     "type": "lvl3",
     "url": "/docs/components/spinner#colors",
     "hierarchy": { "lvl1": "Spinner", "lvl2": "Sizes", "lvl3": "Colors" }
   },
   {
     "content": "With Label",
-    "objectID": "b10bf6b4-fb58-41b6-a7d2-06ad90cc4ffd",
+    "objectID": "6445165b-575c-4625-9d2f-cb729e55f97f",
     "type": "lvl3",
     "url": "/docs/components/spinner#with-label",
     "hierarchy": { "lvl1": "Spinner", "lvl2": "Colors", "lvl3": "With Label" }
   },
   {
     "content": "Label colors",
-    "objectID": "817986a0-8f61-4ae0-95dd-f40a6bcbdb13",
+    "objectID": "eeeb620d-b853-4cc8-b62c-51ee1f30b56d",
     "type": "lvl3",
     "url": "/docs/components/spinner#label-colors",
     "hierarchy": {
@@ -4602,21 +5234,21 @@
   },
   {
     "content": "Slots",
-    "objectID": "17bcd44a-e3ad-40c8-80f4-075c45208c0b",
+    "objectID": "dde3363f-2b8b-412d-bd2a-060de6e7a21f",
     "type": "lvl2",
     "url": "/docs/components/spinner#slots",
     "hierarchy": { "lvl1": "Spinner", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "ba3ca7e3-80ac-4ed8-aa6a-cb8db4e94920",
+    "objectID": "05c5470d-9f2b-4c5d-99fc-2d6ebc7c8331",
     "type": "lvl2",
     "url": "/docs/components/spinner#api",
     "hierarchy": { "lvl1": "Spinner", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Circular Progress Props",
-    "objectID": "bc8a177e-cefc-445e-ac0a-d72964f4a3e0",
+    "objectID": "14644577-2696-457d-b7e6-104162730d75",
     "type": "lvl3",
     "url": "/docs/components/spinner#circular-progress-props",
     "hierarchy": {
@@ -4627,56 +5259,56 @@
   },
   {
     "content": "Switch",
-    "objectID": "4c45bdd0-4ec1-4030-93d2-d933f44553f8",
+    "objectID": "1e773372-27eb-4cbd-a738-a6ec838fa056",
     "type": "lvl1",
     "url": "/docs/components/switch",
     "hierarchy": { "lvl1": "Switch" }
   },
   {
     "content": "Import",
-    "objectID": "69d3861c-0229-43ef-a16d-e5caa93bdc06",
+    "objectID": "1d337d20-3cfd-4104-bf97-35f368acf217",
     "type": "lvl2",
     "url": "/docs/components/switch#import",
     "hierarchy": { "lvl1": "Switch", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "ba05e909-6982-484e-b533-cfe624deb4a2",
+    "objectID": "24b93ce2-eff7-4559-beef-021a29bdd7bf",
     "type": "lvl2",
     "url": "/docs/components/switch#usage",
     "hierarchy": { "lvl1": "Switch", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "With Label",
-    "objectID": "3347a20c-8b58-40fd-b0d7-86317e5a5357",
+    "objectID": "47ef5458-f717-44ae-a79a-16ee421f9e22",
     "type": "lvl3",
     "url": "/docs/components/switch#with-label",
     "hierarchy": { "lvl1": "Switch", "lvl2": "Usage", "lvl3": "With Label" }
   },
   {
     "content": "Disabled",
-    "objectID": "f3685c98-e3fe-4383-bdee-a40ff046479e",
+    "objectID": "5cbd3362-e1ae-45d7-85f2-b8ae0d64cdea",
     "type": "lvl3",
     "url": "/docs/components/switch#disabled",
     "hierarchy": { "lvl1": "Switch", "lvl2": "With Label", "lvl3": "Disabled" }
   },
   {
     "content": "Sizes",
-    "objectID": "7985128e-1044-4164-b7d6-e18d3caac31d",
+    "objectID": "8c2e969b-2760-44f7-a562-8c9a983bba40",
     "type": "lvl3",
     "url": "/docs/components/switch#sizes",
     "hierarchy": { "lvl1": "Switch", "lvl2": "Disabled", "lvl3": "Sizes" }
   },
   {
     "content": "Colors",
-    "objectID": "3e334412-fd69-45e0-9656-78ec6248cb3a",
+    "objectID": "a927092a-8c9f-4cb9-983c-8d5df3601c82",
     "type": "lvl3",
     "url": "/docs/components/switch#colors",
     "hierarchy": { "lvl1": "Switch", "lvl2": "Sizes", "lvl3": "Colors" }
   },
   {
     "content": "With Thumb Icon",
-    "objectID": "6744608a-44af-4ef7-8724-6005278f2413",
+    "objectID": "b8bf1b02-5449-46f4-bb18-3a731f60ef17",
     "type": "lvl3",
     "url": "/docs/components/switch#with-thumb-icon",
     "hierarchy": {
@@ -4687,7 +5319,7 @@
   },
   {
     "content": "With Icons",
-    "objectID": "969c121f-94ac-4ea9-9740-409c2397d1f4",
+    "objectID": "1a29cc48-ec06-4f9e-bfa3-8e04a8696f5d",
     "type": "lvl3",
     "url": "/docs/components/switch#with-icons",
     "hierarchy": {
@@ -4698,7 +5330,7 @@
   },
   {
     "content": "Controlled",
-    "objectID": "f466ac2d-b4f6-4061-82fc-691544d20d26",
+    "objectID": "688d2293-9c34-40fe-8833-5e463985eb5a",
     "type": "lvl3",
     "url": "/docs/components/switch#controlled",
     "hierarchy": {
@@ -4709,21 +5341,21 @@
   },
   {
     "content": "Slots",
-    "objectID": "8149d7f5-509d-4c87-b660-4a911a102c2f",
+    "objectID": "f3704ca5-de21-4ac4-80f8-25a0e4a4eb69",
     "type": "lvl2",
     "url": "/docs/components/switch#slots",
     "hierarchy": { "lvl1": "Switch", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "5df73a11-01f9-4b8d-9329-034217991569",
+    "objectID": "03945f14-5c46-47ff-aaf1-4df772e66232",
     "type": "lvl3",
     "url": "/docs/components/switch#custom-styles",
     "hierarchy": { "lvl1": "Switch", "lvl2": "Slots", "lvl3": "Custom Styles" }
   },
   {
     "content": "Custom Implementation",
-    "objectID": "c5ae4e65-f4c0-4920-afe4-9e1957e33dab",
+    "objectID": "9b77eddc-57fc-408a-8b1c-1a715e9ab91d",
     "type": "lvl3",
     "url": "/docs/components/switch#custom-implementation",
     "hierarchy": {
@@ -4734,35 +5366,35 @@
   },
   {
     "content": "Data Attributes",
-    "objectID": "030b65b1-4b51-4685-8782-786ef9ae8afd",
+    "objectID": "b905f156-29fd-4f71-8c15-80fa7362c93e",
     "type": "lvl2",
     "url": "/docs/components/switch#data-attributes",
     "hierarchy": { "lvl1": "Switch", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "d5f8adb5-5685-4a93-bc80-b56169362c4b",
+    "objectID": "3ec8ca8b-0f14-4f78-ae0c-49283011030e",
     "type": "lvl2",
     "url": "/docs/components/switch#accessibility",
     "hierarchy": { "lvl1": "Switch", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "4149b51f-dfee-4cbe-835f-66542f0c3e03",
+    "objectID": "2978a7ef-c6f7-4918-b87a-6d658d91c803",
     "type": "lvl2",
     "url": "/docs/components/switch#api",
     "hierarchy": { "lvl1": "Switch", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Switch Props",
-    "objectID": "c048ff70-f3ee-4955-a9ea-f64b7dee87f9",
+    "objectID": "8ccb88e5-60d4-4889-a811-8a9fca929638",
     "type": "lvl3",
     "url": "/docs/components/switch#switch-props",
     "hierarchy": { "lvl1": "Switch", "lvl2": "API", "lvl3": "Switch Props" }
   },
   {
     "content": "Switch Events",
-    "objectID": "64b71f4b-83fe-4efe-a598-4589a15e7141",
+    "objectID": "01870f7c-20e2-4471-94c9-a884e5e99a83",
     "type": "lvl3",
     "url": "/docs/components/switch#switch-events",
     "hierarchy": {
@@ -4773,56 +5405,56 @@
   },
   {
     "content": "Types",
-    "objectID": "7f4ec848-c557-4f25-9ee6-d562e92225ec",
+    "objectID": "a8756bc8-3ba3-4f92-bbb8-3299064ccdaa",
     "type": "lvl3",
     "url": "/docs/components/switch#types",
     "hierarchy": { "lvl1": "Switch", "lvl2": "Switch Events", "lvl3": "Types" }
   },
   {
     "content": "Switch Icon Props",
-    "objectID": "9b33b7a1-e5c7-4d07-9b3d-4d12dc32ffa7",
+    "objectID": "9512f032-4c0a-4adf-84c3-f0255c13cda8",
     "type": "lvl4",
     "url": "/docs/components/switch#switch-icon-props",
     "hierarchy": { "lvl1": "Switch", "lvl2": "Types", "lvl3": null }
   },
   {
     "content": "Table",
-    "objectID": "3b062498-831b-4576-9d53-3879c4c0e288",
+    "objectID": "9aecb595-1b9e-4080-8302-b59958e8a5dd",
     "type": "lvl1",
     "url": "/docs/components/table",
     "hierarchy": { "lvl1": "Table" }
   },
   {
     "content": "Import",
-    "objectID": "bb9416bc-5f79-49c6-9638-3fe069059fd8",
+    "objectID": "2881fbca-3458-4aed-9070-5d848d39a783",
     "type": "lvl2",
     "url": "/docs/components/table#import",
     "hierarchy": { "lvl1": "Table", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "eade1ac7-3fa3-416c-b0dc-c5f0c6e0cdc1",
+    "objectID": "824dafa0-b991-4e68-aedb-026f3bcc836e",
     "type": "lvl2",
     "url": "/docs/components/table#usage",
     "hierarchy": { "lvl1": "Table", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Dynamic",
-    "objectID": "03835f59-d673-4786-8d21-2a0b023437fb",
+    "objectID": "0906c668-662c-4993-b000-cad846d660d6",
     "type": "lvl3",
     "url": "/docs/components/table#dynamic",
     "hierarchy": { "lvl1": "Table", "lvl2": "Usage", "lvl3": "Dynamic" }
   },
   {
     "content": "Why not array map?",
-    "objectID": "e3842784-3733-46fe-b9f6-793b3baaa681",
+    "objectID": "e94e1eb9-233f-44e7-815d-76369dc04646",
     "type": "lvl4",
     "url": "/docs/components/table#why-not-array-map",
     "hierarchy": { "lvl1": "Table", "lvl2": "Dynamic", "lvl3": null }
   },
   {
     "content": "Empty State",
-    "objectID": "c21f45f5-6397-4815-951a-6f32f2493dc4",
+    "objectID": "20b2a7a7-f0f8-4a13-8b60-f7c76e94829b",
     "type": "lvl3",
     "url": "/docs/components/table#empty-state",
     "hierarchy": {
@@ -4833,7 +5465,7 @@
   },
   {
     "content": "Without Header",
-    "objectID": "44b28061-73d8-4d88-b9ff-66c83206358f",
+    "objectID": "30a26aa9-e18e-4185-bbf2-030eb0021ed4",
     "type": "lvl3",
     "url": "/docs/components/table#without-header",
     "hierarchy": {
@@ -4844,7 +5476,7 @@
   },
   {
     "content": "Without Wrapper",
-    "objectID": "5d4661e6-b69e-4a02-a4f0-3dc5ba2fb452",
+    "objectID": "9aa1d2e6-8bb3-42f5-bbbf-858a1cd9bbc8",
     "type": "lvl3",
     "url": "/docs/components/table#without-wrapper",
     "hierarchy": {
@@ -4855,7 +5487,7 @@
   },
   {
     "content": "Custom Cells",
-    "objectID": "1b05a452-7cff-4f30-beee-41e7b92acc02",
+    "objectID": "0d8cc37b-67b0-40da-bfa0-4cfcd1cb574f",
     "type": "lvl3",
     "url": "/docs/components/table#custom-cells",
     "hierarchy": {
@@ -4866,7 +5498,7 @@
   },
   {
     "content": "Striped Rows",
-    "objectID": "6bf6df60-e1c3-4d91-8996-fdd454a05e84",
+    "objectID": "94072ef9-7be7-4179-a0f4-c1c076ae3597",
     "type": "lvl3",
     "url": "/docs/components/table#striped-rows",
     "hierarchy": {
@@ -4877,7 +5509,7 @@
   },
   {
     "content": "Single Row Selection",
-    "objectID": "88b0a774-f7aa-4ae3-a4da-2801b1c3662d",
+    "objectID": "5a950680-3a8a-4764-9107-8590593711a2",
     "type": "lvl3",
     "url": "/docs/components/table#single-row-selection",
     "hierarchy": {
@@ -4888,7 +5520,7 @@
   },
   {
     "content": "Multiple Row Selection",
-    "objectID": "4647702d-cf0a-47b6-bc5d-c59b51a4f0d0",
+    "objectID": "1357443d-b25a-4221-be89-f74ccf7decea",
     "type": "lvl3",
     "url": "/docs/components/table#multiple-row-selection",
     "hierarchy": {
@@ -4899,7 +5531,7 @@
   },
   {
     "content": "Disallow Empty Selection",
-    "objectID": "0ed1a196-5ef2-4fcb-8a4d-4490d7f97cbf",
+    "objectID": "286bf403-480e-469a-be40-db83926129f2",
     "type": "lvl3",
     "url": "/docs/components/table#disallow-empty-selection",
     "hierarchy": {
@@ -4910,7 +5542,7 @@
   },
   {
     "content": "Controlled Selection",
-    "objectID": "d1d5fa52-e433-4329-bc01-da696f63ff80",
+    "objectID": "39a5eee5-0053-4df2-964f-940783807303",
     "type": "lvl3",
     "url": "/docs/components/table#controlled-selection",
     "hierarchy": {
@@ -4921,7 +5553,7 @@
   },
   {
     "content": "Disabled Rows",
-    "objectID": "c19b07ee-9636-429f-a3ca-1e2a2afb1ab0",
+    "objectID": "44b1d021-4c87-4d6a-b2cb-9ab7508bd167",
     "type": "lvl3",
     "url": "/docs/components/table#disabled-rows",
     "hierarchy": {
@@ -4932,7 +5564,7 @@
   },
   {
     "content": "Selection Behavior",
-    "objectID": "989d5b2c-f98f-41aa-b00c-8398f7dfb0d5",
+    "objectID": "62b995e5-1538-4877-a207-3bccf9a34721",
     "type": "lvl3",
     "url": "/docs/components/table#selection-behavior",
     "hierarchy": {
@@ -4943,7 +5575,7 @@
   },
   {
     "content": "Rows Actions",
-    "objectID": "b6e3c0ac-78ba-4031-93c0-8635aca5afc8",
+    "objectID": "a6609dce-6662-4339-90a5-bc6608f3a6d0",
     "type": "lvl3",
     "url": "/docs/components/table#rows-actions",
     "hierarchy": {
@@ -4954,7 +5586,7 @@
   },
   {
     "content": "Sorting Rows",
-    "objectID": "561f2fd8-98e8-4264-9ac9-3afd7ef47935",
+    "objectID": "2d033d15-7530-4234-b206-32941e694c40",
     "type": "lvl3",
     "url": "/docs/components/table#sorting-rows",
     "hierarchy": {
@@ -4965,7 +5597,7 @@
   },
   {
     "content": "Loading more data",
-    "objectID": "f1c70562-2c24-46e1-b532-dbc538578ebf",
+    "objectID": "dfe581ed-6f87-449a-b475-3fa17ffc7694",
     "type": "lvl3",
     "url": "/docs/components/table#loading-more-data",
     "hierarchy": {
@@ -4976,7 +5608,7 @@
   },
   {
     "content": "Paginated Table",
-    "objectID": "0a93c2eb-d7e3-4e3e-957a-ded86091bd1a",
+    "objectID": "0ce4ce1a-5144-4e16-af34-2a4afd65b91c",
     "type": "lvl3",
     "url": "/docs/components/table#paginated-table",
     "hierarchy": {
@@ -4987,7 +5619,7 @@
   },
   {
     "content": "Async Pagination",
-    "objectID": "8150d819-e7f4-4dae-8280-a1a3095041ed",
+    "objectID": "e5ba4bf1-182e-499b-8bdf-90e37da4f225",
     "type": "lvl3",
     "url": "/docs/components/table#async-pagination",
     "hierarchy": {
@@ -4998,7 +5630,7 @@
   },
   {
     "content": "Infinite Pagination",
-    "objectID": "b3f80f16-4b3e-4299-ba87-0687488e5262",
+    "objectID": "95812e0b-19db-4019-88b0-31bbb270a797",
     "type": "lvl3",
     "url": "/docs/components/table#infinite-pagination",
     "hierarchy": {
@@ -5009,7 +5641,7 @@
   },
   {
     "content": "Use Case Example",
-    "objectID": "bdc51307-1116-4111-aa09-1562c04f5008",
+    "objectID": "c1640e45-d8e0-4e79-ac7e-6b18ef887041",
     "type": "lvl3",
     "url": "/docs/components/table#use-case-example",
     "hierarchy": {
@@ -5020,49 +5652,49 @@
   },
   {
     "content": "Slots",
-    "objectID": "e04fc621-c91f-4e4d-89da-e487ee1e13ce",
+    "objectID": "a59b0869-cca2-46ca-a7c9-1365598a952a",
     "type": "lvl2",
     "url": "/docs/components/table#slots",
     "hierarchy": { "lvl1": "Table", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "be77dae3-28f2-4983-89b1-0c9118439cd5",
+    "objectID": "8adb05e1-e295-47c5-b366-2af99cd484c7",
     "type": "lvl3",
     "url": "/docs/components/table#custom-styles",
     "hierarchy": { "lvl1": "Table", "lvl2": "Slots", "lvl3": "Custom Styles" }
   },
   {
     "content": "Data Attributes",
-    "objectID": "56cf74a5-12da-4d32-a86a-e7db0ef1f831",
+    "objectID": "0a5be779-6acd-4716-9002-7d77ba4c3120",
     "type": "lvl2",
     "url": "/docs/components/table#data-attributes",
     "hierarchy": { "lvl1": "Table", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "f3670568-6945-4ff5-bb22-e57f6098a020",
+    "objectID": "e558f95b-cb9f-4fb3-a8e5-fd684e2e4527",
     "type": "lvl2",
     "url": "/docs/components/table#accessibility",
     "hierarchy": { "lvl1": "Table", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "a08a6e12-46d6-416c-8bab-9152d00a7d85",
+    "objectID": "f98f54e4-be40-4d64-92cc-a548db733c8d",
     "type": "lvl2",
     "url": "/docs/components/table#api",
     "hierarchy": { "lvl1": "Table", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Table Props",
-    "objectID": "647c8f48-cd3f-4c41-972a-3560edec4e6e",
+    "objectID": "f0d9e600-adc7-46a4-bbac-8c5a697d8e1c",
     "type": "lvl3",
     "url": "/docs/components/table#table-props",
     "hierarchy": { "lvl1": "Table", "lvl2": "API", "lvl3": "Table Props" }
   },
   {
     "content": "Table Events",
-    "objectID": "ec4247e0-a75e-4b5e-84c1-fee83b18ac03",
+    "objectID": "20a93728-1b73-4693-9110-10fea2a0c529",
     "type": "lvl3",
     "url": "/docs/components/table#table-events",
     "hierarchy": {
@@ -5073,28 +5705,28 @@
   },
   {
     "content": "TableHeader Props",
-    "objectID": "9fbe35f2-3c4a-4d8c-961a-2feac8cf5ab7",
+    "objectID": "a25d5cfe-4563-411e-8f5e-8335078b7fef",
     "type": "lvl4",
     "url": "/docs/components/table#tableheader-props",
     "hierarchy": { "lvl1": "Table", "lvl2": "Table Events", "lvl3": null }
   },
   {
     "content": "TableColumn Props",
-    "objectID": "6cadaf35-e199-43b8-838a-92372a78793b",
+    "objectID": "c1685fc8-90b0-4dd9-bb0b-d47ee26130e2",
     "type": "lvl4",
     "url": "/docs/components/table#tablecolumn-props",
     "hierarchy": { "lvl1": "Table", "lvl2": "TableHeader Props", "lvl3": null }
   },
   {
     "content": "TableBody Props",
-    "objectID": "871c95ca-3f2a-4af4-a319-7120f0e53e0e",
+    "objectID": "99c0c2cc-e84b-461c-ac74-e7698768993f",
     "type": "lvl4",
     "url": "/docs/components/table#tablebody-props",
     "hierarchy": { "lvl1": "Table", "lvl2": "TableColumn Props", "lvl3": null }
   },
   {
     "content": "TableBody Events",
-    "objectID": "17d500bb-749a-4906-a591-3ec83e3514e0",
+    "objectID": "582b5f40-5d57-4c55-b23a-702372aadc49",
     "type": "lvl3",
     "url": "/docs/components/table#tablebody-events",
     "hierarchy": {
@@ -5105,21 +5737,21 @@
   },
   {
     "content": "TableRow Props",
-    "objectID": "43162a4b-2410-4818-ae8c-cadf94794525",
+    "objectID": "04915a67-d466-4a40-b243-57a1777da031",
     "type": "lvl4",
     "url": "/docs/components/table#tablerow-props",
     "hierarchy": { "lvl1": "Table", "lvl2": "TableBody Events", "lvl3": null }
   },
   {
     "content": "TableCell Props",
-    "objectID": "f7411efe-66d4-404e-8f4b-7d032e116cfe",
+    "objectID": "8611b69d-a3ff-49cf-a127-3a53f90911dc",
     "type": "lvl4",
     "url": "/docs/components/table#tablecell-props",
     "hierarchy": { "lvl1": "Table", "lvl2": "TableRow Props", "lvl3": null }
   },
   {
     "content": "Table types",
-    "objectID": "408eb6c0-cdbf-4577-b731-9c1a575a16f5",
+    "objectID": "c0473dcc-a936-4ee4-bcd5-17b4ee31b7b5",
     "type": "lvl3",
     "url": "/docs/components/table#table-types",
     "hierarchy": {
@@ -5130,238 +5762,259 @@
   },
   {
     "content": "Sort descriptor",
-    "objectID": "f68eac8d-d630-4a8f-a52d-430f289ecc50",
+    "objectID": "f5dd7612-61ae-473d-a9c7-e7e8ea29fb93",
     "type": "lvl4",
     "url": "/docs/components/table#sort-descriptor",
     "hierarchy": { "lvl1": "Table", "lvl2": "Table types", "lvl3": null }
   },
   {
     "content": "Selection",
-    "objectID": "70699095-923f-4665-8993-d44b33f4caf2",
+    "objectID": "dc44cbec-99af-4800-9f65-c229d5bd4cd9",
     "type": "lvl4",
     "url": "/docs/components/table#selection",
     "hierarchy": { "lvl1": "Table", "lvl2": "Sort descriptor", "lvl3": null }
   },
   {
     "content": "Loading state",
-    "objectID": "ae26a5d6-4002-4d1f-bb47-1d044f28f4b2",
+    "objectID": "b96dd32a-43ae-4be9-9377-dea810fe5c96",
     "type": "lvl4",
     "url": "/docs/components/table#loading-state",
     "hierarchy": { "lvl1": "Table", "lvl2": "Selection", "lvl3": null }
   },
   {
     "content": "Tabs",
-    "objectID": "91022829-cce5-44c6-8215-02585885a489",
+    "objectID": "9f1e8e6c-5439-4a12-acc7-fb5c8bd8e816",
     "type": "lvl1",
     "url": "/docs/components/tabs",
     "hierarchy": { "lvl1": "Tabs" }
   },
   {
     "content": "Import",
-    "objectID": "f8d4a6ac-e5b6-41ce-b53c-b18a05752da8",
+    "objectID": "40e753a4-ed31-46eb-801a-8d0299108899",
     "type": "lvl2",
     "url": "/docs/components/tabs#import",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "6c184822-f191-4479-9e68-99f4f1926a0f",
+    "objectID": "e6901bb3-6a27-4670-bcfb-d540f01d012f",
     "type": "lvl2",
     "url": "/docs/components/tabs#usage",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Dynamic",
-    "objectID": "d8f484b4-ca94-4888-8d93-bfdb72c72e7e",
+    "objectID": "d080dcd5-75fc-4a48-9994-b4d8a8937eae",
     "type": "lvl3",
     "url": "/docs/components/tabs#dynamic",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Usage", "lvl3": "Dynamic" }
   },
   {
     "content": "Disabled",
-    "objectID": "e2983908-0e9e-40e0-84b2-d78a15dc074c",
+    "objectID": "37209a3c-4c5b-4e65-a69a-a7fd4c031917",
     "type": "lvl3",
     "url": "/docs/components/tabs#disabled",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Dynamic", "lvl3": "Disabled" }
   },
   {
     "content": "Disabled Item",
-    "objectID": "ab031977-c229-496e-9abf-0d7ea9e4bc16",
+    "objectID": "8c25e5c6-1fa8-4f71-be65-abd138e6a9dc",
     "type": "lvl3",
     "url": "/docs/components/tabs#disabled-item",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Disabled", "lvl3": "Disabled Item" }
   },
   {
     "content": "Sizes",
-    "objectID": "da7ec732-ca72-4446-bb7b-7d3fefc15824",
+    "objectID": "db7739a0-30a8-4c84-af7d-1770ff8cc65a",
     "type": "lvl3",
     "url": "/docs/components/tabs#sizes",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Disabled Item", "lvl3": "Sizes" }
   },
   {
     "content": "Radius",
-    "objectID": "58e00dfe-8d99-4404-a872-35a0f9e0ab62",
+    "objectID": "e1c14048-c4f4-4d80-98f0-b280000ef10a",
     "type": "lvl3",
     "url": "/docs/components/tabs#radius",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Sizes", "lvl3": "Radius" }
   },
   {
     "content": "Colors",
-    "objectID": "f161f3b7-d71f-4657-b338-06593e423400",
+    "objectID": "46f4fb77-71a3-49a1-b16f-7df07154fa21",
     "type": "lvl3",
     "url": "/docs/components/tabs#colors",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Radius", "lvl3": "Colors" }
   },
   {
     "content": "Variants",
-    "objectID": "81b70f6a-7725-410b-9977-aef960b7cd99",
+    "objectID": "64e2b5e4-30e1-420e-b63a-bc5fa53a8539",
     "type": "lvl3",
     "url": "/docs/components/tabs#variants",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Colors", "lvl3": "Variants" }
   },
   {
     "content": "With Icons",
-    "objectID": "26311991-6b3c-4141-a060-debc05155bef",
+    "objectID": "a60e76fc-d562-444f-9f12-6b95e62b0854",
     "type": "lvl3",
     "url": "/docs/components/tabs#with-icons",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Variants", "lvl3": "With Icons" }
   },
   {
     "content": "Controlled",
-    "objectID": "0c12a765-7007-4fa6-8b07-f8fb22c40733",
+    "objectID": "b9090dbc-e7df-4913-830a-218de5782114",
     "type": "lvl3",
     "url": "/docs/components/tabs#controlled",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "With Icons", "lvl3": "Controlled" }
   },
+  {
+    "content": "Links",
+    "objectID": "3cfbe39f-252c-48b2-8b81-8f714b3731dd",
+    "type": "lvl3",
+    "url": "/docs/components/tabs#links",
+    "hierarchy": { "lvl1": "Tabs", "lvl2": "Controlled", "lvl3": "Links" }
+  },
+  {
+    "content": "Next.js",
+    "objectID": "05551436-9a5f-4f5e-997c-bdda2b72c28b",
+    "type": "lvl4",
+    "url": "/docs/components/tabs#nextjs",
+    "hierarchy": { "lvl1": "Tabs", "lvl2": "Links", "lvl3": null }
+  },
+  {
+    "content": "React Router",
+    "objectID": "10b63983-8d0c-44e2-a9a2-3bfb4bcb90da",
+    "type": "lvl4",
+    "url": "/docs/components/tabs#react-router",
+    "hierarchy": { "lvl1": "Tabs", "lvl2": "Next.js", "lvl3": null }
+  },
   {
     "content": "With Form",
-    "objectID": "37298d05-04d6-42c7-935a-a687553226de",
+    "objectID": "3b622fa1-c6b4-4a40-9149-c9b06e8a76ed",
     "type": "lvl3",
     "url": "/docs/components/tabs#with-form",
-    "hierarchy": { "lvl1": "Tabs", "lvl2": "Controlled", "lvl3": "With Form" }
+    "hierarchy": { "lvl1": "Tabs", "lvl2": "React Router", "lvl3": "With Form" }
   },
   {
     "content": "Slots",
-    "objectID": "e0a33007-6ebf-4562-8584-9790ea5b70d2",
+    "objectID": "3667f8ea-df6a-4156-a61b-a7195d08fc94",
     "type": "lvl2",
     "url": "/docs/components/tabs#slots",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "54405e25-4859-4f41-ab22-c115a3435495",
+    "objectID": "94697247-aedb-4615-8f68-1b0278b674c0",
     "type": "lvl3",
     "url": "/docs/components/tabs#custom-styles",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Slots", "lvl3": "Custom Styles" }
   },
   {
     "content": "Data Attributes",
-    "objectID": "98e570b0-44b6-4a2d-a163-e31ad90e2f09",
+    "objectID": "482a69ee-f10c-463a-a14b-2e5201af9ccb",
     "type": "lvl2",
     "url": "/docs/components/tabs#data-attributes",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "076471e7-ab0a-4910-aead-8561c44719ca",
+    "objectID": "b00ea341-10ee-408a-ad28-89d728f2729f",
     "type": "lvl2",
     "url": "/docs/components/tabs#accessibility",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "cc3f46ef-8683-4536-9699-3e277d815f72",
+    "objectID": "e10f01d1-7f1b-4075-8741-b0d7c98afc4d",
     "type": "lvl2",
     "url": "/docs/components/tabs#api",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Tabs Props",
-    "objectID": "e26f67a8-a2e6-413f-95fe-b511f0e438e4",
+    "objectID": "566862a2-bedf-45ff-abcf-af4baee6401a",
     "type": "lvl3",
     "url": "/docs/components/tabs#tabs-props",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "API", "lvl3": "Tabs Props" }
   },
   {
     "content": "Tabs Events",
-    "objectID": "90b6163e-7235-4b9f-a7f1-0b41eb2ca642",
+    "objectID": "036ca090-fd64-4e55-bb11-7393fea113fc",
     "type": "lvl3",
     "url": "/docs/components/tabs#tabs-events",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Tabs Props", "lvl3": "Tabs Events" }
   },
   {
     "content": "Tab Props",
-    "objectID": "57988951-209c-44f1-866e-4e1964f71bfa",
+    "objectID": "53008400-809d-446d-a3ca-802abf56b21f",
     "type": "lvl3",
     "url": "/docs/components/tabs#tab-props",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Tabs Events", "lvl3": "Tab Props" }
   },
   {
     "content": "Motion Props",
-    "objectID": "b2fbe9ef-a4b5-489a-bedf-eef182c1c3bf",
+    "objectID": "7e0f439f-9f7e-48fc-9271-00579ea70fa4",
     "type": "lvl4",
     "url": "/docs/components/tabs#motion-props",
     "hierarchy": { "lvl1": "Tabs", "lvl2": "Tab Props", "lvl3": null }
   },
   {
     "content": "Textarea",
-    "objectID": "139b5073-4669-47f5-afbc-8b3eff72b780",
+    "objectID": "3288e349-6fba-4e0f-9431-c499a8ebfd07",
     "type": "lvl1",
     "url": "/docs/components/textarea",
     "hierarchy": { "lvl1": "Textarea" }
   },
   {
     "content": "Import",
-    "objectID": "975087bd-6b49-430d-ba63-938a873f00fb",
+    "objectID": "c0d54278-bc96-4697-806a-49d5decb62f5",
     "type": "lvl2",
     "url": "/docs/components/textarea#import",
     "hierarchy": { "lvl1": "Textarea", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "d220c99d-ed03-452c-8d75-de6b69bee2ee",
+    "objectID": "b7099625-46f1-4f77-acbc-4bbe2900b570",
     "type": "lvl2",
     "url": "/docs/components/textarea#usage",
     "hierarchy": { "lvl1": "Textarea", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Disabled",
-    "objectID": "83c74239-d573-43c4-aa59-c757e572b205",
+    "objectID": "8c1740ec-25e7-4c3e-9ddb-a954a296a6c5",
     "type": "lvl3",
     "url": "/docs/components/textarea#disabled",
     "hierarchy": { "lvl1": "Textarea", "lvl2": "Usage", "lvl3": "Disabled" }
   },
   {
-    "content": "Readonly",
-    "objectID": "5fa380d0-b442-491b-ac0f-6000d536bf80",
+    "content": "Read Only",
+    "objectID": "a9e4ec02-94bc-4256-9fa6-083372556a21",
     "type": "lvl3",
-    "url": "/docs/components/textarea#readonly",
-    "hierarchy": { "lvl1": "Textarea", "lvl2": "Disabled", "lvl3": "Readonly" }
+    "url": "/docs/components/textarea#read-only",
+    "hierarchy": { "lvl1": "Textarea", "lvl2": "Disabled", "lvl3": "Read Only" }
   },
   {
     "content": "Required",
-    "objectID": "3ff09857-4a19-4e18-81cf-2b84cbe16a6d",
+    "objectID": "0264f43d-63ee-4ae1-a383-79081902e501",
     "type": "lvl3",
     "url": "/docs/components/textarea#required",
-    "hierarchy": { "lvl1": "Textarea", "lvl2": "Readonly", "lvl3": "Required" }
+    "hierarchy": { "lvl1": "Textarea", "lvl2": "Read Only", "lvl3": "Required" }
   },
   {
     "content": "Autosize",
-    "objectID": "6a2d250f-bb0e-4f3c-8911-1472afc7cd14",
+    "objectID": "7d1e518e-d2e6-4183-b648-0ea84593b050",
     "type": "lvl3",
     "url": "/docs/components/textarea#autosize",
     "hierarchy": { "lvl1": "Textarea", "lvl2": "Required", "lvl3": "Autosize" }
   },
   {
     "content": "Variants",
-    "objectID": "2e36f4b5-e5f0-43c7-9de1-1bbb040d7a89",
+    "objectID": "f620b15e-e39a-448c-b5b8-887b38d5f842",
     "type": "lvl3",
     "url": "/docs/components/textarea#variants",
     "hierarchy": { "lvl1": "Textarea", "lvl2": "Autosize", "lvl3": "Variants" }
   },
   {
     "content": "With Error Message",
-    "objectID": "36c0495b-c97c-4ad3-90c6-5f5cc0cc8f82",
+    "objectID": "9e7cca03-cdcf-4917-ae30-29c26bc68170",
     "type": "lvl3",
     "url": "/docs/components/textarea#with-error-message",
     "hierarchy": {
@@ -5372,7 +6025,7 @@
   },
   {
     "content": "Description",
-    "objectID": "16e988ea-30c0-426c-9058-b96106def872",
+    "objectID": "8f711f19-cec5-4f8c-8bc5-6f0b29a993cd",
     "type": "lvl3",
     "url": "/docs/components/textarea#description",
     "hierarchy": {
@@ -5383,7 +6036,7 @@
   },
   {
     "content": "Controlled",
-    "objectID": "d082f72f-7bed-4f55-a1a5-c5b9bcd27310",
+    "objectID": "57859d04-aedf-4598-888b-0e0437961e6f",
     "type": "lvl3",
     "url": "/docs/components/textarea#controlled",
     "hierarchy": {
@@ -5394,42 +6047,42 @@
   },
   {
     "content": "Slots",
-    "objectID": "773cc5d7-37e0-416d-82ba-2c3839646409",
+    "objectID": "526a7973-1208-4360-9c66-6f222fa63191",
     "type": "lvl2",
     "url": "/docs/components/textarea#slots",
     "hierarchy": { "lvl1": "Textarea", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Data Attributes",
-    "objectID": "6b0d6765-7a04-4dca-beae-cb367eaa2419",
+    "objectID": "90859ff3-db08-40d1-b858-f95029ab6f17",
     "type": "lvl2",
     "url": "/docs/components/textarea#data-attributes",
     "hierarchy": { "lvl1": "Textarea", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "254e435f-1512-4bf6-839e-2fda1121765c",
+    "objectID": "50871a5d-b9b4-49e3-b6e6-5550cb16dab3",
     "type": "lvl2",
     "url": "/docs/components/textarea#accessibility",
     "hierarchy": { "lvl1": "Textarea", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "083ce40f-0207-44c2-85e7-16b705885a62",
+    "objectID": "1a20ff0c-ae85-4302-9687-61cbfc21ac7b",
     "type": "lvl2",
     "url": "/docs/components/textarea#api",
     "hierarchy": { "lvl1": "Textarea", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Textarea Props",
-    "objectID": "e1d1cbf6-757f-4b7f-84f5-f312a99bf091",
+    "objectID": "ed019f47-fea9-4094-b90f-6b8ef4c824e2",
     "type": "lvl3",
     "url": "/docs/components/textarea#textarea-props",
     "hierarchy": { "lvl1": "Textarea", "lvl2": "API", "lvl3": "Textarea Props" }
   },
   {
     "content": "Input Events",
-    "objectID": "a359b6de-478f-4823-87e6-d39c02049a3c",
+    "objectID": "9c162978-7646-4b45-b200-9e630e9fae9b",
     "type": "lvl3",
     "url": "/docs/components/textarea#input-events",
     "hierarchy": {
@@ -5440,63 +6093,63 @@
   },
   {
     "content": "Tooltip",
-    "objectID": "694ab657-0cfc-44e0-bcd1-24f9a5d9643f",
+    "objectID": "bccc44ce-e290-420c-b78c-d24185271b22",
     "type": "lvl1",
     "url": "/docs/components/tooltip",
     "hierarchy": { "lvl1": "Tooltip" }
   },
   {
     "content": "Import",
-    "objectID": "953adc18-a78b-453c-94be-78b4aedc4284",
+    "objectID": "0f9994cf-bcd8-4e5a-aa84-7b63cb84f815",
     "type": "lvl2",
     "url": "/docs/components/tooltip#import",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "8044d415-604d-483a-8963-d203c197e039",
+    "objectID": "f81ada1a-34f2-403f-8208-365ee713be61",
     "type": "lvl2",
     "url": "/docs/components/tooltip#usage",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "With Arrow",
-    "objectID": "ca3135a0-e827-4820-968c-b44230a7d8b1",
+    "objectID": "7e4db166-5012-43b7-ada6-9e244832f726",
     "type": "lvl3",
     "url": "/docs/components/tooltip#with-arrow",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "Usage", "lvl3": "With Arrow" }
   },
   {
     "content": "Colors",
-    "objectID": "317b7574-2095-4a83-b212-7272c9894abc",
+    "objectID": "cd9f761b-2f04-45ce-ba5f-a2fc0f780008",
     "type": "lvl3",
     "url": "/docs/components/tooltip#colors",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "With Arrow", "lvl3": "Colors" }
   },
   {
     "content": "Placements",
-    "objectID": "68cd940a-9d9a-4f5e-ae41-7a5557d85be2",
+    "objectID": "5d04f426-986c-408f-8366-3d01c16210a3",
     "type": "lvl3",
     "url": "/docs/components/tooltip#placements",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "Colors", "lvl3": "Placements" }
   },
   {
     "content": "Offset",
-    "objectID": "d9c919bc-029b-4248-b7f7-95dba5c9d5d9",
+    "objectID": "82c3d4f4-689f-425d-a8d3-b3e3d0bc29f5",
     "type": "lvl3",
     "url": "/docs/components/tooltip#offset",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "Placements", "lvl3": "Offset" }
   },
   {
     "content": "Controlled",
-    "objectID": "faa8231f-910a-4564-8f17-2e68b5a5a45c",
+    "objectID": "f4331a32-c523-4c4e-a0d3-15fbf5a2b506",
     "type": "lvl3",
     "url": "/docs/components/tooltip#controlled",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "Offset", "lvl3": "Controlled" }
   },
   {
     "content": "With Delay",
-    "objectID": "ede611d4-b31a-437e-8c0a-31c1467ca9a8",
+    "objectID": "841f915a-f1d8-4fa7-ab38-6076cc14bfa6",
     "type": "lvl3",
     "url": "/docs/components/tooltip#with-delay",
     "hierarchy": {
@@ -5507,7 +6160,7 @@
   },
   {
     "content": "Custom Content",
-    "objectID": "d1eb90e9-167b-479a-9086-4b1b09ae7a0c",
+    "objectID": "42273108-7561-4a47-ae60-e4a29e28a403",
     "type": "lvl3",
     "url": "/docs/components/tooltip#custom-content",
     "hierarchy": {
@@ -5518,7 +6171,7 @@
   },
   {
     "content": "Custom Motion",
-    "objectID": "84aecc54-59d9-44d2-9b71-278c0451617e",
+    "objectID": "3fb8cfd8-c9ab-4ab4-b4a8-a2e89c5fd8f1",
     "type": "lvl3",
     "url": "/docs/components/tooltip#custom-motion",
     "hierarchy": {
@@ -5529,49 +6182,49 @@
   },
   {
     "content": "Slots",
-    "objectID": "899589cf-7fc7-4200-be90-f61b2572f05b",
+    "objectID": "4565eec7-74d6-4366-a350-a345afaf6d7d",
     "type": "lvl2",
     "url": "/docs/components/tooltip#slots",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Custom Styles",
-    "objectID": "9536c7c1-373c-4a7b-88f7-c12a63837a4c",
+    "objectID": "10db5480-7f52-4013-be77-2335316a60de",
     "type": "lvl3",
     "url": "/docs/components/tooltip#custom-styles",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "Slots", "lvl3": "Custom Styles" }
   },
   {
     "content": "Data Attributes",
-    "objectID": "6fdff807-8633-4f94-91e1-c080e3e32782",
+    "objectID": "8ba98674-119f-4d00-be19-554f8e729e51",
     "type": "lvl2",
     "url": "/docs/components/tooltip#data-attributes",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "Accessibility",
-    "objectID": "9206f704-3a0b-4d54-812c-83b2b822ab1c",
+    "objectID": "1b0a4896-0c42-4b9e-a908-c2bf1582c119",
     "type": "lvl2",
     "url": "/docs/components/tooltip#accessibility",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "Accessibility", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "198ad4a5-e125-4c56-8578-900b601f4212",
+    "objectID": "a90ec4a8-5c8c-49bb-897f-f5b86f0d6bc2",
     "type": "lvl2",
     "url": "/docs/components/tooltip#api",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "Tooltip Props",
-    "objectID": "eaa1e936-2eb5-404c-ab46-7661057c759f",
+    "objectID": "53e960ba-01ad-4056-aaa3-30db1946a617",
     "type": "lvl3",
     "url": "/docs/components/tooltip#tooltip-props",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "API", "lvl3": "Tooltip Props" }
   },
   {
     "content": "Tooltip Events",
-    "objectID": "75de4326-ab59-492e-99c6-130e9c229ae7",
+    "objectID": "5b1aab02-74e1-47f1-802b-9918bd04951e",
     "type": "lvl3",
     "url": "/docs/components/tooltip#tooltip-events",
     "hierarchy": {
@@ -5582,7 +6235,7 @@
   },
   {
     "content": "Tooltip types",
-    "objectID": "209134fe-e02c-4e6c-bd9a-f941b1cca03b",
+    "objectID": "0758efc4-3984-44e5-bbfc-8899afe98855",
     "type": "lvl3",
     "url": "/docs/components/tooltip#tooltip-types",
     "hierarchy": {
@@ -5593,14 +6246,14 @@
   },
   {
     "content": "Tooltip Placement",
-    "objectID": "b29f6fec-3582-49cc-a2ab-65e8acd43eeb",
+    "objectID": "3e654a95-86d8-4044-88eb-3b1efb4d54ee",
     "type": "lvl4",
     "url": "/docs/components/tooltip#tooltip-placement",
     "hierarchy": { "lvl1": "Tooltip", "lvl2": "Tooltip types", "lvl3": null }
   },
   {
     "content": "Motion Props",
-    "objectID": "5da6560e-2a50-4a4e-ae95-c9cc401c391a",
+    "objectID": "23099ae1-67c3-466b-ab27-e7e0f3e48f2c",
     "type": "lvl4",
     "url": "/docs/components/tooltip#motion-props",
     "hierarchy": {
@@ -5611,77 +6264,77 @@
   },
   {
     "content": "User",
-    "objectID": "edae20cd-36d9-49df-93fd-b41a99a6f836",
+    "objectID": "5445a366-f67a-48f9-8d19-3df0b2e4d462",
     "type": "lvl1",
     "url": "/docs/components/user",
     "hierarchy": { "lvl1": "User" }
   },
   {
     "content": "Import",
-    "objectID": "32946011-a4ee-46cd-9ff9-343a5a94e7e0",
+    "objectID": "6077d6b0-de30-4a53-8904-d3f1684b2fa2",
     "type": "lvl2",
     "url": "/docs/components/user#import",
     "hierarchy": { "lvl1": "User", "lvl2": "Import", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "d4cb30db-e499-4008-9e5b-61ddc7944861",
+    "objectID": "35ee4780-0447-4b61-9df8-d750861e6376",
     "type": "lvl2",
     "url": "/docs/components/user#usage",
     "hierarchy": { "lvl1": "User", "lvl2": "Usage", "lvl3": null }
   },
   {
     "content": "Link Description",
-    "objectID": "9d42888a-3c39-4a40-9d40-d33d97689e17",
+    "objectID": "cf2f889d-f41e-4fda-9623-a59de9b78467",
     "type": "lvl3",
     "url": "/docs/components/user#link-description",
     "hierarchy": { "lvl1": "User", "lvl2": "Usage", "lvl3": "Link Description" }
   },
   {
     "content": "Slots",
-    "objectID": "1518fdfc-fc70-458b-9ef4-87f19519d249",
+    "objectID": "ca3b5f2b-4e1b-40c0-bdef-19e0ea6444a7",
     "type": "lvl2",
     "url": "/docs/components/user#slots",
     "hierarchy": { "lvl1": "User", "lvl2": "Slots", "lvl3": null }
   },
   {
     "content": "Data Attributes",
-    "objectID": "4b303057-b99d-414b-a647-5edf0c51dc27",
+    "objectID": "87c12198-6d94-4342-a083-4840d70f6bfe",
     "type": "lvl2",
     "url": "/docs/components/user#data-attributes",
     "hierarchy": { "lvl1": "User", "lvl2": "Data Attributes", "lvl3": null }
   },
   {
     "content": "API",
-    "objectID": "65fe570a-ef4e-4efd-a81c-0f641cd42435",
+    "objectID": "e94640aa-f4b2-4aba-ada4-c17b852a3fb7",
     "type": "lvl2",
     "url": "/docs/components/user#api",
     "hierarchy": { "lvl1": "User", "lvl2": "API", "lvl3": null }
   },
   {
     "content": "User Props",
-    "objectID": "1fd96ec4-0a44-4d6b-b18e-e0d12be3f6cb",
+    "objectID": "c97f5727-582e-454e-ac8a-528212e2cae6",
     "type": "lvl3",
     "url": "/docs/components/user#user-props",
     "hierarchy": { "lvl1": "User", "lvl2": "API", "lvl3": "User Props" }
   },
   {
     "content": "Colors",
-    "objectID": "54e5999c-3ec0-410c-b98d-5478fa62b646",
+    "objectID": "085d32b1-3a0e-4576-93a4-45d132575ed6",
     "type": "lvl1",
     "url": "/docs/customization/colors",
     "hierarchy": { "lvl1": "Colors" }
   },
   {
     "content": "Default Colors",
-    "objectID": "61da51bf-9e92-4531-a243-c36e7e0ea36d",
+    "objectID": "7352825a-28c6-4824-9ad0-6baf59611cf9",
     "type": "lvl2",
     "url": "/docs/customization/colors#default-colors",
     "hierarchy": { "lvl1": "Colors", "lvl2": "Default Colors", "lvl3": null }
   },
   {
     "content": "Common Colors",
-    "objectID": "6a81c168-6f42-476c-9ef1-439147fb3205",
+    "objectID": "38cc208e-faa9-43f6-a052-9ab40e640fe3",
     "type": "lvl3",
     "url": "/docs/customization/colors#common-colors",
     "hierarchy": {
@@ -5692,7 +6345,7 @@
   },
   {
     "content": "Semantic Colors",
-    "objectID": "3b561cdd-684f-406d-a5fb-a665c8235e84",
+    "objectID": "f445b16d-e54f-42e6-a90c-f74df0b1a020",
     "type": "lvl3",
     "url": "/docs/customization/colors#semantic-colors",
     "hierarchy": {
@@ -5703,7 +6356,7 @@
   },
   {
     "content": "Using Semantic Colors",
-    "objectID": "762a3c1c-39c3-4b09-8e0f-bf5ae4544410",
+    "objectID": "793a109a-f2c7-46a0-a370-221bf0aed8d4",
     "type": "lvl3",
     "url": "/docs/customization/colors#using-semantic-colors",
     "hierarchy": {
@@ -5714,7 +6367,7 @@
   },
   {
     "content": "Javascript Variables",
-    "objectID": "dd39b0dd-7d50-46d3-ac6a-f184cec773fe",
+    "objectID": "8d6afb4a-a1b8-4a3e-bdf7-d1d62470cd7b",
     "type": "lvl3",
     "url": "/docs/customization/colors#javascript-variables",
     "hierarchy": {
@@ -5725,7 +6378,7 @@
   },
   {
     "content": "CSS Variables",
-    "objectID": "3806d7fa-f017-41cf-9442-e22314f606d3",
+    "objectID": "50233ad2-d2a3-40d7-8290-ce9a6b5aacbf",
     "type": "lvl3",
     "url": "/docs/customization/colors#css-variables",
     "hierarchy": {
@@ -5736,14 +6389,14 @@
   },
   {
     "content": "Create theme",
-    "objectID": "5cd6d624-8b6f-422a-a04e-01aa763d31b3",
+    "objectID": "35469b8c-b5f5-43c0-8170-010afafcfe4a",
     "type": "lvl1",
     "url": "/docs/customization/create-theme",
     "hierarchy": { "lvl1": "Create theme" }
   },
   {
     "content": "Add the new theme to the plugin",
-    "objectID": "f48753c4-4533-4c24-90f3-38a9aa997561",
+    "objectID": "351643a3-6d41-41f7-a1e3-fba0d7b1b475",
     "type": "lvl3",
     "url": "/docs/customization/create-theme#add-the-new-theme-to-the-plugin",
     "hierarchy": {
@@ -5754,7 +6407,7 @@
   },
   {
     "content": "Apply the new theme",
-    "objectID": "b2ccb7a8-bddd-4c43-9166-3ecb3ddc8bdd",
+    "objectID": "210c3351-1b6d-4012-9c61-2fcc1b041640",
     "type": "lvl3",
     "url": "/docs/customization/create-theme#apply-the-new-theme",
     "hierarchy": {
@@ -5765,7 +6418,7 @@
   },
   {
     "content": "Use the new theme",
-    "objectID": "8a91844c-e123-4fcc-9149-506e928cf2d4",
+    "objectID": "3b5149fb-a113-45b9-8b70-f4cba59d4dd2",
     "type": "lvl3",
     "url": "/docs/customization/create-theme#use-the-new-theme",
     "hierarchy": {
@@ -5776,14 +6429,14 @@
   },
   {
     "content": "Custom Variants",
-    "objectID": "32e9cbb0-01b5-4b5b-acc4-81f8e9fa7930",
+    "objectID": "44a6772b-3193-41da-92a6-908e2ed23d1f",
     "type": "lvl1",
     "url": "/docs/customization/custom-variants",
     "hierarchy": { "lvl1": "Custom Variants" }
   },
   {
     "content": "Creating new variants for non-slots components",
-    "objectID": "35015175-227f-46d9-a151-d35ada05f7e5",
+    "objectID": "0df7da09-4179-42c8-8b1a-017f231b7d20",
     "type": "lvl2",
     "url": "/docs/customization/custom-variants#creating-new-variants-for-non-slots-components",
     "hierarchy": {
@@ -5794,7 +6447,7 @@
   },
   {
     "content": "Extend the original component variants",
-    "objectID": "592f9df2-77cd-4566-b568-f60b452bc3a3",
+    "objectID": "3f5bddd0-ed85-4ba5-9098-525c77899817",
     "type": "lvl3",
     "url": "/docs/customization/custom-variants#extend-the-original-component-variants",
     "hierarchy": {
@@ -5805,7 +6458,7 @@
   },
   {
     "content": "Use your custom component in your application",
-    "objectID": "f353b781-8729-424a-b616-ca2258cc44c1",
+    "objectID": "a25c6616-e2ee-4ecd-8ca5-35ee7376d82c",
     "type": "lvl3",
     "url": "/docs/customization/custom-variants#use-your-custom-component-in-your-application",
     "hierarchy": {
@@ -5816,7 +6469,7 @@
   },
   {
     "content": "Creating new variants for slots components",
-    "objectID": "ed00830f-c56f-4275-9b91-5f633702c560",
+    "objectID": "962c1324-0fc5-4f55-92eb-003f2dcdd564",
     "type": "lvl2",
     "url": "/docs/customization/custom-variants#creating-new-variants-for-slots-components",
     "hierarchy": {
@@ -5827,7 +6480,7 @@
   },
   {
     "content": "Extend the original component variants",
-    "objectID": "2d089ade-d644-4454-9715-e4940ffeb2d6",
+    "objectID": "16fbe09e-df42-4333-9939-93a43d25ab01",
     "type": "lvl3",
     "url": "/docs/customization/custom-variants#extend-the-original-component-variants-1",
     "hierarchy": {
@@ -5838,7 +6491,7 @@
   },
   {
     "content": "Use your custom component in your application",
-    "objectID": "afd5f829-3079-475c-b2c6-c74bc1e20d19",
+    "objectID": "70d76cf7-e945-410a-a8fa-afb02520835f",
     "type": "lvl3",
     "url": "/docs/customization/custom-variants#use-your-custom-component-in-your-application-1",
     "hierarchy": {
@@ -5849,7 +6502,7 @@
   },
   {
     "content": "Types",
-    "objectID": "0e581d34-f314-40c3-a37b-70495f998653",
+    "objectID": "520aeace-4c8b-4ba6-ba3f-5a64c7613ce4",
     "type": "lvl3",
     "url": "/docs/customization/custom-variants#types",
     "hierarchy": {
@@ -5860,7 +6513,7 @@
   },
   {
     "content": "Main Function",
-    "objectID": "5c1f524d-04c9-4525-a01a-e0d9f03505bb",
+    "objectID": "dafc6094-4658-4e8e-a283-2d7f78ca8cbd",
     "type": "lvl3",
     "url": "/docs/customization/custom-variants#main-function",
     "hierarchy": {
@@ -5871,7 +6524,7 @@
   },
   {
     "content": "Options",
-    "objectID": "f4da5f45-6663-40b9-a350-e36c2db49acd",
+    "objectID": "4088544d-cbe1-4fec-a2b9-cf3c3538d951",
     "type": "lvl3",
     "url": "/docs/customization/custom-variants#options",
     "hierarchy": {
@@ -5882,7 +6535,7 @@
   },
   {
     "content": "Config",
-    "objectID": "ab781b97-50aa-4721-b052-f0e148584e8d",
+    "objectID": "6fc1c0bc-d9bf-4c1a-b26f-3dd86673c021",
     "type": "lvl3",
     "url": "/docs/customization/custom-variants#config",
     "hierarchy": {
@@ -5893,14 +6546,14 @@
   },
   {
     "content": "Customize theme",
-    "objectID": "29936f63-d9a0-4d4d-bfbf-5edd92d25866",
+    "objectID": "f1f41a23-4e8f-47a2-b9a8-1d801b4f560b",
     "type": "lvl1",
     "url": "/docs/customization/customize-theme",
     "hierarchy": { "lvl1": "Customize theme" }
   },
   {
     "content": "Customizing Layout",
-    "objectID": "dc5e4ab1-3824-4178-a149-6cfdc17c29f0",
+    "objectID": "44740ee1-699b-4caa-a439-5469051eb544",
     "type": "lvl2",
     "url": "/docs/customization/customize-theme#customizing-layout",
     "hierarchy": {
@@ -5911,7 +6564,7 @@
   },
   {
     "content": "Global Layout Customization",
-    "objectID": "952b10a8-a857-44b8-a20d-e633f0096f1c",
+    "objectID": "5b0951b8-d32d-457d-9659-e62987289dfe",
     "type": "lvl3",
     "url": "/docs/customization/customize-theme#global-layout-customization",
     "hierarchy": {
@@ -5922,7 +6575,7 @@
   },
   {
     "content": "Customizing Colors",
-    "objectID": "c7b546e7-cecf-41ba-b01b-13f9d53ef8de",
+    "objectID": "f8a97c0f-e686-4a57-83c0-17ee00b5caad",
     "type": "lvl3",
     "url": "/docs/customization/customize-theme#customizing-colors",
     "hierarchy": {
@@ -5933,14 +6586,14 @@
   },
   {
     "content": "Dark mode",
-    "objectID": "b43730fc-bfbd-4478-b726-97f732371a67",
+    "objectID": "1a1e252b-71e4-432d-950d-62b7ac5e974f",
     "type": "lvl1",
     "url": "/docs/customization/dark-mode",
     "hierarchy": { "lvl1": "Dark mode" }
   },
   {
     "content": "Using next-themes",
-    "objectID": "acd6a77a-db89-4412-ae6c-b667a5fd0e24",
+    "objectID": "edbd3d7d-4dd9-42eb-9e4c-c2a16808c571",
     "type": "lvl2",
     "url": "/docs/customization/dark-mode#using-next-themes",
     "hierarchy": {
@@ -5951,7 +6604,7 @@
   },
   {
     "content": "Next.js App Directory Setup",
-    "objectID": "fd8ab8df-291c-4d48-bd28-3891ec1fd2bb",
+    "objectID": "e638f369-36bf-47b4-bc30-e8ba19b5a17c",
     "type": "lvl3",
     "url": "/docs/customization/dark-mode#nextjs-app-directory-setup",
     "hierarchy": {
@@ -5962,7 +6615,7 @@
   },
   {
     "content": "Install next-themes",
-    "objectID": "efba2f61-fb01-4af5-bc7e-04cd39ccd8e7",
+    "objectID": "d99761b0-c339-42a4-89a5-2b50d7c4c493",
     "type": "lvl3",
     "url": "/docs/customization/dark-mode#install-next-themes",
     "hierarchy": {
@@ -5973,7 +6626,7 @@
   },
   {
     "content": "Add next-themes provider",
-    "objectID": "9fe4616b-bcc3-4b1b-8f04-759504cae8d5",
+    "objectID": "c85ccbc4-7f6e-4149-b951-bd3411c1e65c",
     "type": "lvl3",
     "url": "/docs/customization/dark-mode#add-next-themes-provider",
     "hierarchy": {
@@ -5984,7 +6637,7 @@
   },
   {
     "content": "Add the theme switcher",
-    "objectID": "f03177c4-1912-4b8e-b84c-c2627bb106f3",
+    "objectID": "2544fc13-3292-4efb-9033-bfdc1ab4fa61",
     "type": "lvl3",
     "url": "/docs/customization/dark-mode#add-the-theme-switcher",
     "hierarchy": {
@@ -5995,7 +6648,7 @@
   },
   {
     "content": "Next.js Pages Directory Setup",
-    "objectID": "4687f8ca-51d4-4cb6-9c1f-5d970c1e9cf4",
+    "objectID": "b48f62fd-060c-4423-9b9b-152c2136ee2c",
     "type": "lvl3",
     "url": "/docs/customization/dark-mode#nextjs-pages-directory-setup",
     "hierarchy": {
@@ -6006,7 +6659,7 @@
   },
   {
     "content": "Install next-themes",
-    "objectID": "41a535ca-ade6-4e1a-9fc3-9200c9b54d90",
+    "objectID": "54e931d8-ff4d-4079-9c31-2f3f04117bc7",
     "type": "lvl3",
     "url": "/docs/customization/dark-mode#install-next-themes-1",
     "hierarchy": {
@@ -6017,7 +6670,7 @@
   },
   {
     "content": "Add next-themes provider",
-    "objectID": "19ddbdd6-1b40-4a5d-b170-132c9777fb6c",
+    "objectID": "d5534ca7-fe1c-4b3b-b28c-480140e98505",
     "type": "lvl3",
     "url": "/docs/customization/dark-mode#add-next-themes-provider-1",
     "hierarchy": {
@@ -6028,7 +6681,7 @@
   },
   {
     "content": "Add the theme switcher",
-    "objectID": "2c35911d-39b5-43de-aa45-3046cb8e61b9",
+    "objectID": "d56ad722-6880-466f-aeae-a81cb057eb78",
     "type": "lvl3",
     "url": "/docs/customization/dark-mode#add-the-theme-switcher-1",
     "hierarchy": {
@@ -6039,7 +6692,7 @@
   },
   {
     "content": "Using use-dark-mode hook",
-    "objectID": "537af24a-033f-40c3-bf3e-42e68d9955be",
+    "objectID": "a827e867-701a-41ec-a599-59c70682e35f",
     "type": "lvl2",
     "url": "/docs/customization/dark-mode#using-use-dark-mode-hook",
     "hierarchy": {
@@ -6050,7 +6703,7 @@
   },
   {
     "content": "Install use-dark-mode",
-    "objectID": "01298d69-885e-4145-ade4-c93a1bf2a790",
+    "objectID": "0d2368f1-f993-450c-a278-ef990c2e6c54",
     "type": "lvl3",
     "url": "/docs/customization/dark-mode#install-use-dark-mode",
     "hierarchy": {
@@ -6061,7 +6714,7 @@
   },
   {
     "content": "Add the current theme to the main element",
-    "objectID": "9f0483cf-a1a0-40a6-9567-965f37d51f70",
+    "objectID": "23874dcf-4282-4ce5-a265-a81d1426b30e",
     "type": "lvl3",
     "url": "/docs/customization/dark-mode#add-the-current-theme-to-the-main-element",
     "hierarchy": {
@@ -6072,7 +6725,7 @@
   },
   {
     "content": "Add the theme switcher",
-    "objectID": "b2e055d1-3d0b-4f47-b325-8c5387d3e063",
+    "objectID": "41b471e8-1392-46fb-b94f-06ee8db83b67",
     "type": "lvl3",
     "url": "/docs/customization/dark-mode#add-the-theme-switcher-2",
     "hierarchy": {
@@ -6083,35 +6736,35 @@
   },
   {
     "content": "Layout",
-    "objectID": "8d73d687-2303-432d-809d-75512e97b63c",
+    "objectID": "4c075f4f-245c-4247-94f9-823386191c23",
     "type": "lvl1",
     "url": "/docs/customization/layout",
     "hierarchy": { "lvl1": "Layout" }
   },
   {
     "content": "Default Layout",
-    "objectID": "60036050-5b61-4988-9ef6-59503040d85f",
+    "objectID": "b3318e6d-66ff-4b38-b035-fa16a97959df",
     "type": "lvl2",
     "url": "/docs/customization/layout#default-layout",
     "hierarchy": { "lvl1": "Layout", "lvl2": "Default Layout", "lvl3": null }
   },
   {
     "content": "Units",
-    "objectID": "2dcb91fa-e24a-43d3-b3a8-dbf1e40832e7",
+    "objectID": "acfe4d60-a762-4971-815b-3ab1a89a226e",
     "type": "lvl2",
     "url": "/docs/customization/layout#units",
     "hierarchy": { "lvl1": "Layout", "lvl2": "Units", "lvl3": null }
   },
   {
     "content": "Using Units",
-    "objectID": "5a632208-588b-450c-a869-b13ae91eeafd",
+    "objectID": "cb55d350-bea8-4b13-9e6e-e181aff22b5d",
     "type": "lvl3",
     "url": "/docs/customization/layout#using-units",
     "hierarchy": { "lvl1": "Layout", "lvl2": "Units", "lvl3": "Using Units" }
   },
   {
     "content": "CSS Variables",
-    "objectID": "98748682-34f8-4190-95ec-ce6c37dbcc61",
+    "objectID": "79c3ecf2-e79a-4ba5-9d8f-35e15fca7fa8",
     "type": "lvl3",
     "url": "/docs/customization/layout#css-variables",
     "hierarchy": {
@@ -6122,35 +6775,35 @@
   },
   {
     "content": "API Reference",
-    "objectID": "3976a63d-f772-40b2-859b-adcecf344f2d",
+    "objectID": "f6e58651-fcef-4fef-b476-446f8274cc20",
     "type": "lvl4",
     "url": "/docs/customization/layout#api-reference",
     "hierarchy": { "lvl1": "Layout", "lvl2": "CSS Variables", "lvl3": null }
   },
   {
     "content": "BaseThemeUnit",
-    "objectID": "2563cb9f-4265-4ed5-910d-f4956b1d39e1",
+    "objectID": "9d5fe7f5-401d-4e0f-ae65-f8b75d5db271",
     "type": "lvl4",
     "url": "/docs/customization/layout#basethemeunit",
     "hierarchy": { "lvl1": "Layout", "lvl2": "API Reference", "lvl3": null }
   },
   {
     "content": "FontThemeUnit",
-    "objectID": "4ea8e19f-0312-4c1f-9a70-cab49266a8a0",
+    "objectID": "74c14203-659d-4293-ba40-cb71ecab6470",
     "type": "lvl4",
     "url": "/docs/customization/layout#fontthemeunit",
     "hierarchy": { "lvl1": "Layout", "lvl2": "BaseThemeUnit", "lvl3": null }
   },
   {
     "content": "Override styles",
-    "objectID": "78fce88c-887e-4dc6-86c9-2aeaa849ab75",
+    "objectID": "d2e613a8-4dbe-4775-b6aa-f2ebd042f953",
     "type": "lvl1",
     "url": "/docs/customization/override-styles",
     "hierarchy": { "lvl1": "Override styles" }
   },
   {
     "content": "What's is a Slot?",
-    "objectID": "a52d4bdc-e88f-4364-8008-6d57bc84e2f0",
+    "objectID": "33fcc151-5e83-4420-ad7a-a6616f66e86c",
     "type": "lvl3",
     "url": "/docs/customization/override-styles#whats-is-a-slot",
     "hierarchy": {
@@ -6161,7 +6814,7 @@
   },
   {
     "content": "Overriding a component",
-    "objectID": "7555c243-ff4c-4945-82e9-3763fde6058f",
+    "objectID": "b0bdd17e-659d-43a7-a047-71a95ccf63fa",
     "type": "lvl3",
     "url": "/docs/customization/override-styles#overriding-a-component",
     "hierarchy": {
@@ -6172,7 +6825,7 @@
   },
   {
     "content": "Components with slots",
-    "objectID": "54a933a7-ba5f-4d3c-9356-ace5dfd3dc40",
+    "objectID": "55c793ca-1dda-4ae4-a37d-df1b217565fe",
     "type": "lvl3",
     "url": "/docs/customization/override-styles#components-with-slots",
     "hierarchy": {
@@ -6183,7 +6836,7 @@
   },
   {
     "content": "CSS Modules",
-    "objectID": "30f4022a-dd69-4958-ad0e-ad0ea1ffabe8",
+    "objectID": "9403cb46-aff5-460b-8951-5459fdde17a9",
     "type": "lvl3",
     "url": "/docs/customization/override-styles#css-modules",
     "hierarchy": {
@@ -6194,7 +6847,7 @@
   },
   {
     "content": "CSS-in-JS",
-    "objectID": "f922912d-24ac-4ec7-a84e-76be421dcafa",
+    "objectID": "e545fd26-98a5-460a-abf6-8531bb01b0f1",
     "type": "lvl3",
     "url": "/docs/customization/override-styles#css-in-js",
     "hierarchy": {
@@ -6205,35 +6858,35 @@
   },
   {
     "content": "Theme",
-    "objectID": "44e2076f-bb51-4e40-a4ba-fc52eb19c30a",
+    "objectID": "e59aae18-9f1d-48bd-b06b-e5dd93f0d43f",
     "type": "lvl1",
     "url": "/docs/customization/theme",
     "hierarchy": { "lvl1": "Theme" }
   },
   {
     "content": "What is a Theme?",
-    "objectID": "de0e7ff8-a216-45c7-b6cb-605e2a5790ab",
+    "objectID": "54e8327b-b46f-4b9f-9ee2-2f0575c70de9",
     "type": "lvl2",
     "url": "/docs/customization/theme#what-is-a-theme",
     "hierarchy": { "lvl1": "Theme", "lvl2": "What is a Theme?", "lvl3": null }
   },
   {
     "content": "Setup",
-    "objectID": "63334a3f-4040-42c3-894a-0eb3c5bba929",
+    "objectID": "efcfe162-f483-4db4-a423-afcd51a1c594",
     "type": "lvl2",
     "url": "/docs/customization/theme#setup",
     "hierarchy": { "lvl1": "Theme", "lvl2": "Setup", "lvl3": null }
   },
   {
     "content": "Usage",
-    "objectID": "87682a10-81d4-48e9-9403-78bd8557c9b5",
+    "objectID": "9d87e117-0b7b-4ea3-81a0-2ac435805044",
     "type": "lvl3",
     "url": "/docs/customization/theme#usage",
     "hierarchy": { "lvl1": "Theme", "lvl2": "Setup", "lvl3": "Usage" }
   },
   {
     "content": "Default Plugin Options",
-    "objectID": "8e517118-b82f-4341-90d0-d7a3709733ef",
+    "objectID": "10c46678-ddbf-4ecc-91dc-437ac0fd02bb",
     "type": "lvl3",
     "url": "/docs/customization/theme#default-plugin-options",
     "hierarchy": {
@@ -6244,7 +6897,7 @@
   },
   {
     "content": "Themes Options",
-    "objectID": "f6660fe0-3199-4a34-89f5-f8f8fc913aa6",
+    "objectID": "502d77dd-b49a-48a3-98be-9a01ff3937dc",
     "type": "lvl3",
     "url": "/docs/customization/theme#themes-options",
     "hierarchy": {
@@ -6255,7 +6908,7 @@
   },
   {
     "content": "Nested themes",
-    "objectID": "f89776a0-828a-4c73-9824-9a138a9d8474",
+    "objectID": "a6587dd1-b9c8-42cf-8aa7-113dd36ed17f",
     "type": "lvl3",
     "url": "/docs/customization/theme#nested-themes",
     "hierarchy": {
@@ -6266,7 +6919,7 @@
   },
   {
     "content": "Theme based variants",
-    "objectID": "3d9d3345-5981-4782-991d-1e352f27df4c",
+    "objectID": "a1db50eb-671a-40f0-acb7-30e615dd21b9",
     "type": "lvl3",
     "url": "/docs/customization/theme#theme-based-variants",
     "hierarchy": {
@@ -6277,7 +6930,7 @@
   },
   {
     "content": "API Reference",
-    "objectID": "00936aa2-9508-4631-bc45-b3d8b16bf9b3",
+    "objectID": "500da472-6358-4c31-b6e5-67900bb69f9e",
     "type": "lvl3",
     "url": "/docs/customization/theme#api-reference",
     "hierarchy": {
@@ -6288,49 +6941,49 @@
   },
   {
     "content": "Types",
-    "objectID": "a7e1938f-edb2-4891-957d-a32d09255928",
+    "objectID": "18e309b3-7182-4d02-8d29-07ceb79a2fb6",
     "type": "lvl3",
     "url": "/docs/customization/theme#types",
     "hierarchy": { "lvl1": "Theme", "lvl2": "API Reference", "lvl3": "Types" }
   },
   {
     "content": "ConfigThemes",
-    "objectID": "2e2e4884-46cb-4c2f-9e2f-26c56d00ee7a",
+    "objectID": "a964750e-4e32-43fb-a19d-7f80d59f671d",
     "type": "lvl4",
     "url": "/docs/customization/theme#configthemes",
     "hierarchy": { "lvl1": "Theme", "lvl2": "Types", "lvl3": null }
   },
   {
     "content": "LayoutTheme",
-    "objectID": "6e9f12a6-7f38-46af-bf2f-3cca3ed38e41",
+    "objectID": "11543afc-eca4-407d-954f-a0eebd9f1007",
     "type": "lvl4",
     "url": "/docs/customization/theme#layouttheme",
     "hierarchy": { "lvl1": "Theme", "lvl2": "ConfigThemes", "lvl3": null }
   },
   {
     "content": "ThemeColors",
-    "objectID": "b9663175-d484-4d9a-90a2-642b2f9b8ce4",
+    "objectID": "fd5a94dc-bdcc-49d1-8c44-161c9482fdf7",
     "type": "lvl4",
     "url": "/docs/customization/theme#themecolors",
     "hierarchy": { "lvl1": "Theme", "lvl2": "LayoutTheme", "lvl3": null }
   },
   {
     "content": "Astro",
-    "objectID": "e0263a22-9e3d-471c-b615-9ab90817a23b",
+    "objectID": "6605824b-66d5-4b83-8f9b-d3df96e83fa8",
     "type": "lvl1",
     "url": "/docs/frameworks/astro",
     "hierarchy": { "lvl1": "Astro" }
   },
   {
     "content": "Installation",
-    "objectID": "bd895592-326c-4b5a-a75a-a88161b92f3c",
+    "objectID": "938e7dbc-c479-47b8-8fa2-6cc8d6a0e44d",
     "type": "lvl3",
     "url": "/docs/frameworks/astro#installation",
     "hierarchy": { "lvl1": "Astro", "lvl2": "Astro", "lvl3": "Installation" }
   },
   {
     "content": "Tailwind CSS Setup",
-    "objectID": "78c358ef-b0aa-421b-927b-dba749803219",
+    "objectID": "d043c98b-2a53-49a2-8592-88a3b4f0ae70",
     "type": "lvl3",
     "url": "/docs/frameworks/astro#tailwind-css-setup",
     "hierarchy": {
@@ -6341,7 +6994,7 @@
   },
   {
     "content": "Usage",
-    "objectID": "b87f2ceb-7b44-44d6-a0e6-822b36253641",
+    "objectID": "dc142049-67a5-491a-8632-17867b2f1fa1",
     "type": "lvl3",
     "url": "/docs/frameworks/astro#usage",
     "hierarchy": {
@@ -6352,7 +7005,7 @@
   },
   {
     "content": "Setup pnpm (optional)",
-    "objectID": "e3244d78-77bf-41a3-b66b-ecee9f6cbbb7",
+    "objectID": "d6742648-f2a4-4fd1-a3db-6244d75c4091",
     "type": "lvl3",
     "url": "/docs/frameworks/astro#setup-pnpm-optional",
     "hierarchy": {
@@ -6363,14 +7016,14 @@
   },
   {
     "content": "Next.js",
-    "objectID": "ad2fd4a7-868e-481d-a8b3-9c61bec136b5",
+    "objectID": "82764892-0493-4780-a78d-6ed16702fc07",
     "type": "lvl1",
     "url": "/docs/frameworks/nextjs",
     "hierarchy": { "lvl1": "Next.js" }
   },
   {
     "content": "App directory Setup",
-    "objectID": "a5595fc9-45b8-4721-a197-5b063f942020",
+    "objectID": "27e3ab8a-8eb7-4cba-b2fa-ef7454f50fdf",
     "type": "lvl2",
     "url": "/docs/frameworks/nextjs#app-directory-setup",
     "hierarchy": {
@@ -6381,7 +7034,7 @@
   },
   {
     "content": "create-next-app",
-    "objectID": "e8ecd261-a999-4ae4-9293-5d4e84c533e7",
+    "objectID": "af52ef04-1b93-4076-9595-501d7061d971",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#create-next-app",
     "hierarchy": {
@@ -6392,7 +7045,7 @@
   },
   {
     "content": "Manual Installation",
-    "objectID": "34d915cc-39c5-448b-9b68-3a45661fd0c5",
+    "objectID": "4a9dde2a-afad-4cd1-b26e-0493706e7f0c",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#manual-installation",
     "hierarchy": {
@@ -6403,7 +7056,7 @@
   },
   {
     "content": "Add dependencies",
-    "objectID": "627bd72a-6b85-46ce-9b71-01153c49e026",
+    "objectID": "a75f7fc8-35e1-4555-93c0-acde868a4c35",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#add-dependencies",
     "hierarchy": {
@@ -6414,7 +7067,7 @@
   },
   {
     "content": "Tailwind CSS Setup",
-    "objectID": "3a405d77-0a60-4864-83ab-d513d35012c3",
+    "objectID": "dcbf792c-0ae3-44b4-a12e-3116b4ddaa83",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#tailwind-css-setup",
     "hierarchy": {
@@ -6425,7 +7078,7 @@
   },
   {
     "content": "Setup Provider",
-    "objectID": "c147e56e-49a8-4514-9356-6317a267b63b",
+    "objectID": "71d3a5e9-2be7-4850-8cc0-0a7cccd771a9",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#setup-provider",
     "hierarchy": {
@@ -6436,7 +7089,7 @@
   },
   {
     "content": "Add Provider to Root",
-    "objectID": "adfef09f-eec5-4f85-afe9-38019c41e12e",
+    "objectID": "10951c47-d3bb-4e98-a270-b63dbaaca61c",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#add-provider-to-root",
     "hierarchy": {
@@ -6447,7 +7100,7 @@
   },
   {
     "content": "Use NextUI Components",
-    "objectID": "e0949577-9796-47c0-8efb-9289758a8999",
+    "objectID": "900338fd-e36e-4656-8e3d-def4424e5811",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#use-nextui-components",
     "hierarchy": {
@@ -6458,7 +7111,7 @@
   },
   {
     "content": "Setup pnpm (optional)",
-    "objectID": "f8248ee8-fbdd-4037-92eb-4e5484dea55d",
+    "objectID": "12af2b0a-0b74-4804-85bc-86d7af5487b3",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#setup-pnpm-optional",
     "hierarchy": {
@@ -6469,7 +7122,7 @@
   },
   {
     "content": "Pages Directory Setup",
-    "objectID": "a9a872c8-82c7-45e8-a22c-b6486478a1da",
+    "objectID": "fa274cdb-54e0-4a9f-bd49-983d142570fb",
     "type": "lvl2",
     "url": "/docs/frameworks/nextjs#pages-directory-setup",
     "hierarchy": {
@@ -6480,7 +7133,7 @@
   },
   {
     "content": "create-next-app",
-    "objectID": "1b6394f1-a490-4bf0-9b8c-6e343bb8bb08",
+    "objectID": "5e1f863b-3934-4e98-8893-bf3e68b833a4",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#create-next-app-1",
     "hierarchy": {
@@ -6491,7 +7144,7 @@
   },
   {
     "content": "Manual Installation",
-    "objectID": "17b8cf4d-0de9-44b9-ae9b-646f53394324",
+    "objectID": "f96ff5ed-4794-4a7e-8e32-f1caa6690571",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#manual-installation-1",
     "hierarchy": {
@@ -6502,7 +7155,7 @@
   },
   {
     "content": "Add dependencies",
-    "objectID": "6c12c71f-0960-4fa4-8cfa-8385e2d6a1d2",
+    "objectID": "1ce97dda-2fd2-4c25-a28b-39085db6b80b",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#add-dependencies-1",
     "hierarchy": {
@@ -6513,7 +7166,7 @@
   },
   {
     "content": "Tailwind CSS Setup",
-    "objectID": "da922c47-88b8-439b-8f1b-7d5ed908662f",
+    "objectID": "ecb44845-8811-4be7-90fe-c551615bee35",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#tailwind-css-setup-1",
     "hierarchy": {
@@ -6524,7 +7177,7 @@
   },
   {
     "content": "Setup Provider",
-    "objectID": "2db8db72-0da2-4e06-a01f-28f5376703c6",
+    "objectID": "61cef40a-596b-4883-bd15-2880dedf11e2",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#setup-provider-1",
     "hierarchy": {
@@ -6535,7 +7188,7 @@
   },
   {
     "content": "Use NextUI Components",
-    "objectID": "dc9cdbf3-32fd-4126-846e-84153a3fb3eb",
+    "objectID": "5fe90d5b-d85d-45ac-884e-55e4b83536f0",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#use-nextui-components-1",
     "hierarchy": {
@@ -6546,7 +7199,7 @@
   },
   {
     "content": "Setup pnpm (optional)",
-    "objectID": "a35d0b3a-97f9-44ac-b333-3493a4c25545",
+    "objectID": "a7c2939f-b30d-455a-8f86-f32e02eb9ad0",
     "type": "lvl3",
     "url": "/docs/frameworks/nextjs#setup-pnpm-optional-1",
     "hierarchy": {
@@ -6557,21 +7210,21 @@
   },
   {
     "content": "Remix",
-    "objectID": "c193a138-9363-4b66-9a8f-d6cfa0804adc",
+    "objectID": "bb3ef7e0-c35c-49cc-8ddc-bce4f82c256f",
     "type": "lvl1",
     "url": "/docs/frameworks/remix",
     "hierarchy": { "lvl1": "Remix" }
   },
   {
     "content": "Installation",
-    "objectID": "8cd4233b-6d93-4bfb-a88f-7a3add063131",
+    "objectID": "91d4a586-bfa2-4ed7-b149-cba985440ad3",
     "type": "lvl3",
     "url": "/docs/frameworks/remix#installation",
     "hierarchy": { "lvl1": "Remix", "lvl2": "Remix", "lvl3": "Installation" }
   },
   {
     "content": "Tailwind CSS Setup",
-    "objectID": "ca6b7734-e984-46c4-bb82-11f685a3a789",
+    "objectID": "2dd2d72e-c1b8-4cf6-84e9-8d9102d6854e",
     "type": "lvl3",
     "url": "/docs/frameworks/remix#tailwind-css-setup",
     "hierarchy": {
@@ -6582,7 +7235,7 @@
   },
   {
     "content": "Provider Setup",
-    "objectID": "4d7914ba-f3d0-4460-84d6-bf4f271987df",
+    "objectID": "e462b1ef-eb99-459c-90c4-0e3f208817fd",
     "type": "lvl3",
     "url": "/docs/frameworks/remix#provider-setup",
     "hierarchy": {
@@ -6593,7 +7246,7 @@
   },
   {
     "content": "Setup pnpm (optional)",
-    "objectID": "4d61583c-eb0b-4608-b826-fadbe8fcfd11",
+    "objectID": "b8b3fcf5-d66c-4dce-b688-4ea617536df8",
     "type": "lvl3",
     "url": "/docs/frameworks/remix#setup-pnpm-optional",
     "hierarchy": {
@@ -6604,21 +7257,21 @@
   },
   {
     "content": "Vite",
-    "objectID": "5162e479-1d0d-4444-b336-522ebcaadceb",
+    "objectID": "35d2e283-658a-4557-80fc-00afa346875f",
     "type": "lvl1",
     "url": "/docs/frameworks/vite",
     "hierarchy": { "lvl1": "Vite" }
   },
   {
     "content": "Installation",
-    "objectID": "d349f665-a5ac-4da6-bc4d-42b01bffc604",
+    "objectID": "0327074c-99d6-4a4f-bde6-e95d490fe287",
     "type": "lvl3",
     "url": "/docs/frameworks/vite#installation",
     "hierarchy": { "lvl1": "Vite", "lvl2": "Vite", "lvl3": "Installation" }
   },
   {
     "content": "Tailwind CSS Setup",
-    "objectID": "8f6838f0-a260-42a3-9076-fb477f244912",
+    "objectID": "b161143d-8edb-41b7-8f91-2dc6559af7fc",
     "type": "lvl3",
     "url": "/docs/frameworks/vite#tailwind-css-setup",
     "hierarchy": {
@@ -6629,7 +7282,7 @@
   },
   {
     "content": "Provider Setup",
-    "objectID": "6b0c446d-a99a-43f7-b1ae-fad3e3b4b164",
+    "objectID": "ec551fd7-db34-4cfb-b0c4-2c836dbeef16",
     "type": "lvl3",
     "url": "/docs/frameworks/vite#provider-setup",
     "hierarchy": {
@@ -6640,7 +7293,7 @@
   },
   {
     "content": "Setup pnpm (optional)",
-    "objectID": "e97f1959-f130-4abd-8130-82f2447e26da",
+    "objectID": "de3a61ba-9db4-4f0e-8621-48123a3dfa72",
     "type": "lvl3",
     "url": "/docs/frameworks/vite#setup-pnpm-optional",
     "hierarchy": {
@@ -6651,14 +7304,14 @@
   },
   {
     "content": "Design Principles",
-    "objectID": "26800598-46e1-45fe-b1b3-0625e751ae50",
+    "objectID": "ccc93df9-407f-45f3-a2e7-a24530cb9ad4",
     "type": "lvl1",
     "url": "/docs/guide/design-principles",
     "hierarchy": { "lvl1": "Design Principles" }
   },
   {
     "content": "Simplicity and Usability",
-    "objectID": "0468e0fc-3594-4de8-930a-c84a75359108",
+    "objectID": "9d243f50-fc61-4412-ba71-205d9c24d1ee",
     "type": "lvl3",
     "url": "/docs/guide/design-principles#simplicity-and-usability",
     "hierarchy": {
@@ -6669,7 +7322,7 @@
   },
   {
     "content": "Modular Design",
-    "objectID": "86b07bd7-51f2-4700-a63b-d883ed99c52b",
+    "objectID": "b4439167-20e3-44fa-9161-205e31909531",
     "type": "lvl3",
     "url": "/docs/guide/design-principles#modular-design",
     "hierarchy": {
@@ -6680,7 +7333,7 @@
   },
   {
     "content": "Customization and Flexibility",
-    "objectID": "adc6e026-3cf2-49d2-a8b9-4be8a295a07f",
+    "objectID": "b9ff071c-b4e2-4cdc-83fc-bffddd26b350",
     "type": "lvl3",
     "url": "/docs/guide/design-principles#customization-and-flexibility",
     "hierarchy": {
@@ -6691,7 +7344,7 @@
   },
   {
     "content": "Consistent API",
-    "objectID": "1d69e2bf-a5e7-403d-a457-8472b081d3f8",
+    "objectID": "5d6b6ba0-e5a1-4948-a5ab-c8936758c8bc",
     "type": "lvl3",
     "url": "/docs/guide/design-principles#consistent-api",
     "hierarchy": {
@@ -6702,7 +7355,7 @@
   },
   {
     "content": "Accessibility",
-    "objectID": "e8e6cc0d-7a6b-4f79-9612-9e8422c0dae0",
+    "objectID": "c120517b-8b7b-49c3-9e39-5363770207ef",
     "type": "lvl3",
     "url": "/docs/guide/design-principles#accessibility",
     "hierarchy": {
@@ -6713,7 +7366,7 @@
   },
   {
     "content": "Component Slots",
-    "objectID": "b6f7a011-a992-4f0d-af4c-701e9d423bb7",
+    "objectID": "a8df4cb5-7ab2-4613-9851-323fe44f4e3b",
     "type": "lvl3",
     "url": "/docs/guide/design-principles#component-slots",
     "hierarchy": {
@@ -6724,14 +7377,14 @@
   },
   {
     "content": "Installation",
-    "objectID": "cae95dc3-8657-4363-b758-b01c88d5508e",
+    "objectID": "0dbe8d28-febe-43af-9f04-9789412ca497",
     "type": "lvl1",
     "url": "/docs/guide/installation",
     "hierarchy": { "lvl1": "Installation" }
   },
   {
     "content": "Global Installation",
-    "objectID": "6a42e410-192a-4bea-91f0-d84f51b803a8",
+    "objectID": "0d73d196-86f7-4ae6-81d6-f51efe319acc",
     "type": "lvl2",
     "url": "/docs/guide/installation#global-installation",
     "hierarchy": {
@@ -6742,7 +7395,7 @@
   },
   {
     "content": "Install Packages",
-    "objectID": "10f43351-e649-4a9c-843f-27cf85227bf8",
+    "objectID": "e225bc15-3695-4057-9f30-125b443ccf3d",
     "type": "lvl3",
     "url": "/docs/guide/installation#install-packages",
     "hierarchy": {
@@ -6753,7 +7406,7 @@
   },
   {
     "content": "Tailwind CSS Setup",
-    "objectID": "8139a9aa-ac77-4aab-871d-1485a2afa103",
+    "objectID": "3bfad85f-9df7-4fa1-913c-ee5a66683d79",
     "type": "lvl3",
     "url": "/docs/guide/installation#tailwind-css-setup",
     "hierarchy": {
@@ -6764,7 +7417,7 @@
   },
   {
     "content": "Provider Setup",
-    "objectID": "8d3d552a-aec2-41f7-98c2-1a7edda554cc",
+    "objectID": "8dddfa5c-305f-48c2-8aaa-53651546d653",
     "type": "lvl3",
     "url": "/docs/guide/installation#provider-setup",
     "hierarchy": {
@@ -6775,7 +7428,7 @@
   },
   {
     "content": "Setup pnpm (optional)",
-    "objectID": "d5ae90c2-7979-4bef-a8ef-df13fde8b921",
+    "objectID": "8e2feeda-b1da-4e10-b21d-e8611512c781",
     "type": "lvl3",
     "url": "/docs/guide/installation#setup-pnpm-optional",
     "hierarchy": {
@@ -6786,7 +7439,7 @@
   },
   {
     "content": "Individual Installation",
-    "objectID": "98a9db76-7446-460b-bd79-1cb20acf4b3e",
+    "objectID": "6a4a04c0-2256-4cd7-ad35-663ffa58eaf2",
     "type": "lvl2",
     "url": "/docs/guide/installation#individual-installation",
     "hierarchy": {
@@ -6797,7 +7450,7 @@
   },
   {
     "content": "Install Core Packages",
-    "objectID": "2b6d3ba4-74a1-4e64-a23a-0c4124624336",
+    "objectID": "63011637-ad86-429f-b99c-ffb3938bce35",
     "type": "lvl3",
     "url": "/docs/guide/installation#install-core-packages",
     "hierarchy": {
@@ -6808,7 +7461,7 @@
   },
   {
     "content": "Install Component",
-    "objectID": "3691f23c-8763-4116-bf47-f1c329c6e82b",
+    "objectID": "348e8298-5094-4dd3-b4f4-2edc42a4dd1e",
     "type": "lvl3",
     "url": "/docs/guide/installation#install-component",
     "hierarchy": {
@@ -6819,7 +7472,7 @@
   },
   {
     "content": "Tailwind CSS Setup",
-    "objectID": "d57f355a-dd27-424a-aad4-53cf0a81e90e",
+    "objectID": "c536bc4b-dc91-4521-9ce9-5c597cf0cad6",
     "type": "lvl3",
     "url": "/docs/guide/installation#tailwind-css-setup-1",
     "hierarchy": {
@@ -6830,7 +7483,7 @@
   },
   {
     "content": "Provider Setup",
-    "objectID": "62f31c5c-c9aa-47b1-9f6f-fe4eabfec624",
+    "objectID": "fd9ee4aa-37bb-4589-84e8-36042cc3276e",
     "type": "lvl3",
     "url": "/docs/guide/installation#provider-setup-1",
     "hierarchy": {
@@ -6841,7 +7494,7 @@
   },
   {
     "content": "Use the Component",
-    "objectID": "32967958-5a23-41bd-85f1-5531cf228a75",
+    "objectID": "915538a9-5eca-440c-b40a-e41b0025d181",
     "type": "lvl3",
     "url": "/docs/guide/installation#use-the-component",
     "hierarchy": {
@@ -6852,7 +7505,7 @@
   },
   {
     "content": "Setup pnpm (optional)",
-    "objectID": "f8678e09-2d93-434e-afed-ed82baf89a05",
+    "objectID": "3c6ca40b-e3c4-4902-82b2-2077cc155591",
     "type": "lvl3",
     "url": "/docs/guide/installation#setup-pnpm-optional-1",
     "hierarchy": {
@@ -6863,7 +7516,7 @@
   },
   {
     "content": "Framework Guides",
-    "objectID": "8aa6cf5e-eb2f-4e41-a22c-aeaf2170cdd5",
+    "objectID": "24a3a976-89f7-4bef-8a65-99a2e28dda4c",
     "type": "lvl2",
     "url": "/docs/guide/installation#framework-guides",
     "hierarchy": {
@@ -6874,14 +7527,14 @@
   },
   {
     "content": "Introduction",
-    "objectID": "9f183348-cf85-4bc3-935c-a581cfadf6d7",
+    "objectID": "20089a46-8c2b-4a0c-b786-7bb0782baa96",
     "type": "lvl1",
     "url": "/docs/guide/introduction",
     "hierarchy": { "lvl1": "Introduction" }
   },
   {
     "content": "What is NextUI?",
-    "objectID": "1bbc8f64-d2bd-4952-821c-89915640fb01",
+    "objectID": "fcde5dd5-d81f-4244-a609-5da9e1640061",
     "type": "lvl2",
     "url": "/docs/guide/introduction#what-is-nextui",
     "hierarchy": {
@@ -6892,14 +7545,14 @@
   },
   {
     "content": "FAQ",
-    "objectID": "a8e4e723-fcf5-4b3b-9b4e-4ff0473b1856",
+    "objectID": "5932866a-791b-43f6-9bb4-d700f284e92a",
     "type": "lvl2",
     "url": "/docs/guide/introduction#faq",
     "hierarchy": { "lvl1": "Introduction", "lvl2": "FAQ", "lvl3": null }
   },
   {
     "content": "Is NextUI a Vercel related project?",
-    "objectID": "dc54a36d-60b8-49c0-a36f-cef46f288258",
+    "objectID": "693cfb29-ca90-49b7-968e-9cd3a06edc80",
     "type": "lvl3",
     "url": "/docs/guide/introduction#is-nextui-a-vercel-related-project",
     "hierarchy": {
@@ -6910,7 +7563,7 @@
   },
   {
     "content": "How is NextUI different from TailwindCSS?",
-    "objectID": "9f31b950-4c3a-416b-b6a1-30b8cdd53d9c",
+    "objectID": "6c59d333-19ae-408e-bc73-beda0756f652",
     "type": "lvl3",
     "url": "/docs/guide/introduction#how-is-nextui-different-from-tailwindcss",
     "hierarchy": {
@@ -6921,7 +7574,7 @@
   },
   {
     "content": "How is NextUI different from TailwindCSS components libraries?",
-    "objectID": "6ea844e3-8cb7-4ad9-a506-10e2156ec8f4",
+    "objectID": "07ac5f4f-89d2-4972-add1-91a5527fe7ee",
     "type": "lvl3",
     "url": "/docs/guide/introduction#how-is-nextui-different-from-tailwindcss-components-libraries",
     "hierarchy": {
@@ -6932,7 +7585,7 @@
   },
   {
     "content": "How NextUI deals with TailwindCSS classes conflicts?",
-    "objectID": "af802ffa-e5d1-4de5-adc9-5ea7f387effc",
+    "objectID": "db2058cd-cbda-4d92-97a9-3bbd10108c02",
     "type": "lvl3",
     "url": "/docs/guide/introduction#how-nextui-deals-with-tailwindcss-classes-conflicts",
     "hierarchy": {
@@ -6943,7 +7596,7 @@
   },
   {
     "content": "Does NextUI use runtime CSS?",
-    "objectID": "085cda04-86aa-40ba-9dc9-3e57c2da0ed5",
+    "objectID": "f32ece83-a2ec-4da8-8423-0882d2af192f",
     "type": "lvl3",
     "url": "/docs/guide/introduction#does-nextui-use-runtime-css",
     "hierarchy": {
@@ -6954,7 +7607,7 @@
   },
   {
     "content": "Does NextUI support TypeScript?",
-    "objectID": "04f27fe5-7591-43d4-9af1-ac7fcfd533b5",
+    "objectID": "ab00f33d-b6d0-4676-9b0a-ce3de6409834",
     "type": "lvl3",
     "url": "/docs/guide/introduction#does-nextui-support-typescript",
     "hierarchy": {
@@ -6965,7 +7618,7 @@
   },
   {
     "content": "Can I use NextUI with other front-end frameworks or libraries, such as Vue or Angular?",
-    "objectID": "c3d38831-38bb-4e1a-a253-5885e37b67a4",
+    "objectID": "6d144945-d4d9-4413-9b97-f1ff64aaf0c6",
     "type": "lvl3",
     "url": "/docs/guide/introduction#can-i-use-nextui-with-other-front-end-frameworks-or-libraries-such-as-vue-or-angular",
     "hierarchy": {
@@ -6976,7 +7629,7 @@
   },
   {
     "content": "Why NextUI uses Framer Motion?",
-    "objectID": "476fc5dd-c51f-4306-9032-4cba4cd355f0",
+    "objectID": "102400f7-7272-463e-a437-91925b27b331",
     "type": "lvl3",
     "url": "/docs/guide/introduction#why-nextui-uses-framer-motion",
     "hierarchy": {
@@ -6987,14 +7640,14 @@
   },
   {
     "content": "Community",
-    "objectID": "99c947ef-49b1-4371-87e2-02daaaad8d9b",
+    "objectID": "072c1d90-8d9c-4395-8cd5-6c4d76914289",
     "type": "lvl2",
     "url": "/docs/guide/introduction#community",
     "hierarchy": { "lvl1": "Introduction", "lvl2": "Community", "lvl3": null }
   },
   {
     "content": "Contributing",
-    "objectID": "2ac50352-2dd5-495e-8afe-41c8b7896d11",
+    "objectID": "83656666-fc15-42c0-8b04-157935cb5377",
     "type": "lvl2",
     "url": "/docs/guide/introduction#contributing",
     "hierarchy": {
@@ -7003,16 +7656,117 @@
       "lvl3": null
     }
   },
+  {
+    "content": "Routing",
+    "objectID": "d234d1e2-d753-48c4-9a21-e07b32a16ec7",
+    "type": "lvl1",
+    "url": "/docs/guide/routing",
+    "hierarchy": { "lvl1": "Routing" }
+  },
+  {
+    "content": "Introduction",
+    "objectID": "1d313640-77b6-481b-8209-0fec360d5e5d",
+    "type": "lvl2",
+    "url": "/docs/guide/routing#introduction",
+    "hierarchy": { "lvl1": "Routing", "lvl2": "Introduction", "lvl3": null }
+  },
+  {
+    "content": "NextUIProvider Setup",
+    "objectID": "159fd741-9e9c-4e40-8e7a-abab746612ff",
+    "type": "lvl3",
+    "url": "/docs/guide/routing#nextuiprovider-setup",
+    "hierarchy": {
+      "lvl1": "Routing",
+      "lvl2": "Introduction",
+      "lvl3": "NextUIProvider Setup"
+    }
+  },
+  {
+    "content": "Next.js",
+    "objectID": "ff60303a-f63c-41fe-bd23-f168442c5e22",
+    "type": "lvl3",
+    "url": "/docs/guide/routing#nextjs",
+    "hierarchy": {
+      "lvl1": "Routing",
+      "lvl2": "NextUIProvider Setup",
+      "lvl3": "Next.js"
+    }
+  },
+  {
+    "content": "App Router",
+    "objectID": "b8cdf799-2d9a-44f4-9486-150d2dd945d9",
+    "type": "lvl4",
+    "url": "/docs/guide/routing#app-router",
+    "hierarchy": { "lvl1": "Routing", "lvl2": "Next.js", "lvl3": null }
+  },
+  {
+    "content": "Add the `useRouter`",
+    "objectID": "00a1f8fa-3da3-497b-832e-d119d6eb6b57",
+    "type": "lvl4",
+    "url": "/docs/guide/routing#add-the-userouter",
+    "hierarchy": { "lvl1": "Routing", "lvl2": "App Router", "lvl3": null }
+  },
+  {
+    "content": "Add Provider to Root",
+    "objectID": "8b72dcf5-5e4c-4203-9046-e7ec4223530f",
+    "type": "lvl4",
+    "url": "/docs/guide/routing#add-provider-to-root",
+    "hierarchy": {
+      "lvl1": "Routing",
+      "lvl2": "Add the `useRouter`",
+      "lvl3": null
+    }
+  },
+  {
+    "content": "Pages Router",
+    "objectID": "b4895263-4c4b-41f6-83ff-b517e0c3da6e",
+    "type": "lvl4",
+    "url": "/docs/guide/routing#pages-router",
+    "hierarchy": {
+      "lvl1": "Routing",
+      "lvl2": "Add Provider to Root",
+      "lvl3": null
+    }
+  },
+  {
+    "content": "React Router",
+    "objectID": "cb8c3053-8368-41d9-b405-33b0e4885825",
+    "type": "lvl3",
+    "url": "/docs/guide/routing#react-router",
+    "hierarchy": {
+      "lvl1": "Routing",
+      "lvl2": "Pages Router",
+      "lvl3": "React Router"
+    }
+  },
+  {
+    "content": "Remix",
+    "objectID": "28d1768b-9772-4c92-8b8b-9c831dbf48f3",
+    "type": "lvl3",
+    "url": "/docs/guide/routing#remix",
+    "hierarchy": { "lvl1": "Routing", "lvl2": "React Router", "lvl3": "Remix" }
+  },
+  {
+    "content": "Usage examples",
+    "objectID": "f4f94973-6634-48a8-8acf-d737a735a86b",
+    "type": "lvl3",
+    "url": "/docs/guide/routing#usage-examples",
+    "hierarchy": {
+      "lvl1": "Routing",
+      "lvl2": "Remix",
+      "lvl3": "Usage examples"
+    }
+  },
   {
     "content": "Upgrade to v2",
-    "objectID": "cb5c100c-a74a-447f-8c9f-271ae984e577",
+    "objectID": "8adc0016-e326-4d8c-9bc3-2bc8dc84fc81",
     "type": "lvl1",
     "url": "/docs/guide/upgrade-to-v2",
     "hierarchy": { "lvl1": "Upgrade to v2" }
   },
   {
     "content": "Next.js upgrade steps",
-    "objectID": "61f13922-c2cb-446d-bbc3-26254133cb55",
+    "objectID": "f09b4d04-9151-460f-8036-bcbb7062b593",
     "type": "lvl2",
     "url": "/docs/guide/upgrade-to-v2#nextjs-upgrade-steps",
     "hierarchy": {
@@ -7023,7 +7777,7 @@
   },
   {
     "content": "App directory Setup",
-    "objectID": "2bbfb463-0f7e-4c10-924a-5023a27226f5",
+    "objectID": "a02786dd-7a85-4b63-9b5b-e8c77b766436",
     "type": "lvl2",
     "url": "/docs/guide/upgrade-to-v2#app-directory-setup",
     "hierarchy": {
@@ -7034,7 +7788,7 @@
   },
   {
     "content": "Installation",
-    "objectID": "6c50bd98-781b-4b9e-8bbb-5d27f39ae4ad",
+    "objectID": "f4ef9676-1276-454c-80ca-0113d992f6ed",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#installation",
     "hierarchy": {
@@ -7045,7 +7799,7 @@
   },
   {
     "content": "Tailwind CSS Setup",
-    "objectID": "96a32674-07a6-486f-8899-177ae526f339",
+    "objectID": "5aad6501-acd8-4fa4-969d-f5c89a7295fc",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#tailwind-css-setup",
     "hierarchy": {
@@ -7056,7 +7810,7 @@
   },
   {
     "content": "Setup Provider",
-    "objectID": "e7911170-223d-4476-8e80-a6b63e43c85d",
+    "objectID": "e2a885c5-6f73-47bb-9e39-d7fdbff5b990",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#setup-provider",
     "hierarchy": {
@@ -7067,7 +7821,7 @@
   },
   {
     "content": "Add Provider to Root",
-    "objectID": "e93f2b6a-2f7b-4809-90e6-cd8855107dae",
+    "objectID": "b2e78f45-f295-437b-886b-ad77dc1c2213",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#add-provider-to-root",
     "hierarchy": {
@@ -7078,7 +7832,7 @@
   },
   {
     "content": "Use NextUI Components",
-    "objectID": "228710bd-3687-4a9f-b17b-92a558caa392",
+    "objectID": "3c5ea9a6-3181-4933-b105-b5b777e1cd67",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#use-nextui-components",
     "hierarchy": {
@@ -7089,7 +7843,7 @@
   },
   {
     "content": "Setup pnpm (optional)",
-    "objectID": "cb4bcb27-8662-4a76-ba28-a97ab9cda4cf",
+    "objectID": "5399f79f-f57e-4a2e-b8ae-f96c6e91e9f8",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#setup-pnpm-optional",
     "hierarchy": {
@@ -7100,7 +7854,7 @@
   },
   {
     "content": "Pages Directory Setup",
-    "objectID": "4f49afdc-5640-4637-ab76-4fdb30183cff",
+    "objectID": "5ed13ea1-3167-47a8-ac44-4454a616484c",
     "type": "lvl2",
     "url": "/docs/guide/upgrade-to-v2#pages-directory-setup",
     "hierarchy": {
@@ -7111,7 +7865,7 @@
   },
   {
     "content": "Installation",
-    "objectID": "23f1cb2a-6a25-4f4d-9607-e1a1066f1ed0",
+    "objectID": "f5c3cf33-87c2-4d12-b1c1-7bfaa51ab0b8",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#installation-1",
     "hierarchy": {
@@ -7122,7 +7876,7 @@
   },
   {
     "content": "Tailwind CSS Setup",
-    "objectID": "ebbb2176-cf74-4c44-9a07-484de32bcda9",
+    "objectID": "7dad5bab-1607-4020-a331-2e2c102a2028",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#tailwind-css-setup-1",
     "hierarchy": {
@@ -7133,7 +7887,7 @@
   },
   {
     "content": "Setup Provider",
-    "objectID": "c6bca180-889e-403a-a2fc-8c3f721fb545",
+    "objectID": "0dab49f3-3bdb-4a6f-8a46-50497e071963",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#setup-provider-1",
     "hierarchy": {
@@ -7144,7 +7898,7 @@
   },
   {
     "content": "Use NextUI Components",
-    "objectID": "30c498c0-0e1c-4d00-babb-0e18677fb2bd",
+    "objectID": "f4b1527c-961e-43d3-9f62-28204417be95",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#use-nextui-components-1",
     "hierarchy": {
@@ -7155,7 +7909,7 @@
   },
   {
     "content": "Setup pnpm (optional)",
-    "objectID": "9c853ddb-a96f-441b-9c1f-13e19d2b9037",
+    "objectID": "0480e75e-7a1e-4ae8-b587-e6caecb9dcdd",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#setup-pnpm-optional-1",
     "hierarchy": {
@@ -7166,7 +7920,7 @@
   },
   {
     "content": "React upgrade steps",
-    "objectID": "e3dbe369-04f0-4cd4-a3bc-70cd0ca45cd4",
+    "objectID": "753e32b4-d77f-4857-bab2-850aa48d9bba",
     "type": "lvl2",
     "url": "/docs/guide/upgrade-to-v2#react-upgrade-steps",
     "hierarchy": {
@@ -7177,7 +7931,7 @@
   },
   {
     "content": "Upgrade React version",
-    "objectID": "432da48d-f13c-4ec7-98be-8faffa512ae6",
+    "objectID": "4b58224a-3705-4b1e-8870-1a1ca021fbc8",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#upgrade-react-version",
     "hierarchy": {
@@ -7188,7 +7942,7 @@
   },
   {
     "content": "Install Framer motion",
-    "objectID": "801aaac6-b32e-4995-946a-b048db2fdd9c",
+    "objectID": "5df40ee3-3ee4-443a-8916-cd0b2063e97f",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#install-framer-motion",
     "hierarchy": {
@@ -7199,7 +7953,7 @@
   },
   {
     "content": "TailwindCSS Setup",
-    "objectID": "8bcc9b03-1b8c-4f0f-bc5a-e7d193679b12",
+    "objectID": "40ea96df-fafa-4131-bd19-493f027c101f",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#tailwindcss-setup",
     "hierarchy": {
@@ -7210,7 +7964,7 @@
   },
   {
     "content": "Provider Setup",
-    "objectID": "dd844ac5-e239-49f5-8091-05f691560b1f",
+    "objectID": "5e7ad8b3-f288-4e4e-9d6e-66516920b39c",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#provider-setup",
     "hierarchy": {
@@ -7221,7 +7975,7 @@
   },
   {
     "content": "Use NextUI Components",
-    "objectID": "4a596596-943b-4834-989c-d67312b09a74",
+    "objectID": "de39d414-344b-4e19-a5f9-e18f0f878ffc",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#use-nextui-components-2",
     "hierarchy": {
@@ -7232,7 +7986,7 @@
   },
   {
     "content": "Setup pnpm (optional)",
-    "objectID": "f1aceb10-f037-4e06-8edf-aa533e686b33",
+    "objectID": "4e7d2382-bb3b-45c6-8707-ffd095e0debb",
     "type": "lvl3",
     "url": "/docs/guide/upgrade-to-v2#setup-pnpm-optional-2",
     "hierarchy": {
diff --git a/apps/docs/content/blog/v2.2.0.mdx b/apps/docs/content/blog/v2.2.0.mdx
new file mode 100644
index 000000000..6777a0034
--- /dev/null
+++ b/apps/docs/content/blog/v2.2.0.mdx
@@ -0,0 +1,167 @@
+---
+title: "Introducing v2.2.0 🚀"
+description: "NextUI v2.2.0 is here with Client side router support, 3 new components including the Autocomplete, and more."
+date: "2023-11-03"
+image: "/blog/v2.2.0.jpg"
+tags: ["nextui", "autocomplete", "breadcrumbs", "client side router", "slider"]
+author:
+  name: "Junior Garcia"
+  username: "@jrgarciadev"
+  link: "https://twitter.com/jrgarciadev"
+  avatar: "/avatars/junior-garcia.jpeg"
+---
+
+import {selectContent} from "@/content/components/select";
+import {listboxContent} from "@/content/components/listbox";
+import {scrollShadowContent} from "@/content/components/scroll-shadow";
+
+
+<img
+  src="/blog/v2.1.0.jpg"
+  width={700}
+  height={350}
+  alt="NextUI v2"
+  className="w-full border border-transparent dark:border-default-200/50 object-fit rounded-xl shadow-lg"
+/>
+
+We are thrilled to announce the latest update to NextUI, version **2.1.0**! This release introduces some game-changing
+additions that many of you have eagerly been waiting for.
+
+First on the list is the highly-anticipated **Select** component. Fully customizable and beautifully designed, supports both single and
+multi-select modes and is accessible out of the box.
+
+But that's not all. We're also rolling out two more incredible components **Listbox** and **ScrollShadow**. The new
+**Listbox** allows you to make list manipulations more efficient and visually appealing. Meanwhile, the
+**ScrollShadow** component adds an elegant shadow effect to scrollable areas, enhancing the UI aesthetics while
+also improving usability.
+
+## Select
+
+Creating a select component that is both accessible and customizable is a challenging task. We've spent a lot of time
+researching and testing different approaches to come up with a solution that works for everyone. The result is a
+component that is easy to use, fully accessible, and highly customizable.
+
+The new **Select** component includes:
+
+- Support for selecting a single option.
+- Support for selecting multiple options.
+- Support for disabled options.
+- Support for sections.
+- Labeling support for accessibility.
+- Exposed to assistive technology as a button with a listbox popup using ARIA (combined with [Listbox](/docs/components/listbox)).
+- Support for description and error message help text linked to the input via ARIA.
+- Support for mouse, touch, and keyboard interactions.
+- Tab stop focus management.
+- Asynchronous options loading.
+- Keyboard support for opening the listbox using the arrow keys, including automatically focusing the first or last item accordingly.
+- Typeahead to allow selecting options by typing text, even without opening the listbox.
+- Browser autofill integration via a hidden native `<select>` element.
+- Support for mobile form navigation via software keyboard.
+- Mobile screen reader listbox dismissal support.
+- And much more...
+
+### Single Select
+
+The single select component is used to select a single option from a list of options. It is a combination of a button
+and a listbox. The button displays the currently selected option and the listbox displays the available options.
+
+<CodeDemo title="Usage" files={selectContent.usage} />
+
+### Multiple Select
+
+The multiple select component can be used to select multiple options from a list of options.
+
+You only need to pass the `selectionMode="multiple"` prop to the `Select` component.
+
+<CodeDemo title="Multiple Selection" files={selectContent.multiple} />
+
+### Multiple Variants
+
+The select component comes with multiple variants.
+
+<CodeDemo title="Variants" files={selectContent.variants} />
+
+
+### Chips Support
+
+The select component is flexible and allows you to render any component as an option and as a selected option.
+
+<CodeDemo title="Multiple Selection with Chips" files={selectContent.multipleWithChips} />
+
+
+### Customizable
+
+The select component is highly customizable, you can customize the selected option, the options, the listbox,
+the popover and the scrollable area.
+
+<CodeDemo title="Custom Styles" files={selectContent.customStyles} />
+
+
+Go to the [Select](/docs/components/select) component page to learn more about sizes, colors, and more.
+
+
+## Listbox
+
+The listbox component allows you to make list manipulations more efficient and visually appealing.
+
+The new **Listbox** component includes:
+
+- Support for single, multiple, or no selection.
+- Exposed to assistive technology as a `listbox` using ARIA.
+- Support for disabled items.
+- Support for sections.
+- Labeling support for accessibility.
+- Support for mouse, touch, and keyboard interactions.
+- Tab stop focus management.
+- Keyboard navigation support including arrow keys, home/end, page up/down, select all, and clear.
+- Automatic scrolling support during keyboard navigation.
+- Typeahead to allow focusing options by typing text.
+
+
+### Usage
+
+<CodeDemo title="Usage" files={listboxContent.usage} />
+
+### Custom Styles
+
+The Listbox components offers multiple customization options. 
+
+<CodeDemo title="Custom Styles" files={listboxContent.customStyles} />
+
+> **Note**: In the above example, we've utilized the [Boxicons](https://boxicons.com/) icons collection.
+
+Go to the [Listbox](/docs/components/listbox) component page to learn more about it.
+
+
+## ScrollShadow
+
+The ScrollShadow component gives a nice shadow effect to scrollable areas. These shadows are handled by using
+the CSS `mask-image` property, which makes the shadows adapt to the background color.
+
+### Usage
+
+<CodeDemo title="Usage" files={scrollShadowContent.usage} />
+
+You can hide the scrollbars, customize the shadows size, change the orientation, and more.
+
+Go to the [ScrollShadow](/docs/components/scroll-shadow) component page to learn more about it.
+
+
+<Spacer y={6}/>
+
+We hope you enjoy these new components and the new features. We're excited to see what you build with them!
+
+Thanks for reading and happy coding! 🚀
+
+---
+
+## Community
+
+We're excited to see the community adopt NextUI, raise issues, and provide feedback.
+Whether it's a feature request, bug report, or a project to showcase, please get involved!
+
+<Community />
+
+## Contributing
+
+PR's on NextUI are always welcome, please see our [contribution guidelines](https://github.com/nextui-org/nextui/blob/main/CONTRIBUTING.MD) to learn how you can contribute to this project.
diff --git a/apps/docs/content/components/autocomplete/async-filtering.ts b/apps/docs/content/components/autocomplete/async-filtering.ts
new file mode 100644
index 000000000..308bc843b
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/async-filtering.ts
@@ -0,0 +1,89 @@
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {useAsyncList} from "@react-stately/data";
+
+export default function App() {
+  let list = useAsyncList({
+    async load({signal, filterText}) {
+      let res = await fetch(\`https://swapi.py4e.com/api/people/?search=\${filterText}\`, {signal});
+      let json = await res.json();
+
+      return {
+        items: json.results,
+      };
+    },
+  });
+
+  return (
+    <Autocomplete
+      className="max-w-xs"
+      inputValue={list.filterText}
+      isLoading={list.isLoading}
+      items={list.items}
+      label="Select a character"
+      placeholder="Type to search..."
+      variant="bordered"
+      onInputChange={list.setFilterText}
+    >
+      {(item) => (
+        <AutocompleteItem key={item.name} className="capitalize">
+          {item.name}
+        </AutocompleteItem>
+      )}
+    </Autocomplete>
+  );
+}`;
+
+const AppTs = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {useAsyncList} from "@react-stately/data";
+
+type SWCharacter = {
+  name: string;
+  height: string;
+  mass: string;
+  birth_year: string;
+};
+
+export default function App() {
+  let list = useAsyncList<SWCharacter>({
+    async load({signal, filterText}) {
+      let res = await fetch(\`https://swapi.py4e.com/api/people/?search=\${filterText}\`, {signal});
+      let json = await res.json();
+
+      return {
+        items: json.results,
+      };
+    },
+  });
+
+  return (
+    <Autocomplete
+      className="max-w-xs"
+      inputValue={list.filterText}
+      isLoading={list.isLoading}
+      items={list.items}
+      label="Select a character"
+      placeholder="Type to search..."
+      variant="bordered"
+      onInputChange={list.setFilterText}
+    >
+      {(item) => (
+        <AutocompleteItem key={item.name} className="capitalize">
+          {item.name}
+        </AutocompleteItem>
+      )}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+const reactTs = {
+  "/App.tsx": AppTs,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/autocomplete/async-loading-items.ts b/apps/docs/content/components/autocomplete/async-loading-items.ts
new file mode 100644
index 000000000..495c845eb
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/async-loading-items.ts
@@ -0,0 +1,188 @@
+const usePokemonListTs = `export type Pokemon = {
+  name: string;
+  url: string;
+};
+
+export type UsePokemonListProps = {
+  /** Delay to wait before fetching more items */
+  fetchDelay?: number;
+};
+
+export function usePokemonList({fetchDelay = 0}: UsePokemonListProps = {}) {
+  const [items, setItems] = React.useState<Pokemon[]>([]);
+  const [hasMore, setHasMore] = React.useState(true);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [offset, setOffset] = React.useState(0);
+  const limit = 10; // Number of items per page, adjust as necessary
+
+  const loadPokemon = async (currentOffset: number) => {
+    const controller = new AbortController();
+    const {signal} = controller;
+
+    try {
+      setIsLoading(true);
+
+      if (offset > 0) {
+        // Delay to simulate network latency
+        await new Promise((resolve) => setTimeout(resolve, fetchDelay));
+      }
+
+      let res = await fetch(
+        \`https://pokeapi.co/api/v2/pokemon?offset=\${currentOffset}&limit=\${limit}\`,
+        {signal},
+      );
+
+      if (!res.ok) {
+        throw new Error("Network response was not ok");
+      }
+
+      let json = await res.json();
+
+      setHasMore(json.next !== null);
+      // Append new results to existing ones
+      setItems((prevItems) => [...prevItems, ...json.results]);
+    } catch (error) {
+      if (error.name === "AbortError") {
+        console.log("Fetch aborted");
+      } else {
+        console.error("There was an error with the fetch operation:", error);
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  React.useEffect(() => {
+    loadPokemon(offset);
+  }, []);
+
+  const onLoadMore = () => {
+    const newOffset = offset + limit;
+
+    setOffset(newOffset);
+    loadPokemon(newOffset);
+  };
+
+  return {
+    items,
+    hasMore,
+    isLoading,
+    onLoadMore,
+  };
+}
+
+`;
+
+const usePokemonList = `export function usePokemonList({fetchDelay = 0} = {}) {
+  const [items, setItems] = React.useState([]);
+  const [hasMore, setHasMore] = React.useState(true);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [offset, setOffset] = React.useState(0);
+  const limit = 10; // Number of items per page, adjust as necessary
+
+  const loadPokemon = async (currentOffset) => {
+    const controller = new AbortController();
+    const {signal} = controller;
+
+    try {
+      setIsLoading(true);
+
+      if (offset > 0) {
+        // Delay to simulate network latency
+        await new Promise((resolve) => setTimeout(resolve, fetchDelay));
+      }
+
+      let res = await fetch(
+        \`https://pokeapi.co/api/v2/pokemon?offset=\${currentOffset}&limit=\${limit}\`,
+        {signal},
+      );
+
+      if (!res.ok) {
+        throw new Error("Network response was not ok");
+      }
+
+      let json = await res.json();
+
+      setHasMore(json.next !== null);
+      // Append new results to existing ones
+      setItems((prevItems) => [...prevItems, ...json.results]);
+    } catch (error) {
+      if (error.name === "AbortError") {
+        console.log("Fetch aborted");
+      } else {
+        console.error("There was an error with the fetch operation:", error);
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  React.useEffect(() => {
+    loadPokemon(offset);
+  }, []);
+
+  const onLoadMore = () => {
+    const newOffset = offset + limit;
+
+    setOffset(newOffset);
+    loadPokemon(newOffset);
+  };
+
+  return {
+    items,
+    hasMore,
+    isLoading,
+    onLoadMore,
+  };
+};`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {useInfiniteScroll} from "@nextui-org/use-infinite-scroll";
+import {usePokemonList} from "./usePokemonList";
+
+export default function App() {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const {items, hasMore, isLoading, onLoadMore} = usePokemonList({fetchDelay: 1500});
+
+  const [, scrollerRef] = useInfiniteScroll({
+    hasMore,
+    isEnabled: isOpen,
+    shouldUseLoader: false, // We don't want to show the loader at the bottom of the list
+    onLoadMore,
+  });
+
+  return (
+    <Autocomplete
+      className="max-w-xs"
+      variant="bordered"
+      isLoading={isLoading}
+      defaultItems={items}
+      label="Pick a Pokemon"
+      placeholder="Select a Pokemon"
+      scrollRef={scrollerRef}
+      selectionMode="single"
+      onOpenChange={setIsOpen}
+    >
+      {(item) => (
+        <AutocompleteItem key={item.name} className="capitalize">
+          {item.name}
+        </AutocompleteItem>
+      )}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/usePokemonList.js": usePokemonList,
+};
+
+const reactTs = {
+  "/App.tsx": App,
+  "/usePokemonList.ts": usePokemonListTs,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/autocomplete/colors.ts b/apps/docs/content/components/autocomplete/colors.ts
new file mode 100644
index 000000000..1ac3ba007
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/colors.ts
@@ -0,0 +1,68 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  const colors = [
+    "default",
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+  ];
+
+  return (
+    <div className="w-full flex flex-row flex-wrap gap-4">
+      {colors.map((color) => (
+        <Autocomplete
+          key={color}
+          color={color}
+          defaultItems={animals}
+          label="Favorite Animal"
+          placeholder="Search an animal"
+          defaultSelectedKey={"cat"}
+          className="max-w-xs"
+        >
+          {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+        </Autocomplete>
+      ))}  
+    </div>  
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/controlled.ts b/apps/docs/content/components/autocomplete/controlled.ts
new file mode 100644
index 000000000..ac21319ac
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/controlled.ts
@@ -0,0 +1,89 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const AppTs = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  const [value, setValue] = React.useState<React.Key>("cat");
+
+  return (
+    <div className="flex w-full max-w-xs flex-col gap-2">
+      <Autocomplete
+        label="Favorite Animal"
+        variant="bordered"
+        placeholder="Search an animal"
+        className="max-w-xs"
+        selectedKey={value}
+        onSelectionChange={setValue}
+      >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+      </Autocomplete>
+      <p className="text-default-500 text-small">Selected: {value}</p>
+    </div>
+  );
+}`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  const [value, setValue] = React.useState("cat");
+
+  return (
+    <div className="flex w-full max-w-xs flex-col gap-2">
+      <Autocomplete
+        label="Favorite Animal"
+        variant="bordered"
+        defaultItems={animals}
+        placeholder="Search an animal"
+        className="max-w-xs"
+        selectedKey={value}
+        onSelectionChange={setValue}
+      >
+        {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+      </Autocomplete>
+      <p className="text-default-500 text-small">Selected: {value}</p>
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+const reactTs = {
+  "/App.tsx": AppTs,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/autocomplete/custom-filtering.ts b/apps/docs/content/components/autocomplete/custom-filtering.ts
new file mode 100644
index 000000000..5ebcd8336
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/custom-filtering.ts
@@ -0,0 +1,102 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  const myFilter = (textValue, inputValue) => {
+    if (inputValue.length === 0) {
+      return true;
+    }
+
+    // Normalize both strings so we can slice safely
+    // take into account the ignorePunctuation option as well...
+    textValue = textValue.normalize("NFC").toLocaleLowerCase();
+    inputValue = inputValue.normalize("NFC").toLocaleLowerCase();
+
+    return textValue.slice(0, inputValue.length) === inputValue;
+  };
+
+  return (
+    <Autocomplete
+      allowsCustomValue
+      className="max-w-xs"
+      defaultFilter={myFilter}
+      defaultItems={animals}
+      label="Search an animal"
+      variant="bordered"
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const AppTs = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  const myFilter = (textValue: string, inputValue: string) => {
+    if (inputValue.length === 0) {
+      return true;
+    }
+
+    // Normalize both strings so we can slice safely
+    // take into account the ignorePunctuation option as well...
+    textValue = textValue.normalize("NFC").toLocaleLowerCase();
+    inputValue = inputValue.normalize("NFC").toLocaleLowerCase();
+
+    return textValue.slice(0, inputValue.length) === inputValue;
+  };
+
+  return (
+    <Autocomplete
+      className="max-w-xs"
+      defaultFilter={myFilter}
+      defaultItems={animals}
+      label="Search an animal"
+      variant="bordered"
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+const reactTs = {
+  "/App.tsx": AppTs,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/autocomplete/custom-items.ts b/apps/docs/content/components/autocomplete/custom-items.ts
new file mode 100644
index 000000000..218d35d9f
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/custom-items.ts
@@ -0,0 +1,239 @@
+const data = `export const users = [
+  {
+    id: 1,
+    name: "Tony Reichert",
+    role: "CEO",
+    team: "Management",
+    status: "active",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/1.png",
+    email: "tony.reichert@example.com",
+  },
+  {
+    id: 2,
+    name: "Zoey Lang",
+    role: "Tech Lead",
+    team: "Development",
+    status: "paused",
+    age: "25",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/1.png",
+    email: "zoey.lang@example.com",
+  },
+  {
+    id: 3,
+    name: "Jane Fisher",
+    role: "Sr. Dev",
+    team: "Development",
+    status: "active",
+    age: "22",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/2.png",
+    email: "jane.fisher@example.com",
+  },
+  {
+    id: 4,
+    name: "William Howard",
+    role: "C.M.",
+    team: "Marketing",
+    status: "vacation",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/2.png",
+    email: "william.howard@example.com",
+  },
+  {
+    id: 5,
+    name: "Kristen Copper",
+    role: "S. Manager",
+    team: "Sales",
+    status: "active",
+    age: "24",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/3.png",
+    email: "kristen.cooper@example.com",
+  },
+  {
+    id: 6,
+    name: "Brian Kim",
+    role: "P. Manager",
+    team: "Management",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/3.png",
+    email: "brian.kim@example.com",
+    status: "Active",
+  },
+  {
+    id: 7,
+    name: "Michael Hunt",
+    role: "Designer",
+    team: "Design",
+    status: "paused",
+    age: "27",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/4.png",
+    email: "michael.hunt@example.com",
+  },
+  {
+    id: 8,
+    name: "Samantha Brooks",
+    role: "HR Manager",
+    team: "HR",
+    status: "active",
+    age: "31",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/4.png",
+    email: "samantha.brooks@example.com",
+  },
+  {
+    id: 9,
+    name: "Frank Harrison",
+    role: "F. Manager",
+    team: "Finance",
+    status: "vacation",
+    age: "33",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/5.png",
+    email: "frank.harrison@example.com",
+  },
+  {
+    id: 10,
+    name: "Emma Adams",
+    role: "Ops Manager",
+    team: "Operations",
+    status: "active",
+    age: "35",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/5.png",
+    email: "emma.adams@example.com",
+  },
+  {
+    id: 11,
+    name: "Brandon Stevens",
+    role: "Jr. Dev",
+    team: "Development",
+    status: "active",
+    age: "22",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/7.png",
+    email: "brandon.stevens@example.com",
+  },
+  {
+    id: 12,
+    name: "Megan Richards",
+    role: "P. Manager",
+    team: "Product",
+    status: "paused",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/7.png",
+    email: "megan.richards@example.com",
+  },
+  {
+    id: 13,
+    name: "Oliver Scott",
+    role: "S. Manager",
+    team: "Security",
+    status: "active",
+    age: "37",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/8.png",
+    email: "oliver.scott@example.com",
+  },
+  {
+    id: 14,
+    name: "Grace Allen",
+    role: "M. Specialist",
+    team: "Marketing",
+    status: "active",
+    age: "30",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/8.png",
+    email: "grace.allen@example.com",
+  },
+  {
+    id: 15,
+    name: "Noah Carter",
+    role: "IT Specialist",
+    team: "I. Technology",
+    status: "paused",
+    age: "31",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/9.png",
+    email: "noah.carter@example.com",
+  },
+  {
+    id: 16,
+    name: "Ava Perez",
+    role: "Manager",
+    team: "Sales",
+    status: "active",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/9.png",
+    email: "ava.perez@example.com",
+  },
+  {
+    id: 17,
+    name: "Liam Johnson",
+    role: "Data Analyst",
+    team: "Analysis",
+    status: "active",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/11.png",
+    email: "liam.johnson@example.com",
+  },
+  {
+    id: 18,
+    name: "Sophia Taylor",
+    role: "QA Analyst",
+    team: "Testing",
+    status: "active",
+    age: "27",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/11.png",
+    email: "sophia.taylor@example.com",
+  },
+  {
+    id: 19,
+    name: "Lucas Harris",
+    role: "Administrator",
+    team: "Information Technology",
+    status: "paused",
+    age: "32",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/12.png",
+    email: "lucas.harris@example.com",
+  },
+  {
+    id: 20,
+    name: "Mia Robinson",
+    role: "Coordinator",
+    team: "Operations",
+    status: "active",
+    age: "26",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/12.png",
+    email: "mia.robinson@example.com",
+  },
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem, Avatar} from "@nextui-org/react";
+import {users} from "./data";
+
+export default function App() {
+  return (
+    <Autocomplete
+      defaultItems={users}
+      variant="bordered"
+      label="Assigned to"
+      placeholder="Select a user"
+      labelPlacement="inside"
+      className="max-w-xs"
+    >
+      {(user) => (
+        <AutocompleteItem key={user.id} textValue={user.name}>
+          <div className="flex gap-2 items-center">
+            <Avatar alt={user.name} className="flex-shrink-0" size="sm" src={user.avatar} />
+            <div className="flex flex-col">
+              <span className="text-small">{user.name}</span>
+              <span className="text-tiny text-default-400">{user.email}</span>
+            </div>
+          </div>
+        </AutocompleteItem>
+      )}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/custom-sections-style.ts b/apps/docs/content/components/autocomplete/custom-sections-style.ts
new file mode 100644
index 000000000..13770de8a
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/custom-sections-style.ts
@@ -0,0 +1,56 @@
+const App = `import {Autocomplete, AutocompleteItem, AutocompleteSection} from "@nextui-org/react";
+
+export default function App() {
+  const headingClasses = "flex w-full sticky top-1 z-20 py-1.5 px-2 bg-default-100 shadow-small rounded-small";
+
+  return (
+    <Autocomplete
+      label="Favorite Animal"
+      variant="bordered"
+      placeholder="Search an animal"
+      className="max-w-xs"
+      scrollShadowProps={{
+        isEnabled: false,
+      }}
+    >
+      <AutocompleteSection 
+        title="Mammals"
+        classNames={{
+          heading: headingClasses,
+        }}
+      >
+        <AutocompleteItem key="Lion">Lion</AutocompleteItem>
+        <AutocompleteItem key="Tiger">Tiger</AutocompleteItem>
+        <AutocompleteItem key="Elephant">Elephant</AutocompleteItem>
+        <AutocompleteItem key="Kangaroo">Kangaroo</AutocompleteItem>
+        <AutocompleteItem key="Panda">Panda</AutocompleteItem>
+        <AutocompleteItem key="Giraffe">Giraffe</AutocompleteItem>
+        <AutocompleteItem key="Zebra">Zebra</AutocompleteItem>
+        <AutocompleteItem key="Cheetah">Cheetah</AutocompleteItem>
+      </AutocompleteSection>
+      <AutocompleteSection 
+        title="Birds"
+        classNames={{
+          heading: headingClasses,
+        }}
+      >
+        <AutocompleteItem key="Eagle">Eagle</AutocompleteItem>
+        <AutocompleteItem key="Parrot">Parrot</AutocompleteItem>
+        <AutocompleteItem key="Penguin">Penguin</AutocompleteItem>
+        <AutocompleteItem key="Ostrich">Ostrich</AutocompleteItem>
+        <AutocompleteItem key="Peacock">Peacock</AutocompleteItem>
+        <AutocompleteItem key="Swan">Swan</AutocompleteItem>
+        <AutocompleteItem key="Falcon">Falcon</AutocompleteItem>
+        <AutocompleteItem key="Flamingo">Flamingo</AutocompleteItem>
+      </AutocompleteSection>
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/custom-selector-icon.ts b/apps/docs/content/components/autocomplete/custom-selector-icon.ts
new file mode 100644
index 000000000..2fc1f523b
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/custom-selector-icon.ts
@@ -0,0 +1,78 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const SelectorIcon = `export const SelectorIcon = (props) => (
+    <svg
+      aria-hidden="true"
+      fill="none"
+      focusable="false"
+      height="1em"
+      role="presentation"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+      viewBox="0 0 24 24"
+      width="1em"
+      {...props}
+    >
+      <path d="M0 0h24v24H0z" fill="none" stroke="none" />
+      <path d="M8 9l4 -4l4 4" />
+      <path d="M16 15l-4 4l-4 -4" />
+    </svg>
+);`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {SelectorIcon} from "./SelectorIcon";
+import {animals} from "./data";
+
+export default function App() {
+  return (
+    <Autocomplete
+      label="Favorite Animal"
+      placeholder="Search an animal"
+      defaultItems={animals}
+      labelPlacement="outside"
+      className="max-w-xs"
+      disableSelectorIconRotation
+      selectorIcon={<SelectorIcon />}
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+  "/SelectorIcon.jsx": SelectorIcon,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/custom-styles.ts b/apps/docs/content/components/autocomplete/custom-styles.ts
new file mode 100644
index 000000000..549be04f9
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/custom-styles.ts
@@ -0,0 +1,319 @@
+const data = `export const users = [
+  {
+    id: 1,
+    name: "Tony Reichert",
+    role: "CEO",
+    team: "Management",
+    status: "active",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/1.png",
+    email: "tony.reichert@example.com",
+  },
+  {
+    id: 2,
+    name: "Zoey Lang",
+    role: "Tech Lead",
+    team: "Development",
+    status: "paused",
+    age: "25",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/1.png",
+    email: "zoey.lang@example.com",
+  },
+  {
+    id: 3,
+    name: "Jane Fisher",
+    role: "Sr. Dev",
+    team: "Development",
+    status: "active",
+    age: "22",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/2.png",
+    email: "jane.fisher@example.com",
+  },
+  {
+    id: 4,
+    name: "William Howard",
+    role: "C.M.",
+    team: "Marketing",
+    status: "vacation",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/2.png",
+    email: "william.howard@example.com",
+  },
+  {
+    id: 5,
+    name: "Kristen Copper",
+    role: "S. Manager",
+    team: "Sales",
+    status: "active",
+    age: "24",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/3.png",
+    email: "kristen.cooper@example.com",
+  },
+  {
+    id: 6,
+    name: "Brian Kim",
+    role: "P. Manager",
+    team: "Management",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/3.png",
+    email: "brian.kim@example.com",
+    status: "Active",
+  },
+  {
+    id: 7,
+    name: "Michael Hunt",
+    role: "Designer",
+    team: "Design",
+    status: "paused",
+    age: "27",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/4.png",
+    email: "michael.hunt@example.com",
+  },
+  {
+    id: 8,
+    name: "Samantha Brooks",
+    role: "HR Manager",
+    team: "HR",
+    status: "active",
+    age: "31",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/4.png",
+    email: "samantha.brooks@example.com",
+  },
+  {
+    id: 9,
+    name: "Frank Harrison",
+    role: "F. Manager",
+    team: "Finance",
+    status: "vacation",
+    age: "33",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/5.png",
+    email: "frank.harrison@example.com",
+  },
+  {
+    id: 10,
+    name: "Emma Adams",
+    role: "Ops Manager",
+    team: "Operations",
+    status: "active",
+    age: "35",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/5.png",
+    email: "emma.adams@example.com",
+  },
+  {
+    id: 11,
+    name: "Brandon Stevens",
+    role: "Jr. Dev",
+    team: "Development",
+    status: "active",
+    age: "22",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/7.png",
+    email: "brandon.stevens@example.com",
+  },
+  {
+    id: 12,
+    name: "Megan Richards",
+    role: "P. Manager",
+    team: "Product",
+    status: "paused",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/7.png",
+    email: "megan.richards@example.com",
+  },
+  {
+    id: 13,
+    name: "Oliver Scott",
+    role: "S. Manager",
+    team: "Security",
+    status: "active",
+    age: "37",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/8.png",
+    email: "oliver.scott@example.com",
+  },
+  {
+    id: 14,
+    name: "Grace Allen",
+    role: "M. Specialist",
+    team: "Marketing",
+    status: "active",
+    age: "30",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/8.png",
+    email: "grace.allen@example.com",
+  },
+  {
+    id: 15,
+    name: "Noah Carter",
+    role: "IT Specialist",
+    team: "I. Technology",
+    status: "paused",
+    age: "31",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/9.png",
+    email: "noah.carter@example.com",
+  },
+  {
+    id: 16,
+    name: "Ava Perez",
+    role: "Manager",
+    team: "Sales",
+    status: "active",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/9.png",
+    email: "ava.perez@example.com",
+  },
+  {
+    id: 17,
+    name: "Liam Johnson",
+    role: "Data Analyst",
+    team: "Analysis",
+    status: "active",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/11.png",
+    email: "liam.johnson@example.com",
+  },
+  {
+    id: 18,
+    name: "Sophia Taylor",
+    role: "QA Analyst",
+    team: "Testing",
+    status: "active",
+    age: "27",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/11.png",
+    email: "sophia.taylor@example.com",
+  },
+  {
+    id: 19,
+    name: "Lucas Harris",
+    role: "Administrator",
+    team: "Information Technology",
+    status: "paused",
+    age: "32",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/12.png",
+    email: "lucas.harris@example.com",
+  },
+  {
+    id: 20,
+    name: "Mia Robinson",
+    role: "Coordinator",
+    team: "Operations",
+    status: "active",
+    age: "26",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/12.png",
+    email: "mia.robinson@example.com",
+  },
+];`;
+
+const SearchIcon = `export const SearchIcon = ({
+  size = 24,
+  strokeWidth = 1.5,
+  width,
+  height,
+  ...props
+}) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height={height || size}
+    role="presentation"
+    viewBox="0 0 24 24"
+    width={width || size}
+    {...props}
+  >
+    <path
+      d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={strokeWidth}
+    />
+    <path
+      d="M22 22L20 20"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={strokeWidth}
+    />
+  </svg>
+);`;
+
+const App = `import {Autocomplete, AutocompleteItem, Avatar, Button} from "@nextui-org/react";
+import {SearchIcon} from "./SearchIcon";
+import {users} from "./data";
+
+export default function App() {
+  return (
+    <Autocomplete
+      classNames={{
+        base: "max-w-xs",
+        listboxWrapper: "max-h-[320px]",
+        selectorButton: "text-default-500"
+      }}
+      defaultItems={users}
+      inputProps={{
+        classNames: {
+          input: "ml-1",
+          inputWrapper: "h-[48px]",
+        },
+      }}
+      listboxProps={{
+        hideSelectedIcon: true,
+        itemClasses: {
+          base: [
+            "rounded-medium",
+            "text-default-500",
+            "transition-opacity",
+            "data-[hover=true]:text-foreground",
+            "dark:data-[hover=true]:bg-default-50",
+            "data-[pressed=true]:opacity-70",
+            "data-[hover=true]:bg-default-200",
+            "data-[selectable=true]:focus:bg-default-100",
+            "data-[focus-visible=true]:ring-default-500",
+          ],
+        },
+      }}
+      aria-label="Select an employee"
+      placeholder="Enter employee name"
+      popoverProps={{
+        offset: 10,
+        classNames: {
+          base: "rounded-large",
+          content: "p-1 border-small border-default-100 bg-background",
+        },
+      }}
+      startContent={<SearchIcon className="text-default-400" strokeWidth={2.5} size={20} />}
+      radius="full"
+      variant="bordered"
+    >
+      {(item) => (
+        <AutocompleteItem key={item.id} textValue={item.name}>
+          <div className="flex justify-between items-center">
+            <div className="flex gap-2 items-center">
+              <Avatar alt={item.name} className="flex-shrink-0" size="sm" src={item.avatar} />
+              <div className="flex flex-col">
+                <span className="text-small">{item.name}</span>
+                <span className="text-tiny text-default-400">{item.team}</span>
+              </div>
+            </div>
+            <Button
+              className="border-small mr-0.5 font-medium shadow-small"
+              radius="full"
+              size="sm"
+              variant="bordered"
+            >
+              Add
+            </Button>
+          </div>
+        </AutocompleteItem>
+      )}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/SearchIcon.jsx": SearchIcon,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/custom-value.ts b/apps/docs/content/components/autocomplete/custom-value.ts
new file mode 100644
index 000000000..ef17993ac
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/custom-value.ts
@@ -0,0 +1,53 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  return (
+    <Autocomplete 
+      allowsCustomValue
+      label="Search an animal" 
+      variant="bordered"
+      className="max-w-xs" 
+      defaultItems={animals}
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/description.ts b/apps/docs/content/components/autocomplete/description.ts
new file mode 100644
index 000000000..17947b282
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/description.ts
@@ -0,0 +1,54 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  return (
+    <Autocomplete
+      label="Favorite Animal"
+      placeholder="Search an animal"
+      description="The second most popular pet in the world"
+      defaultItems={animals}
+      defaultSelectedKey="cat"
+      className="max-w-xs"
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/disabled-items.ts b/apps/docs/content/components/autocomplete/disabled-items.ts
new file mode 100644
index 000000000..caa7c6325
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/disabled-items.ts
@@ -0,0 +1,53 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  return (
+    <Autocomplete
+      label="Favorite Animal"
+      placeholder="Search an animal"
+      defaultItems={animals}
+      disabledKeys={["zebra", "tiger", "lion", "elephant", "crocodile", "whale"]}
+      className="max-w-xs"
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/disabled.ts b/apps/docs/content/components/autocomplete/disabled.ts
new file mode 100644
index 000000000..4642caaa3
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/disabled.ts
@@ -0,0 +1,54 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  return (
+    <Autocomplete
+      isDisabled
+      defaultItems={animals}
+      label="Favorite Animal"
+      placeholder="Search an animal"
+      defaultSelectedKey="cat"
+      className="max-w-xs"
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/dynamic.ts b/apps/docs/content/components/autocomplete/dynamic.ts
new file mode 100644
index 000000000..d24de783b
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/dynamic.ts
@@ -0,0 +1,52 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  return (
+    <Autocomplete
+      defaultItems={animals}
+      label="Favorite Animal"
+      placeholder="Search an animal"
+      className="max-w-xs"
+    >
+      {(animal) => <AutocompleteItem key={animal.value}>{animal.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/error-message.ts b/apps/docs/content/components/autocomplete/error-message.ts
new file mode 100644
index 000000000..4f703637d
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/error-message.ts
@@ -0,0 +1,64 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  const [value, setValue] = React.useState("");
+  const [touched, setTouched] = React.useState(false);
+
+  const isValid = value === "cat";
+
+  return (
+    <Autocomplete
+      label="Favorite Animal"
+      variant="bordered"
+      placeholder="Search an animal"
+      description="The second most popular pet in the world"
+      errorMessage={isValid || !touched ? "" : "You must select a cat"}
+      isInvalid={isValid || !touched ? false : true}
+      defaultItems={animals}
+      selectedKey={value}
+      className="max-w-xs"
+      onSelectionChange={setValue}
+      onClose={() => setTouched(true)}
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/events.ts b/apps/docs/content/components/autocomplete/events.ts
new file mode 100644
index 000000000..1983ff3fa
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/events.ts
@@ -0,0 +1,110 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+
+export default function App() {
+  const [value, setValue] = React.useState('');
+  const [selectedKey, setSelectedKey] = React.useState(null);
+
+  const onSelectionChange = (id) => {
+    setSelectedKey(id);
+  };
+  
+  const onInputChange = (value) => {
+    setValue(value)
+  };
+
+  return (
+    <div className="flex w-full flex-col">
+      <Autocomplete 
+        label="Search an animal" 
+        variant="bordered"
+        defaultItems={animals}
+        className="max-w-xs" 
+        allowsCustomValue={true}
+        onSelectionChange={onSelectionChange}
+        onInputChange={onInputChange}
+      >
+        {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+      </Autocomplete>
+      <p className="mt-1 text-small text-default-500">Current selected animal: {selectedKey}</p>
+      <p className="text-small text-default-500">Current input text: {value}</p>
+    </div>
+  );
+}`;
+
+const AppTs = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  const [value, setValue] = React.useState<string>('');
+  const [selectedKey, setSelectedKey] = React.useState<React.Key | null>(null);
+
+  const onSelectionChange = (key: React.Key) => {
+    setSelectedKey(key);
+  };
+  
+  const onInputChange = (value: string) => {
+    setValue(value)
+  };
+
+  return (
+    <div className="flex w-full flex-col">
+      <Autocomplete 
+        label="Search an animal" 
+        variant="underlined"
+        defaultItems={animals}
+        className="max-w-xs" 
+        allowsCustomValue={true}
+        onSelectionChange={onSelectionChange}
+        onInputChange={onInputChange}
+      >
+        {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+      </Autocomplete>
+      <p className="mt-1 text-small text-default-500">Current selected animal: {selectedKey}</p>
+      <p className="text-small text-default-500">Current input text: {value}</p>
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+const reactTs = {
+  "/App.tsx": AppTs,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/autocomplete/fully-controlled.ts b/apps/docs/content/components/autocomplete/fully-controlled.ts
new file mode 100644
index 000000000..9b969ba31
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/fully-controlled.ts
@@ -0,0 +1,187 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {useFilter} from "@react-aria/i18n";
+import {animals} from "./data";
+
+export default function App() {
+  // Store Autocomplete input value, selected option, open state, and items
+  // in a state tracker
+  const [fieldState, setFieldState] = React.useState({
+    selectedKey: "",
+    inputValue: "",
+    items: animals,
+  });
+
+  // Implement custom filtering logic and control what items are
+  // available to the Autocomplete.
+  const {startsWith} = useFilter({sensitivity: "base"});
+
+  // Specify how each of the Autocomplete values should change when an
+  // option is selected from the list box
+  const onSelectionChange = (key) => {
+    setFieldState((prevState) => {
+      let selectedItem = prevState.items.find((option) => option.value === key);
+
+      return {
+        inputValue: selectedItem?.label || "",
+        selectedKey: key,
+        items: animals.filter((item) => startsWith(item.label, selectedItem?.label || "")),
+      };
+    });
+  };
+
+  // Specify how each of the Autocomplete values should change when the input
+  // field is altered by the user
+  const onInputChange = (value) => {
+    setFieldState((prevState) => ({
+      inputValue: value,
+      selectedKey: value === "" ? null : prevState.selectedKey,
+      items: animals.filter((item) => startsWith(item.label, value)),
+    }));
+  };
+
+  // Show entire list if user opens the menu manually
+  const onOpenChange = (isOpen, menuTrigger) => {
+    if (menuTrigger === "manual" && isOpen) {
+      setFieldState((prevState) => ({
+        inputValue: prevState.inputValue,
+        selectedKey: prevState.selectedKey,
+        items: animals,
+      }));
+    }
+  };
+
+  return (
+    <Autocomplete
+      className="max-w-xs"
+      inputValue={fieldState.inputValue}
+      items={fieldState.items}
+      label="Favorite Animal"
+      placeholder="Search an animal"
+      selectedKey={fieldState.selectedKey}
+      variant="bordered"
+      onInputChange={onInputChange}
+      onOpenChange={onOpenChange}
+      onSelectionChange={onSelectionChange}
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const AppTs = `import {Autocomplete, AutocompleteItem, MenuTriggerAction} from "@nextui-org/react";
+import {useFilter} from "@react-aria/i18n";
+import {animals} from "./data";
+
+type FieldState = {
+  selectedKey: React.Key | null;
+  inputValue: string;
+  items: typeof animals;
+};
+
+export default function App() {
+  // Store Autocomplete input value, selected option, open state, and items
+  // in a state tracker
+  const [fieldState, setFieldState] = React.useState<FieldState>({
+    selectedKey: "",
+    inputValue: "",
+    items: animals,
+  });
+
+  // Implement custom filtering logic and control what items are
+  // available to the Autocomplete.
+  const {startsWith} = useFilter({sensitivity: "base"});
+
+  // Specify how each of the Autocomplete values should change when an
+  // option is selected from the list box
+  const onSelectionChange = (key: React.Key) => {
+    setFieldState((prevState) => {
+      let selectedItem = prevState.items.find((option) => option.value === key);
+
+      return {
+        inputValue: selectedItem?.label || "",
+        selectedKey: key,
+        items: animals.filter((item) => startsWith(item.label, selectedItem?.label || "")),
+      };
+    });
+  };
+
+  // Specify how each of the Autocomplete values should change when the input
+  // field is altered by the user
+  const onInputChange = (value: string) => {
+    setFieldState((prevState) => ({
+      inputValue: value,
+      selectedKey: value === "" ? null : prevState.selectedKey,
+      items: animals.filter((item) => startsWith(item.label, value)),
+    }));
+  };
+
+  // Show entire list if user opens the menu manually
+  const onOpenChange = (isOpen: boolean, menuTrigger: MenuTriggerAction) => {
+    if (menuTrigger === "manual" && isOpen) {
+      setFieldState((prevState) => ({
+        inputValue: prevState.inputValue,
+        selectedKey: prevState.selectedKey,
+        items: animals,
+      }));
+    }
+  };
+
+  return (
+    <Autocomplete
+      className="max-w-xs"
+      inputValue={fieldState.inputValue}
+      items={fieldState.items}
+      label="Favorite Animal"
+      placeholder="Search an animal"
+      selectedKey={fieldState.selectedKey}
+      variant="bordered"
+      onInputChange={onInputChange}
+      onOpenChange={onOpenChange}
+      onSelectionChange={onSelectionChange}
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+const reactTs = {
+  "/App.tsx": AppTs,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/autocomplete/index.ts b/apps/docs/content/components/autocomplete/index.ts
new file mode 100644
index 000000000..1e809cdf1
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/index.ts
@@ -0,0 +1,55 @@
+import usage from "./usage";
+import dynamic from "./dynamic";
+import disabled from "./disabled";
+import disabledItems from "./disabled-items";
+import required from "./required";
+import sizes from "./sizes";
+import colors from "./colors";
+import variants from "./variants";
+import labelPlacements from "./label-placements";
+import startContent from "./start-content";
+import itemStartContent from "./item-start-content";
+import customValue from "./custom-value";
+import customSelectorIcon from "./custom-selector-icon";
+import withoutScrollShadow from "./without-scroll-shadow";
+import description from "./description";
+import errorMessage from "./error-message";
+import events from "./events";
+import controlled from "./controlled";
+import fullyControlled from "./fully-controlled";
+import customItems from "./custom-items";
+import customFiltering from "./custom-filtering";
+import asyncFiltering from "./async-filtering";
+import asyncLoadingItems from "./async-loading-items";
+import sections from "./sections";
+import customSectionsStyle from "./custom-sections-style";
+import customStyles from "./custom-styles";
+
+export const autocompleteContent = {
+  usage,
+  dynamic,
+  disabled,
+  disabledItems,
+  required,
+  sizes,
+  colors,
+  variants,
+  labelPlacements,
+  startContent,
+  customValue,
+  itemStartContent,
+  customSelectorIcon,
+  withoutScrollShadow,
+  description,
+  errorMessage,
+  events,
+  controlled,
+  fullyControlled,
+  customItems,
+  customFiltering,
+  asyncFiltering,
+  asyncLoadingItems,
+  sections,
+  customSectionsStyle,
+  customStyles,
+};
diff --git a/apps/docs/content/components/autocomplete/item-start-content.ts b/apps/docs/content/components/autocomplete/item-start-content.ts
new file mode 100644
index 000000000..02a9e14bd
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/item-start-content.ts
@@ -0,0 +1,75 @@
+const App = `import {Autocomplete, AutocompleteItem, Avatar} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Autocomplete
+      className="max-w-xs"
+      label="Select country"
+    >
+      <AutocompleteItem
+        key="argentina"
+        startContent={<Avatar alt="Argentina" className="w-6 h-6" src="https://flagcdn.com/ar.svg" />}
+      >
+        Argentina
+      </AutocompleteItem>
+      <AutocompleteItem
+        key="venezuela"
+        startContent={<Avatar alt="Venezuela" className="w-6 h-6" src="https://flagcdn.com/ve.svg" />}
+      >
+        Venezuela
+      </AutocompleteItem>
+      <AutocompleteItem
+        key="brazil"
+        startContent={<Avatar alt="Brazil" className="w-6 h-6" src="https://flagcdn.com/br.svg" />}
+      >
+        Brazil
+      </AutocompleteItem>
+      <AutocompleteItem
+        key="switzerland"
+        startContent={
+          <Avatar alt="Switzerland" className="w-6 h-6" src="https://flagcdn.com/ch.svg" />
+        }
+      >
+        Switzerland
+      </AutocompleteItem>
+      <AutocompleteItem
+        key="germany"
+        startContent={<Avatar alt="Germany" className="w-6 h-6" src="https://flagcdn.com/de.svg" />}
+      >
+        Germany
+      </AutocompleteItem>
+      <AutocompleteItem
+        key="spain"
+        startContent={<Avatar alt="Spain" className="w-6 h-6" src="https://flagcdn.com/es.svg" />}
+      >
+        Spain
+      </AutocompleteItem>
+      <AutocompleteItem
+        key="france"
+        startContent={<Avatar alt="France" className="w-6 h-6" src="https://flagcdn.com/fr.svg" />}
+      >
+        France
+      </AutocompleteItem>
+      <AutocompleteItem
+        key="italy"
+        startContent={<Avatar alt="Italy" className="w-6 h-6" src="https://flagcdn.com/it.svg" />}
+      >
+        Italy
+      </AutocompleteItem>
+      <AutocompleteItem
+        key="mexico"
+        startContent={<Avatar alt="Mexico" className="w-6 h-6" src="https://flagcdn.com/mx.svg" />}
+      >
+        Mexico
+      </AutocompleteItem>
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/label-placements.ts b/apps/docs/content/components/autocomplete/label-placements.ts
new file mode 100644
index 000000000..391dba7ed
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/label-placements.ts
@@ -0,0 +1,86 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  const placements = [
+    "inside",
+    "outside",
+    "outside-left",
+  ];
+
+  return (
+    <div className="w-full flex flex-col gap-4">
+      <div className="flex flex-col gap-2">
+        <h3 className="text-default-500 text-small">Without placeholder</h3>
+        <div className="flex w-full flex-wrap items-end md:flex-nowrap mb-6 md:mb-0 gap-4">
+          {placements.map((placement) => (
+            <Autocomplete
+              defaultItems={animals}
+              labelPlacement={placement}
+              label="Favorite Animal"
+              className="max-w-xs"
+            >
+              {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+            </Autocomplete>
+          ))}
+        </div>
+      </div>  
+      <div className="flex flex-col gap-2">
+        <h3 className="text-default-500 text-small">With placeholder</h3>
+        <div className="flex w-full flex-wrap items-end md:flex-nowrap mb-6 md:mb-0 gap-4">
+          {placements.map((placement) => (
+            <Autocomplete
+              labelPlacement={placement}
+              label="Favorite Animal"
+              placeholder="Search an animal"
+              className="max-w-xs"
+            >
+              {animals.map((animal) => (
+                <AutocompleteItem key={animal.value} value={animal.value}>
+                  {animal.label}
+                </AutocompleteItem>
+              ))}
+            </Autocomplete>
+          ))}
+        </div>
+      </div>  
+    </div>  
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/required.ts b/apps/docs/content/components/autocomplete/required.ts
new file mode 100644
index 000000000..d30e1b054
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/required.ts
@@ -0,0 +1,54 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  return (
+    <Autocomplete
+      isRequired
+      label="Favorite Animal"
+      defaultItems={animals}
+      placeholder="Search an animal"
+      defaultSelectedKey="cat"
+      className="max-w-xs"
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/sections.ts b/apps/docs/content/components/autocomplete/sections.ts
new file mode 100644
index 000000000..09219558d
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/sections.ts
@@ -0,0 +1,40 @@
+const App = `import {Autocomplete, AutocompleteItem, AutocompleteSection} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Autocomplete
+      label="Favorite Animal"
+      placeholder="Search an animal"
+      className="max-w-xs"
+    >
+      <AutocompleteSection showDivider title="Mammals">
+        <AutocompleteItem key="Lion">Lion</AutocompleteItem>
+        <AutocompleteItem key="Tiger">Tiger</AutocompleteItem>
+        <AutocompleteItem key="Elephant">Elephant</AutocompleteItem>
+        <AutocompleteItem key="Kangaroo">Kangaroo</AutocompleteItem>
+        <AutocompleteItem key="Panda">Panda</AutocompleteItem>
+        <AutocompleteItem key="Giraffe">Giraffe</AutocompleteItem>
+        <AutocompleteItem key="Zebra">Zebra</AutocompleteItem>
+        <AutocompleteItem key="Cheetah">Cheetah</AutocompleteItem>
+      </AutocompleteSection>
+      <AutocompleteSection title="Birds">
+        <AutocompleteItem key="Eagle">Eagle</AutocompleteItem>
+        <AutocompleteItem key="Parrot">Parrot</AutocompleteItem>
+        <AutocompleteItem key="Penguin">Penguin</AutocompleteItem>
+        <AutocompleteItem key="Ostrich">Ostrich</AutocompleteItem>
+        <AutocompleteItem key="Peacock">Peacock</AutocompleteItem>
+        <AutocompleteItem key="Swan">Swan</AutocompleteItem>
+        <AutocompleteItem key="Falcon">Falcon</AutocompleteItem>
+        <AutocompleteItem key="Flamingo">Flamingo</AutocompleteItem>
+      </AutocompleteSection>
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/sizes.ts b/apps/docs/content/components/autocomplete/sizes.ts
new file mode 100644
index 000000000..06acaf7e0
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/sizes.ts
@@ -0,0 +1,69 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  const sizes = ["sm", "md", "lg"];
+
+  return (
+    <div className="w-full flex flex-col gap-4">
+      {sizes.map((size) => (
+        <div key={size} className="flex w-full flex-wrap md:flex-nowrap mb-6 md:mb-0 gap-4">
+          <Autocomplete 
+            size={size}
+            defaultItems={animals}
+            label="Select an animal" 
+            className="max-w-xs" 
+          >
+            {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+          </Autocomplete>
+          <Autocomplete
+            size={size}
+            defaultItems={animals}
+            label="Favorite Animal"
+            placeholder="Search an animal"
+            className="max-w-xs"
+          >
+            {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+          </Autocomplete>
+        </div>
+      ))}  
+    </div>  
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/start-content.ts b/apps/docs/content/components/autocomplete/start-content.ts
new file mode 100644
index 000000000..90ee37634
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/start-content.ts
@@ -0,0 +1,91 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const PetIcon = `export const PetIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M19.0803 15.7203C18.4903 12.1903 15.1003 9.32031 11.5203 9.32031C7.63028 9.32031 4.21028 12.4703 3.88028 16.3503C3.75028 17.8503 4.23028 19.2703 5.22028 20.3403C6.20028 21.4103 7.58028 22.0003 9.08028 22.0003H13.7603C15.4503 22.0003 16.9303 21.3403 17.9403 20.1503C18.9503 18.9603 19.3503 17.3803 19.0803 15.7203Z"
+      fill="currentColor"
+    />
+    <path
+      d="M10.2796 7.86C11.8978 7.86 13.2096 6.54819 13.2096 4.93C13.2096 3.31181 11.8978 2 10.2796 2C8.66141 2 7.34961 3.31181 7.34961 4.93C7.34961 6.54819 8.66141 7.86 10.2796 7.86Z"
+      fill="currentColor"
+    />
+    <path
+      d="M16.94 9.02844C18.2876 9.02844 19.38 7.93601 19.38 6.58844C19.38 5.24086 18.2876 4.14844 16.94 4.14844C15.5924 4.14844 14.5 5.24086 14.5 6.58844C14.5 7.93601 15.5924 9.02844 16.94 9.02844Z"
+      fill="currentColor"
+    />
+    <path
+      d="M20.5496 12.9313C21.6266 12.9313 22.4996 12.0582 22.4996 10.9812C22.4996 9.90429 21.6266 9.03125 20.5496 9.03125C19.4727 9.03125 18.5996 9.90429 18.5996 10.9812C18.5996 12.0582 19.4727 12.9313 20.5496 12.9313Z"
+      fill="currentColor"
+    />
+    <path
+      d="M3.94 10.9816C5.28757 10.9816 6.38 9.88914 6.38 8.54156C6.38 7.19399 5.28757 6.10156 3.94 6.10156C2.59243 6.10156 1.5 7.19399 1.5 8.54156C1.5 9.88914 2.59243 10.9816 3.94 10.9816Z"
+      fill="currentColor"
+    />
+  </svg>
+);`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {PetIcon} from "./PetIcon";
+import {animals} from "./data";
+
+export default function App() {
+  return (
+    <Autocomplete
+      label="Favorite Animal"
+      placeholder="Search an animal"
+      variant="bordered"
+      defaultItems={animals}
+      startContent={<PetIcon className="text-xl" />}
+      defaultSelectedKey="cat"
+      className="max-w-xs"
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/PetIcon.jsx": PetIcon,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/usage.ts b/apps/docs/content/components/autocomplete/usage.ts
new file mode 100644
index 000000000..ee0831fa2
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/usage.ts
@@ -0,0 +1,64 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  return (
+    <div className="flex w-full flex-wrap md:flex-nowrap gap-4">
+      <Autocomplete 
+        label="Select an animal" 
+        className="max-w-xs" 
+      >
+        {animals.map((animal) => (
+          <AutocompleteItem key={animal.value} value={animal.value}>
+            {animal.label}
+          </AutocompleteItem>
+        ))}
+      </Autocomplete>
+      <Autocomplete
+        label="Favorite Animal"
+        placeholder="Search an animal"
+        className="max-w-xs"
+        defaultItems={animals}
+      >
+        {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+      </Autocomplete>
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/variants.ts b/apps/docs/content/components/autocomplete/variants.ts
new file mode 100644
index 000000000..f0c5c1210
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/variants.ts
@@ -0,0 +1,72 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  const variants = ["flat", "bordered", "underlined", "faded"];
+
+  return (
+    <div className="w-full flex flex-col gap-4">
+      {variants.map((variant) => (
+        <div key={variant} className="flex w-full flex-wrap md:flex-nowrap mb-6 md:mb-0 gap-4">
+          <Autocomplete 
+            variant={variant}
+            defaultItems={animals}
+            label="Select an animal" 
+            className="max-w-xs" 
+          >
+            {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+          </Autocomplete>
+          <Autocomplete
+            variant={variant}
+            label="Favorite Animal"
+            placeholder="Search an animal"
+            className="max-w-xs"
+          >
+            {animals.map((animal) => (
+              <AutocompleteItem key={animal.value} value={animal.value}>
+                {animal.label}
+              </AutocompleteItem>
+            ))}
+          </Autocomplete>
+        </div>
+      ))}  
+    </div>  
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/autocomplete/without-scroll-shadow.ts b/apps/docs/content/components/autocomplete/without-scroll-shadow.ts
new file mode 100644
index 000000000..43123ca2d
--- /dev/null
+++ b/apps/docs/content/components/autocomplete/without-scroll-shadow.ts
@@ -0,0 +1,56 @@
+const data = `export const animals = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];`;
+
+const App = `import {Autocomplete, AutocompleteItem} from "@nextui-org/react";
+import {animals} from "./data";
+
+export default function App() {
+  return (
+    <Autocomplete
+      label="Favorite Animal"
+      placeholder="Search an animal"
+      defaultSelectedKey="cat"
+      defaultItems={animals}
+      className="max-w-xs"
+      scrollShadowProps={{
+        isEnabled: false
+      }}
+    >
+      {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+    </Autocomplete>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/data.js": data,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/avatar/group-custom-count.ts b/apps/docs/content/components/avatar/group-custom-count.ts
index 0ac49409b..a9ffab8b1 100644
--- a/apps/docs/content/components/avatar/group-custom-count.ts
+++ b/apps/docs/content/components/avatar/group-custom-count.ts
@@ -7,7 +7,7 @@ export default function App() {
       max={3}
       total={10}
       renderCount={(count) => (
-        <p className="text-small text-foreground font-medium ml-2">+{count} others</p>
+        <p className="text-small text-foreground font-medium ms-2">+{count} others</p>
       )}
     >
       <Avatar src="https://i.pravatar.cc/150?u=a042581f4e29026024d" />
diff --git a/apps/docs/content/components/badge/index.ts b/apps/docs/content/components/badge/index.ts
index 147da069d..016820255 100644
--- a/apps/docs/content/components/badge/index.ts
+++ b/apps/docs/content/components/badge/index.ts
@@ -6,7 +6,7 @@ import placements from "./placements";
 import shapes from "./shapes";
 import visibility from "./visibility";
 import contentExamples from "./content-examples";
-import disableOutline from "./disable-outline";
+import showOutline from "./show-outline";
 import a11y from "./a11y";
 
 export const badgeContent = {
@@ -18,6 +18,6 @@ export const badgeContent = {
   shapes,
   visibility,
   contentExamples,
-  disableOutline,
+  showOutline,
   a11y,
 };
diff --git a/apps/docs/content/components/badge/disable-outline.ts b/apps/docs/content/components/badge/show-outline.ts
similarity index 77%
rename from apps/docs/content/components/badge/disable-outline.ts
rename to apps/docs/content/components/badge/show-outline.ts
index 2adbe419b..d11a8860b 100644
--- a/apps/docs/content/components/badge/disable-outline.ts
+++ b/apps/docs/content/components/badge/show-outline.ts
@@ -3,14 +3,14 @@ const App = `import {Badge, Avatar} from "@nextui-org/react";
 export default function App() {
   return (
     <div className="flex gap-4 items-center">
-      <Badge content="5" color="danger" shape="rectangle" disableOutline>
+      <Badge content="5" color="danger" shape="rectangle" showOutline={false}>
         <Avatar
           isBordered
           radius="md"
           src="https://i.pravatar.cc/150?u=a042f81f4e29026024d"
         />
       </Badge>
-      <Badge content="5" color="danger" shape="circle" disableOutline>
+      <Badge content="5" color="danger" shape="circle" showOutline={false}>
         <Avatar
           isBordered
           radius="full"
diff --git a/apps/docs/content/components/breadcrumbs/collapsing-items.ts b/apps/docs/content/components/breadcrumbs/collapsing-items.ts
new file mode 100644
index 000000000..0f953921c
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/collapsing-items.ts
@@ -0,0 +1,21 @@
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Breadcrumbs maxItems={3} itemsBeforeCollapse={1} itemsAfterCollapse={2}>
+      <BreadcrumbItem href="#home">Home</BreadcrumbItem>
+      <BreadcrumbItem href="#music">Music</BreadcrumbItem>
+      <BreadcrumbItem href="#artist">Artist</BreadcrumbItem>
+      <BreadcrumbItem href="#album">Album</BreadcrumbItem>
+      <BreadcrumbItem href="#song">Song</BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/colors.ts b/apps/docs/content/components/breadcrumbs/colors.ts
new file mode 100644
index 000000000..f5abd4a4e
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/colors.ts
@@ -0,0 +1,27 @@
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  const colors = ["foreground", "primary", "secondary", "success", "warning", "danger"];
+
+  return (
+    <div className="flex flex-col flex-wrap gap-4">
+      {colors.map((color) => (
+        <Breadcrumbs key={color} color={color}>
+          <BreadcrumbItem>Home</BreadcrumbItem>
+          <BreadcrumbItem>Music</BreadcrumbItem>
+          <BreadcrumbItem>Artist</BreadcrumbItem>
+          <BreadcrumbItem>Album</BreadcrumbItem>
+          <BreadcrumbItem>Song</BreadcrumbItem>
+        </Breadcrumbs>
+      ))}
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/controlled.ts b/apps/docs/content/components/breadcrumbs/controlled.ts
new file mode 100644
index 000000000..45ed66b15
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/controlled.ts
@@ -0,0 +1,64 @@
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  const [currentPage, setCurrentPage] = React.useState("song");
+
+  return (
+    <Breadcrumbs underline="active" onAction={(key) => setCurrentPage(key)}>
+      <BreadcrumbItem key="home" isCurrent={currentPage === "home"}>
+        Home
+      </BreadcrumbItem>
+      <BreadcrumbItem key="music" isCurrent={currentPage === "music"}>
+        Music
+      </BreadcrumbItem>
+      <BreadcrumbItem key="artist" isCurrent={currentPage === "artist"}>
+        Artist
+      </BreadcrumbItem>
+      <BreadcrumbItem key="album" isCurrent={currentPage === "album"}>
+        Album
+      </BreadcrumbItem>
+      <BreadcrumbItem key="song" isCurrent={currentPage === "song"}>
+        Song
+      </BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const AppTs = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  const [currentPage, setCurrentPage] = React.useState<React.Key>("song");
+
+  return (
+    <Breadcrumbs underline="active" onAction={(key) => setCurrentPage(key)}>
+      <BreadcrumbItem key="home" isCurrent={currentPage === "home"}>
+        Home
+      </BreadcrumbItem>
+      <BreadcrumbItem key="music" isCurrent={currentPage === "music"}>
+        Music
+      </BreadcrumbItem>
+      <BreadcrumbItem key="artist" isCurrent={currentPage === "artist"}>
+        Artist
+      </BreadcrumbItem>
+      <BreadcrumbItem key="album" isCurrent={currentPage === "album"}>
+        Album
+      </BreadcrumbItem>
+      <BreadcrumbItem key="song" isCurrent={currentPage === "song"}>
+        Song
+      </BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+const reactTs = {
+  "/App.tsx": AppTs,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/breadcrumbs/custom-items.ts b/apps/docs/content/components/breadcrumbs/custom-items.ts
new file mode 100644
index 000000000..3e323265b
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/custom-items.ts
@@ -0,0 +1,76 @@
+const ChevronDownIcon = `export const ChevronDownIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth="1.5"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path d="m6 9 6 6 6-6" />
+  </svg>
+);`;
+
+const App = `import {Breadcrumbs, BreadcrumbItem, Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Button} from "@nextui-org/react";
+import {ChevronDownIcon} from "./ChevronDownIcon";
+
+export default function App() {
+  return (
+    <Breadcrumbs
+      itemClasses={{
+        item: "px-2",
+        separator: "px-0",
+      }}
+    >
+      <BreadcrumbItem href="#home">Home</BreadcrumbItem>
+      <BreadcrumbItem href="#music">Music</BreadcrumbItem>
+      <BreadcrumbItem href="#artist">Artist</BreadcrumbItem>
+      <BreadcrumbItem href="#album">Album</BreadcrumbItem>
+      <BreadcrumbItem
+        classNames={{
+          item: "px-0",
+        }}
+      >
+        <Dropdown>
+          <DropdownTrigger>
+            <Button
+              className="h-6 pr-2 text-small"
+              endContent={<ChevronDownIcon className="text-default-500" />}
+              radius="full"
+              size="sm"
+              variant="light"
+            >
+              Songs
+            </Button>
+          </DropdownTrigger>
+          <DropdownMenu aria-label="Routes">
+            <DropdownItem href="#song-1">
+              Song 1
+            </DropdownItem>
+            <DropdownItem href="#song2">
+              Song 2
+            </DropdownItem>
+            <DropdownItem href="#song3">
+              Song 3
+            </DropdownItem>
+          </DropdownMenu>
+        </Dropdown>
+      </BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/ChevronDownIcon.jsx": ChevronDownIcon,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/custom-styles.ts b/apps/docs/content/components/breadcrumbs/custom-styles.ts
new file mode 100644
index 000000000..5dd7816a3
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/custom-styles.ts
@@ -0,0 +1,64 @@
+const ShoppingCartIcon = `export const ShoppingCartIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M16.25 22.5C17.2165 22.5 18 21.7165 18 20.75C18 19.7835 17.2165 19 16.25 19C15.2835 19 14.5 19.7835 14.5 20.75C14.5 21.7165 15.2835 22.5 16.25 22.5Z"
+      fill="currentColor"
+    />
+    <path
+      d="M8.25 22.5C9.2165 22.5 10 21.7165 10 20.75C10 19.7835 9.2165 19 8.25 19C7.2835 19 6.5 19.7835 6.5 20.75C6.5 21.7165 7.2835 22.5 8.25 22.5Z"
+      fill="currentColor"
+    />
+    <path
+      d="M4.84 3.94L4.64 6.39C4.6 6.86 4.97 7.25 5.44 7.25H20.75C21.17 7.25 21.52 6.93 21.55 6.51C21.68 4.74 20.33 3.3 18.56 3.3H6.27C6.17 2.86 5.97 2.44 5.66 2.09C5.16 1.56 4.46 1.25 3.74 1.25H2C1.59 1.25 1.25 1.59 1.25 2C1.25 2.41 1.59 2.75 2 2.75H3.74C4.05 2.75 4.34 2.88 4.55 3.1C4.76 3.33 4.86 3.63 4.84 3.94Z"
+      fill="currentColor"
+    />
+    <path
+      d="M20.5101 8.75H5.17005C4.75005 8.75 4.41005 9.07 4.37005 9.48L4.01005 13.83C3.87005 15.54 5.21005 17 6.92005 17H18.0401C19.5401 17 20.8601 15.77 20.9701 14.27L21.3001 9.6C21.3401 9.14 20.9801 8.75 20.5101 8.75Z"
+      fill="currentColor"
+    />
+  </svg>
+);`;
+
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+import {ShoppingCartIcon} from "./ShoppingCartIcon";
+
+export default function App() {
+  return (
+    <Breadcrumbs
+      underline="hover"
+      classNames={{
+        list: "bg-gradient-to-br from-violet-500 to-fuchsia-500 shadow-small",
+      }}
+      itemClasses={{
+        item: "text-white/60 data-[current=true]:text-white",
+        separator: "text-white/40",
+      }}
+      variant="solid"
+    >
+      <BreadcrumbItem href="#shopping-cart">
+        <ShoppingCartIcon />
+      </BreadcrumbItem>
+      <BreadcrumbItem href="#checkout">Checkout</BreadcrumbItem>
+      <BreadcrumbItem href="#payment">Payment</BreadcrumbItem>
+      <BreadcrumbItem href="#delivery-address">Delivery Address</BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/ShoppingCartIcon.jsx": ShoppingCartIcon,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/customizing-ellipsis.ts b/apps/docs/content/components/breadcrumbs/customizing-ellipsis.ts
new file mode 100644
index 000000000..37c916d0c
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/customizing-ellipsis.ts
@@ -0,0 +1,50 @@
+const App = `import {Breadcrumbs, BreadcrumbItem, Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Button} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Breadcrumbs
+      maxItems={3}
+      itemsBeforeCollapse={1}
+      itemsAfterCollapse={2}
+      renderEllipsis={({items, ellipsisIcon, separator}) => (
+        <div className="flex items-center">
+          <Dropdown>
+            <DropdownTrigger>
+              <Button
+                isIconOnly
+                className="min-w-unit-6 w-unit-6 h-unit-6"
+                size="sm"
+                variant="flat"
+              >
+                {ellipsisIcon}
+              </Button>
+            </DropdownTrigger>
+            <DropdownMenu aria-label="Routes">
+              {items.map((item, index) => (
+                <DropdownItem key={index} href={item.href}>
+                  {item.children}
+                </DropdownItem>
+              ))}
+            </DropdownMenu>
+          </Dropdown>
+          {separator}
+        </div>
+      )}
+    >
+      <BreadcrumbItem href="#home">Home</BreadcrumbItem>
+      <BreadcrumbItem href="#music">Music</BreadcrumbItem>
+      <BreadcrumbItem href="#artist">Artist</BreadcrumbItem>
+      <BreadcrumbItem href="#album">Album</BreadcrumbItem>
+      <BreadcrumbItem href="#featured">Featured</BreadcrumbItem>
+      <BreadcrumbItem href="#song">Song</BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/disabled.ts b/apps/docs/content/components/breadcrumbs/disabled.ts
new file mode 100644
index 000000000..4e750c6d4
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/disabled.ts
@@ -0,0 +1,21 @@
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Breadcrumbs isDisabled>
+      <BreadcrumbItem>Home</BreadcrumbItem>
+      <BreadcrumbItem>Music</BreadcrumbItem>
+      <BreadcrumbItem>Artist</BreadcrumbItem>
+      <BreadcrumbItem>Album</BreadcrumbItem>
+      <BreadcrumbItem>Song</BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/index.ts b/apps/docs/content/components/breadcrumbs/index.ts
new file mode 100644
index 000000000..a659cd7d6
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/index.ts
@@ -0,0 +1,35 @@
+import usage from "./usage";
+import disabled from "./disabled";
+import sizes from "./sizes";
+import colors from "./colors";
+import variants from "./variants";
+import radius from "./radius";
+import routing from "./routing";
+import underlines from "./underlines";
+import controlled from "./controlled";
+import menuType from "./menu-type";
+import startEndContent from "./start-end-content";
+import separator from "./separator";
+import customItems from "./custom-items";
+import collapsingItems from "./collapsing-items";
+import customizingEllipsis from "./customizing-ellipsis";
+import customStyles from "./custom-styles";
+
+export const breadcrumbsContent = {
+  usage,
+  disabled,
+  sizes,
+  colors,
+  variants,
+  radius,
+  routing,
+  underlines,
+  controlled,
+  menuType,
+  startEndContent,
+  separator,
+  customItems,
+  collapsingItems,
+  customizingEllipsis,
+  customStyles,
+};
diff --git a/apps/docs/content/components/breadcrumbs/menu-type.ts b/apps/docs/content/components/breadcrumbs/menu-type.ts
new file mode 100644
index 000000000..56ad50cc1
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/menu-type.ts
@@ -0,0 +1,91 @@
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  const [currentPage, setCurrentPage] = React.useState("music");
+
+  return (
+    <Breadcrumbs
+      size="sm"
+      onAction={(key) => setCurrentPage(key)}
+      classNames={{
+        list: "gap-2",
+      }}
+      itemClasses={{
+        item: [
+          "px-2 py-0.5 border-small border-default-400 rounded-small",
+          "data-[current=true]:border-foreground data-[current=true]:bg-foreground data-[current=true]:text-background transition-colors",
+          "data-[disabled=true]:border-default-400 data-[disabled=true]:bg-default-100",
+        ],
+        separator: "hidden",
+      }}
+    >
+      <BreadcrumbItem key="home" isCurrent={currentPage === "home"}>
+        Home
+      </BreadcrumbItem>
+      <BreadcrumbItem key="music" isCurrent={currentPage === "music"}>
+        Music
+      </BreadcrumbItem>
+      <BreadcrumbItem key="artist" isCurrent={currentPage === "artist"}>
+        Artist
+      </BreadcrumbItem>
+      <BreadcrumbItem key="album" isCurrent={currentPage === "album"}>
+        Album
+      </BreadcrumbItem>
+      <BreadcrumbItem key="song" isDisabled isCurrent={currentPage === "song"}>
+        Song
+      </BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const AppTs = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  const [currentPage, setCurrentPage] = React.useState<React.Key>("music");
+
+  return (
+    <Breadcrumbs
+      hideSeparator
+      onAction={(key) => setCurrentPage(key)}
+      classNames={{
+        list: "gap-2",
+      }}
+      itemClasses={{
+        item: [
+          "px-2 py-0.5 border-small border-default-400 rounded-small",
+          "data-[current=true]:border-default-800 data-[current=true]:bg-foreground data-[current=true]:text-background transition-colors",
+          "data-[disabled=true]:border-default-400 data-[disabled=true]:bg-default-100",
+        ],
+      }}
+    >
+      <BreadcrumbItem key="home" isCurrent={currentPage === "home"}>
+        Home
+      </BreadcrumbItem>
+      <BreadcrumbItem key="music" isCurrent={currentPage === "music"}>
+        Music
+      </BreadcrumbItem>
+      <BreadcrumbItem key="artist" isCurrent={currentPage === "artist"}>
+        Artist
+      </BreadcrumbItem>
+      <BreadcrumbItem key="album" isCurrent={currentPage === "album"}>
+        Album
+      </BreadcrumbItem>
+      <BreadcrumbItem key="song" isDisabled isCurrent={currentPage === "song"}>
+        Song
+      </BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+const reactTs = {
+  "/App.tsx": AppTs,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/breadcrumbs/radius.ts b/apps/docs/content/components/breadcrumbs/radius.ts
new file mode 100644
index 000000000..fb6968d60
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/radius.ts
@@ -0,0 +1,27 @@
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  const radius = [ "full", "lg", "md", "sm", "none"];
+
+  return (
+    <div className="flex flex-col flex-wrap gap-4">
+      {radius.map((r) => (
+        <Breadcrumbs key={r} radius={r} variant="solid">
+          <BreadcrumbItem>Home</BreadcrumbItem>
+          <BreadcrumbItem>Music</BreadcrumbItem>
+          <BreadcrumbItem>Artist</BreadcrumbItem>
+          <BreadcrumbItem>Album</BreadcrumbItem>
+          <BreadcrumbItem>Song</BreadcrumbItem>
+        </Breadcrumbs>
+      ))}
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/routing.ts b/apps/docs/content/components/breadcrumbs/routing.ts
new file mode 100644
index 000000000..62b48c905
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/routing.ts
@@ -0,0 +1,21 @@
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Breadcrumbs>
+      <BreadcrumbItem href="/docs/components/button">Button</BreadcrumbItem>
+      <BreadcrumbItem href="/docs/components/breadcrumbs">Breadcrumbs</BreadcrumbItem>
+      <BreadcrumbItem href="/docs/components/card">Card</BreadcrumbItem>
+      <BreadcrumbItem href="/docs/components/checkbox">Checkbox</BreadcrumbItem>
+      <BreadcrumbItem href="/docs/components/code">Code</BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/separator.ts b/apps/docs/content/components/breadcrumbs/separator.ts
new file mode 100644
index 000000000..15cc27376
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/separator.ts
@@ -0,0 +1,26 @@
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Breadcrumbs
+      separator="/"
+      itemClasses={{
+        separator: "px-2"
+      }}
+    >
+      <BreadcrumbItem>Home</BreadcrumbItem>
+      <BreadcrumbItem>Music</BreadcrumbItem>
+      <BreadcrumbItem>Artist</BreadcrumbItem>
+      <BreadcrumbItem>Album</BreadcrumbItem>
+      <BreadcrumbItem>Song</BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/sizes.ts b/apps/docs/content/components/breadcrumbs/sizes.ts
new file mode 100644
index 000000000..f90e7ca35
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/sizes.ts
@@ -0,0 +1,27 @@
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  const sizes = ["sm", "md", "lg"];
+
+  return (
+    <div className="flex flex-col flex-wrap gap-4">
+      {sizes.map((size) => (
+        <Breadcrumbs key={size} size={size}>
+          <BreadcrumbItem>Home</BreadcrumbItem>
+          <BreadcrumbItem>Music</BreadcrumbItem>
+          <BreadcrumbItem>Artist</BreadcrumbItem>
+          <BreadcrumbItem>Album</BreadcrumbItem>
+          <BreadcrumbItem>Song</BreadcrumbItem>
+        </Breadcrumbs>
+      ))}
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/start-end-content.ts b/apps/docs/content/components/breadcrumbs/start-end-content.ts
new file mode 100644
index 000000000..144fb3a53
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/start-end-content.ts
@@ -0,0 +1,112 @@
+const HomeIcon = `export const HomeIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path d="M20.0402 6.82165L14.2802 2.79165C12.7102 1.69165 10.3002 1.75165 8.79023 2.92165L3.78023 6.83165C2.78023 7.61165 1.99023 9.21165 1.99023 10.4716V17.3716C1.99023 19.9216 4.06023 22.0016 6.61023 22.0016H17.3902C19.9402 22.0016 22.0102 19.9316 22.0102 17.3816V10.6016C22.0102 9.25165 21.1402 7.59165 20.0402 6.82165ZM12.7502 18.0016C12.7502 18.4116 12.4102 18.7516 12.0002 18.7516C11.5902 18.7516 11.2502 18.4116 11.2502 18.0016V15.0016C11.2502 14.5916 11.5902 14.2516 12.0002 14.2516C12.4102 14.2516 12.7502 14.5916 12.7502 15.0016V18.0016Z" fill="currentColor"/>
+  </svg>
+);`;
+
+const MusicIcon = `export const MusicIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path d="M14.5406 13.6719C14.1806 13.6719 13.8906 13.9619 13.8906 14.3219C13.8906 14.6819 14.1806 14.9719 14.5406 14.9719C14.9006 14.9719 15.1906 14.6819 15.1906 14.3219C15.1806 13.9619 14.8906 13.6719 14.5406 13.6719Z" fill="currentColor"/>
+    <path d="M9.06016 14.6602C8.70016 14.6602 8.41016 14.9502 8.41016 15.3102C8.41016 15.6702 8.70016 15.9602 9.06016 15.9602C9.42016 15.9602 9.71016 15.6702 9.71016 15.3102C9.71016 14.9502 9.42016 14.6602 9.06016 14.6602Z" fill="currentColor"/>
+    <path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.88 9.55V14.31C16.88 15.6 15.83 16.65 14.54 16.65C13.25 16.65 12.2 15.6 12.2 14.31C12.2 13.02 13.25 11.97 14.54 11.97C14.77 11.97 14.98 12.01 15.19 12.07V10.65L11.41 11.68V15.3C11.41 15.31 11.4 15.32 11.4 15.33C11.39 16.61 10.34 17.64 9.06 17.64C7.77 17.64 6.72 16.59 6.72 15.3C6.72 14.01 7.77 12.96 9.06 12.96C9.29 12.96 9.5 13 9.71 13.06V11.03V9.29C9.71 8.32 10.31 7.53 11.25 7.28L14.24 6.46C15.2 6.2 15.8 6.45 16.14 6.71C16.47 6.97 16.88 7.48 16.88 8.48V9.55Z" fill="currentColor"/>
+  </svg>
+);`;
+
+const ArtistIcon = `export const ArtistIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path d="M19.5119 5.85L13.5719 2.42C12.6019 1.86 11.4019 1.86 10.4219 2.42L4.49187 5.85C3.52187 6.41 2.92188 7.45 2.92188 8.58V15.42C2.92188 16.54 3.52187 17.58 4.49187 18.15L10.4319 21.58C11.4019 22.14 12.6019 22.14 13.5819 21.58L19.5219 18.15C20.4919 17.59 21.0919 16.55 21.0919 15.42V8.58C21.0819 7.45 20.4819 6.42 19.5119 5.85ZM12.0019 7.34C13.2919 7.34 14.3319 8.38 14.3319 9.67C14.3319 10.96 13.2919 12 12.0019 12C10.7119 12 9.67188 10.96 9.67188 9.67C9.67188 8.39 10.7119 7.34 12.0019 7.34ZM14.6819 16.66H9.32187C8.51187 16.66 8.04187 15.76 8.49187 15.09C9.17187 14.08 10.4919 13.4 12.0019 13.4C13.5119 13.4 14.8319 14.08 15.5119 15.09C15.9619 15.75 15.4819 16.66 14.6819 16.66Z" fill="currentColor"/>
+  </svg>
+);`;
+
+const AlbumIcon = `export const AlbumIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+    >
+    <path d="M18 5.25H6C5.59 5.25 5.25 4.91 5.25 4.5C5.25 4.09 5.59 3.75 6 3.75H18C18.41 3.75 18.75 4.09 18.75 4.5C18.75 4.91 18.41 5.25 18 5.25Z" fill="currentColor"/>
+    <path d="M15 2.75H9C8.59 2.75 8.25 2.41 8.25 2C8.25 1.59 8.59 1.25 9 1.25H15C15.41 1.25 15.75 1.59 15.75 2C15.75 2.41 15.41 2.75 15 2.75Z" fill="currentColor"/>
+    <path d="M13.9091 16.2109C13.5691 16.2109 13.2891 16.4909 13.2891 16.8309C13.2891 17.1709 13.5691 17.4509 13.9091 17.4509C14.2491 17.4509 14.5291 17.1709 14.5291 16.8309C14.5291 16.4909 14.2491 16.2109 13.9091 16.2109Z" fill="currentColor"/>
+    <path d="M9.50953 17.7389C9.50953 17.3989 9.22953 17.1289 8.88953 17.1289C8.54953 17.1289 8.26953 17.4089 8.26953 17.7489C8.26953 18.0889 8.54953 18.3689 8.88953 18.3689C9.22953 18.3589 9.50953 18.0789 9.50953 17.7389Z" fill="currentColor"/>
+    <path d="M18 7H6C3.8 7 2 8.8 2 11V18C2 20.2 3.8 22 6 22H18C20.2 22 22 20.2 22 18V11C22 8.8 20.2 7 18 7ZM16.03 12.46V16.83C16.03 16.85 16.02 16.86 16.02 16.88C15.99 18.02 15.06 18.95 13.91 18.95C12.74 18.95 11.79 18 11.79 16.83C11.79 15.66 12.74 14.71 13.91 14.71C14.13 14.71 14.33 14.75 14.53 14.81V13.44L11.01 14.4V17.73V17.74C11.01 18.91 10.06 19.86 8.89 19.86C7.72 19.86 6.77 18.91 6.77 17.74C6.77 16.57 7.72 15.62 8.89 15.62C9.11 15.62 9.31 15.66 9.51 15.72V13.82V12.22C9.51 11.33 10.06 10.61 10.91 10.39L13.64 9.64C14.52 9.41 15.06 9.64 15.37 9.88C15.67 10.11 16.03 10.58 16.03 11.47V12.46Z" fill="currentColor"/>
+  </svg>
+);`;
+
+const SongIcon = `export const SongIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+    >
+    <path d="M21.7188 6.27879V7.44879C21.7188 8.42879 21.3288 9.26879 20.6388 9.75879C20.2087 10.0788 19.6787 10.2288 19.1287 10.2288C18.7887 10.2288 18.4488 10.1788 18.0988 10.0588L12.7188 8.26879V17.9988C12.7188 20.6188 10.5887 22.7488 7.96875 22.7488C5.34875 22.7488 3.21875 20.6188 3.21875 17.9988C3.21875 15.3788 5.34875 13.2488 7.96875 13.2488C9.22875 13.2488 10.3688 13.7488 11.2188 14.5488V3.99879C11.2188 3.02879 11.6188 2.18879 12.3088 1.68879C12.9987 1.19879 13.9187 1.08879 14.8387 1.38879L19.2588 2.86879C20.6188 3.31879 21.7188 4.84879 21.7188 6.27879Z" fill="currentColor"/>
+  </svg>
+);`;
+
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+import {HomeIcon} from "./HomeIcon";
+import {MusicIcon} from "./MusicIcon";
+import {ArtistIcon} from "./ArtistIcon";
+import {AlbumIcon} from "./AlbumIcon";
+import {SongIcon} from "./SongIcon";
+
+export default function App() {
+  return (
+    <Breadcrumbs>
+      <BreadcrumbItem startContent={<HomeIcon />}>Home</BreadcrumbItem>
+      <BreadcrumbItem startContent={<MusicIcon />}>Music</BreadcrumbItem>
+      <BreadcrumbItem startContent={<ArtistIcon />}>Artist</BreadcrumbItem>
+      <BreadcrumbItem startContent={<AlbumIcon />}>Album</BreadcrumbItem>
+      <BreadcrumbItem startContent={<SongIcon />}>Song</BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/HomeIcon.jsx": HomeIcon,
+  "/MusicIcon.jsx": MusicIcon,
+  "/ArtistIcon.jsx": ArtistIcon,
+  "/AlbumIcon.jsx": AlbumIcon,
+  "/SongIcon.jsx": SongIcon,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/underlines.ts b/apps/docs/content/components/breadcrumbs/underlines.ts
new file mode 100644
index 000000000..990ea97b1
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/underlines.ts
@@ -0,0 +1,39 @@
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  const underlines = ["none", "hover", "always", "active", "focus"];
+  const descriptions = {
+    none: "No underline",
+    hover: "Underline on hover",
+    always: "Always underline",
+    active: "Underline on active",
+    focus: "Underline on focus",
+  }
+
+  return (
+    <div className="flex flex-col flex-wrap gap-4">
+      {underlines.map((u) => (
+        <div key={u}>
+          <p className="mb-1 text-small text-default-600 capitalize">
+            {descriptions[u]} ({u})
+          </p>
+          <Breadcrumbs underline={u}>
+            <BreadcrumbItem>Home</BreadcrumbItem>
+            <BreadcrumbItem>Music</BreadcrumbItem>
+            <BreadcrumbItem>Artist</BreadcrumbItem>
+            <BreadcrumbItem>Album</BreadcrumbItem>
+            <BreadcrumbItem>Song</BreadcrumbItem>
+          </Breadcrumbs>
+        </div>
+      ))}
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/usage.ts b/apps/docs/content/components/breadcrumbs/usage.ts
new file mode 100644
index 000000000..df213fce9
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/usage.ts
@@ -0,0 +1,21 @@
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Breadcrumbs>
+      <BreadcrumbItem>Home</BreadcrumbItem>
+      <BreadcrumbItem>Music</BreadcrumbItem>
+      <BreadcrumbItem>Artist</BreadcrumbItem>
+      <BreadcrumbItem>Album</BreadcrumbItem>
+      <BreadcrumbItem>Song</BreadcrumbItem>
+    </Breadcrumbs>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/breadcrumbs/variants.ts b/apps/docs/content/components/breadcrumbs/variants.ts
new file mode 100644
index 000000000..45406cb58
--- /dev/null
+++ b/apps/docs/content/components/breadcrumbs/variants.ts
@@ -0,0 +1,27 @@
+const App = `import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";
+
+export default function App() {
+  const variants = ["solid", "bordered", "light"];
+
+  return (
+    <div className="flex flex-col flex-wrap gap-4">
+      {variants.map((variant) => (
+        <Breadcrumbs key={variant} variant={variant}>
+          <BreadcrumbItem>Home</BreadcrumbItem>
+          <BreadcrumbItem>Music</BreadcrumbItem>
+          <BreadcrumbItem>Artist</BreadcrumbItem>
+          <BreadcrumbItem>Album</BreadcrumbItem>
+          <BreadcrumbItem>Song</BreadcrumbItem>
+        </Breadcrumbs>
+      ))}
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/card/blurred.ts b/apps/docs/content/components/card/blurred.ts
index 568ed421c..063702b5d 100644
--- a/apps/docs/content/components/card/blurred.ts
+++ b/apps/docs/content/components/card/blurred.ts
@@ -140,7 +140,7 @@ const ShuffleIcon = `export const ShuffleIcon = ({size = 24, width, height, ...p
   </svg>
 );`;
 
-const App = `import {Card, CardBody, Image, Button, Progress} from "@nextui-org/react";
+const App = `import {Card, CardBody, Image, Button, Slider} from "@nextui-org/react";
 import {HeartIcon} from "./HeartIcon";
 import {PauseCircleIcon} from "./PauseCircleIcon";
 import {NextIcon} from "./NextIcon";
@@ -192,15 +192,15 @@ export default function App() {
             </div>
 
             <div className="flex flex-col mt-3 gap-1">
-              <Progress
+              <Slider
                 aria-label="Music progress"
                 classNames={{
-                  indicator: "bg-default-800 dark:bg-white",
                   track: "bg-default-500/30",
+                  thumb: "w-2 h-2 after:w-2 after:h-2 after:bg-foreground",
                 }}
-                color="default"
+                color="foreground"
+                defaultValue={33}
                 size="sm"
-                value={33}
               />
               <div className="flex justify-between">
                 <p className="text-small">1:23</p>
diff --git a/apps/docs/content/components/dropdown/custom-items-styles.ts b/apps/docs/content/components/dropdown/custom-items-styles.ts
index ede0e5901..fde0ff2fa 100644
--- a/apps/docs/content/components/dropdown/custom-items-styles.ts
+++ b/apps/docs/content/components/dropdown/custom-items-styles.ts
@@ -30,8 +30,8 @@ export default function App() {
       showArrow
       radius="sm"
       classNames={{
-        base: "p-0 border-small border-divider bg-background",
-        arrow: "bg-default-200",
+        base: "before:bg-default-200", // change arrow background
+        content: "p-0 border-small border-divider bg-background",
       }}
     >
       <DropdownTrigger>
diff --git a/apps/docs/content/components/dropdown/custom-popover-styles.ts b/apps/docs/content/components/dropdown/custom-popover-styles.ts
index 014569e15..b93aee09c 100644
--- a/apps/docs/content/components/dropdown/custom-popover-styles.ts
+++ b/apps/docs/content/components/dropdown/custom-popover-styles.ts
@@ -113,8 +113,8 @@ export default function App() {
     <Dropdown
       showArrow
       classNames={{
-        base: "py-1 px-1 border border-default-200 bg-gradient-to-br from-white to-default-200 dark:from-default-50 dark:to-black",
-        arrow: "bg-default-200",
+        base: "before:bg-default-200", // change arrow background
+        content: "py-1 px-1 border border-default-200 bg-gradient-to-br from-white to-default-200 dark:from-default-50 dark:to-black",
       }}
     >
       <DropdownTrigger>
diff --git a/apps/docs/content/components/index.ts b/apps/docs/content/components/index.ts
index 7521189dd..ac6e66482 100644
--- a/apps/docs/content/components/index.ts
+++ b/apps/docs/content/components/index.ts
@@ -30,3 +30,4 @@ export * from "./pagination";
 export * from "./dropdown";
 export * from "./navbar";
 export * from "./table";
+export * from "./autocomplete";
diff --git a/apps/docs/content/components/input/custom-impl.ts b/apps/docs/content/components/input/custom-impl.ts
index 55533e508..8fb99cecd 100644
--- a/apps/docs/content/components/input/custom-impl.ts
+++ b/apps/docs/content/components/input/custom-impl.ts
@@ -98,7 +98,7 @@ const MyInput = forwardRef((props, ref) => {
     type: "search",
     placeholder: "Type to search...",
     startContent: (
-      <SearchIcon className="text-black/50 dark:text-white/90 text-slate-400 pointer-events-none flex-shrink-0" />
+      <SearchIcon className="text-black/50 mb-0.5 dark:text-white/90 text-slate-400 pointer-events-none flex-shrink-0" />
     ),
     // custom styles
     classNames: {
diff --git a/apps/docs/content/components/input/custom-styles.ts b/apps/docs/content/components/input/custom-styles.ts
index 30065dbc9..b7fb40d9b 100644
--- a/apps/docs/content/components/input/custom-styles.ts
+++ b/apps/docs/content/components/input/custom-styles.ts
@@ -59,7 +59,7 @@ export default function App() {
         }}
         placeholder="Type to search..."
         startContent={
-          <SearchIcon className="text-black/50 dark:text-white/90 text-slate-400 pointer-events-none flex-shrink-0" />
+          <SearchIcon className="text-black/50 mb-0.5 dark:text-white/90 text-slate-400 pointer-events-none flex-shrink-0" />
         }
       />
     </div>
diff --git a/apps/docs/content/components/listbox/index.ts b/apps/docs/content/components/listbox/index.ts
index a0e51628f..35c8dcd9c 100644
--- a/apps/docs/content/components/listbox/index.ts
+++ b/apps/docs/content/components/listbox/index.ts
@@ -8,6 +8,7 @@ import icons from "./icons";
 import description from "./description";
 import sections from "./sections";
 import customStyles from "./custom-styles";
+import topContent from "./top-content";
 
 export const listboxContent = {
   usage,
@@ -20,4 +21,5 @@ export const listboxContent = {
   description,
   sections,
   customStyles,
+  topContent,
 };
diff --git a/apps/docs/content/components/listbox/top-content.ts b/apps/docs/content/components/listbox/top-content.ts
new file mode 100644
index 000000000..309a24454
--- /dev/null
+++ b/apps/docs/content/components/listbox/top-content.ts
@@ -0,0 +1,347 @@
+const data = `export const users = [
+  {
+    id: 1,
+    name: "Tony Reichert",
+    role: "CEO",
+    team: "Management",
+    status: "active",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/1.png",
+    email: "tony.reichert@example.com",
+  },
+  {
+    id: 2,
+    name: "Zoey Lang",
+    role: "Tech Lead",
+    team: "Development",
+    status: "paused",
+    age: "25",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/1.png",
+    email: "zoey.lang@example.com",
+  },
+  {
+    id: 3,
+    name: "Jane Fisher",
+    role: "Sr. Dev",
+    team: "Development",
+    status: "active",
+    age: "22",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/2.png",
+    email: "jane.fisher@example.com",
+  },
+  {
+    id: 4,
+    name: "William Howard",
+    role: "C.M.",
+    team: "Marketing",
+    status: "vacation",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/2.png",
+    email: "william.howard@example.com",
+  },
+  {
+    id: 5,
+    name: "Kristen Copper",
+    role: "S. Manager",
+    team: "Sales",
+    status: "active",
+    age: "24",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/3.png",
+    email: "kristen.cooper@example.com",
+  },
+  {
+    id: 6,
+    name: "Brian Kim",
+    role: "P. Manager",
+    team: "Management",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/3.png",
+    email: "brian.kim@example.com",
+    status: "Active",
+  },
+  {
+    id: 7,
+    name: "Michael Hunt",
+    role: "Designer",
+    team: "Design",
+    status: "paused",
+    age: "27",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/4.png",
+    email: "michael.hunt@example.com",
+  },
+  {
+    id: 8,
+    name: "Samantha Brooks",
+    role: "HR Manager",
+    team: "HR",
+    status: "active",
+    age: "31",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/4.png",
+    email: "samantha.brooks@example.com",
+  },
+  {
+    id: 9,
+    name: "Frank Harrison",
+    role: "F. Manager",
+    team: "Finance",
+    status: "vacation",
+    age: "33",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/5.png",
+    email: "frank.harrison@example.com",
+  },
+  {
+    id: 10,
+    name: "Emma Adams",
+    role: "Ops Manager",
+    team: "Operations",
+    status: "active",
+    age: "35",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/5.png",
+    email: "emma.adams@example.com",
+  },
+  {
+    id: 11,
+    name: "Brandon Stevens",
+    role: "Jr. Dev",
+    team: "Development",
+    status: "active",
+    age: "22",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/7.png",
+    email: "brandon.stevens@example.com",
+  },
+  {
+    id: 12,
+    name: "Megan Richards",
+    role: "P. Manager",
+    team: "Product",
+    status: "paused",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/7.png",
+    email: "megan.richards@example.com",
+  },
+  {
+    id: 13,
+    name: "Oliver Scott",
+    role: "S. Manager",
+    team: "Security",
+    status: "active",
+    age: "37",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/8.png",
+    email: "oliver.scott@example.com",
+  },
+  {
+    id: 14,
+    name: "Grace Allen",
+    role: "M. Specialist",
+    team: "Marketing",
+    status: "active",
+    age: "30",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/8.png",
+    email: "grace.allen@example.com",
+  },
+  {
+    id: 15,
+    name: "Noah Carter",
+    role: "IT Specialist",
+    team: "I. Technology",
+    status: "paused",
+    age: "31",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/9.png",
+    email: "noah.carter@example.com",
+  },
+  {
+    id: 16,
+    name: "Ava Perez",
+    role: "Manager",
+    team: "Sales",
+    status: "active",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/9.png",
+    email: "ava.perez@example.com",
+  },
+  {
+    id: 17,
+    name: "Liam Johnson",
+    role: "Data Analyst",
+    team: "Analysis",
+    status: "active",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/11.png",
+    email: "liam.johnson@example.com",
+  },
+  {
+    id: 18,
+    name: "Sophia Taylor",
+    role: "QA Analyst",
+    team: "Testing",
+    status: "active",
+    age: "27",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/11.png",
+    email: "sophia.taylor@example.com",
+  },
+  {
+    id: 19,
+    name: "Lucas Harris",
+    role: "Administrator",
+    team: "Information Technology",
+    status: "paused",
+    age: "32",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/12.png",
+    email: "lucas.harris@example.com",
+  },
+  {
+    id: 20,
+    name: "Mia Robinson",
+    role: "Coordinator",
+    team: "Operations",
+    status: "active",
+    age: "26",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/12.png",
+    email: "mia.robinson@example.com",
+  },
+];`;
+
+const ListboxWrapper = `export const ListboxWrapper = ({children}) => (
+  <div className="w-full max-w-[260px] border-small px-1 py-2 rounded-small border-default-200 dark:border-default-100">
+    {children}
+  </div>
+);`;
+
+const ListboxWrapperTs = `export const ListboxWrapper = ({children}: { children: React.ReactNode }) => (
+  <div className="w-full max-w-[260px] border-small px-1 py-2 rounded-small border-default-200 dark:border-default-100">
+    {children}
+  </div>
+);`;
+
+const App = `import {Listbox, ListboxItem, Chip, ScrollShadow, Avatar} from "@nextui-org/react";
+import {ListboxWrapper} from "./ListboxWrapper";
+import {users} from "./data";
+
+export default function App() {
+  const [values, setValues] = React.useState(new Set(["1"]));
+
+  const arrayValues = Array.from(values);
+
+  const topContent = React.useMemo(() => {
+    if (!arrayValues.length) {
+      return null;
+    }
+
+    return (
+      <ScrollShadow
+        hideScrollBar
+        className="w-full flex py-0.5 px-2 gap-1"
+        orientation="horizontal"
+      >
+        {arrayValues.map((value) => (
+          <Chip key={value}>{users.find((user) => \`\${user.id}\` === \`\${value}\`).name}</Chip>
+        ))}
+      </ScrollShadow>
+    );
+  }, [arrayValues.length]);
+
+  return (
+    <ListboxWrapper>
+      <Listbox
+        topContent={topContent}
+        classNames={{
+          base: "max-w-xs",
+          list: "max-h-[300px] overflow-scroll",
+        }}
+        defaultSelectedKeys={["1"]}
+        items={users}
+        label="Assigned to"
+        selectionMode="multiple"
+        onSelectionChange={setValues}
+        variant="flat"
+      >
+        {(item) => (
+          <ListboxItem key={item.id} textValue={item.name}>
+            <div className="flex gap-2 items-center">
+              <Avatar alt={item.name} className="flex-shrink-0" size="sm" src={item.avatar} />
+              <div className="flex flex-col">
+                <span className="text-small">{item.name}</span>
+                <span className="text-tiny text-default-400">{item.email}</span>
+              </div>
+            </div>
+          </ListboxItem>
+        )}
+      </Listbox>
+    </ListboxWrapper>
+  );
+}`;
+
+const AppTs = `import {Listbox, ListboxItem, Chip, ScrollShadow, Avatar, Selection} from "@nextui-org/react";
+import {ListboxWrapper} from "./ListboxWrapper";
+import {users} from "./data";
+
+export default function App() {
+  const [values, setValues] = React.useState<Selection>(new Set(["1"]));
+
+  const arrayValues = Array.from(values);
+
+  const topContent = React.useMemo(() => {
+    if (!arrayValues.length) {
+      return null;
+    }
+
+    return (
+      <ScrollShadow
+        hideScrollBar
+        className="w-full flex py-0.5 px-2 gap-1"
+        orientation="horizontal"
+      >
+        {arrayValues.map((value) => (
+          <Chip key={value}>{users.find((user) => \`\${user.id}\` === \`\${value}\`).name}</Chip>
+        ))}
+      </ScrollShadow>
+    );
+  }, [arrayValues.length]);
+
+  return (
+    <ListboxWrapper>
+      <Listbox
+        topContent={topContent}
+        classNames={{
+          base: "max-w-xs",
+          list: "max-h-[300px] overflow-scroll",
+        }}
+        defaultSelectedKeys={["1"]}
+        items={users}
+        label="Assigned to"
+        selectionMode="multiple"
+        onSelectionChange={setValues}
+        variant="flat"
+      >
+        {(item) => (
+          <ListboxItem key={item.id} textValue={item.name}>
+            <div className="flex gap-2 items-center">
+              <Avatar alt={item.name} className="flex-shrink-0" size="sm" src={item.avatar} />
+              <div className="flex flex-col">
+                <span className="text-small">{item.name}</span>
+                <span className="text-tiny text-default-400">{item.email}</span>
+              </div>
+            </div>
+          </ListboxItem>
+        )}
+      </Listbox>
+    </ListboxWrapper>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/ListboxWrapper.jsx": ListboxWrapper,
+  "/data.js": data,
+};
+
+const reactTs = {
+  "/App.tsx": AppTs,
+  "/ListboxWrapper.tsx": ListboxWrapperTs,
+  "/data.ts": data,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/pagination/custom-items.ts b/apps/docs/content/components/pagination/custom-items.ts
index 03bf3b350..080ffe6ff 100644
--- a/apps/docs/content/components/pagination/custom-items.ts
+++ b/apps/docs/content/components/pagination/custom-items.ts
@@ -52,6 +52,7 @@ import {ChevronIcon} from "./ChevronIcon";
 export default function App() {
   const renderItem = ({
     ref,
+    key,
     value,
     isActive,
     onNext,
@@ -61,7 +62,7 @@ export default function App() {
   }: PaginationItemRenderProps<HTMLButtonElement>) => {
     if (value === PaginationItemType.NEXT) {
       return (
-        <button className={cn(className, "bg-default-200/50 min-w-8 w-8 h-8")} onClick={onNext}>
+        <button key={key} className={cn(className, "bg-default-200/50 min-w-8 w-8 h-8")} onClick={onNext}>
           <ChevronIcon className="rotate-180" />
         </button>
       );
@@ -69,20 +70,21 @@ export default function App() {
 
     if (value === PaginationItemType.PREV) {
       return (
-        <button className={cn(className, "bg-default-200/50 min-w-8 w-8 h-8")} onClick={onPrevious}>
+        <button key={key} className={cn(className, "bg-default-200/50 min-w-8 w-8 h-8")} onClick={onPrevious}>
           <ChevronIcon />
         </button>
       );
     }
 
     if (value === PaginationItemType.DOTS) {
-      return <button className={className}>...</button>;
+      return <button key={key} className={className}>...</button>;
     }
 
     // cursor is the default item
     return (
       <button
         ref={ref}
+        key={key}
         className={cn(
           className,
           isActive &&
@@ -115,6 +117,7 @@ import {ChevronIcon} from "./ChevronIcon";
 export default function App() {
   const renderItem = ({
     ref,
+    key,
     value,
     isActive,
     onNext,
@@ -124,7 +127,7 @@ export default function App() {
   }) => {
     if (value === PaginationItemType.NEXT) {
       return (
-        <button className={cn(className, "bg-default-200/50 min-w-8 w-8 h-8")} onClick={onNext}>
+        <button key={key} className={cn(className, "bg-default-200/50 min-w-8 w-8 h-8")} onClick={onNext}>
           <ChevronIcon className="rotate-180" />
         </button>
       );
@@ -132,19 +135,20 @@ export default function App() {
 
     if (value === PaginationItemType.PREV) {
       return (
-        <button className={cn(className, "bg-default-200/50 min-w-8 w-8 h-8")} onClick={onPrevious}>
+        <button key={key} className={cn(className, "bg-default-200/50 min-w-8 w-8 h-8")} onClick={onPrevious}>
           <ChevronIcon />
         </button>
       );
     }
 
     if (value === PaginationItemType.DOTS) {
-      return <button className={className}>...</button>;
+      return <button key={key} className={className}>...</button>;
     }
 
     // cursor is the default item
     return (
       <button
+        key={key}
         ref={ref}
         className={cn(
           className,
diff --git a/apps/docs/content/components/popover/custom-styles.ts b/apps/docs/content/components/popover/custom-styles.ts
index 959abf4f0..42684474c 100644
--- a/apps/docs/content/components/popover/custom-styles.ts
+++ b/apps/docs/content/components/popover/custom-styles.ts
@@ -7,8 +7,15 @@ export default function App() {
       backdrop="opaque"
       placement="right"
       classNames={{
-        base: "py-3 px-4 border border-default-200 bg-gradient-to-br from-white to-default-300 dark:from-default-100 dark:to-default-50",
-        arrow: "bg-default-200",
+        base: [  
+          // arrow color
+          "before:bg-default-200"
+        ],
+        content: [
+          "py-3 px-4 border border-default-200",
+          "bg-gradient-to-br from-white to-default-300",
+          "dark:from-default-100 dark:to-default-50",
+        ],
       }}
     >
       <PopoverTrigger>
diff --git a/apps/docs/content/components/select/custom-styles.ts b/apps/docs/content/components/select/custom-styles.ts
index fbb253185..57307ab61 100644
--- a/apps/docs/content/components/select/custom-styles.ts
+++ b/apps/docs/content/components/select/custom-styles.ts
@@ -233,8 +233,8 @@ export default function App() {
       }}
       popoverProps={{
         classNames: {
-          base: "p-0 border-small border-divider bg-background",
-          arrow: "bg-default-200",
+          base: "before:bg-default-200",
+          content: "p-0 border-small border-divider bg-background",
         },
       }}
       renderValue={(items) => {
diff --git a/apps/docs/content/components/select/single-controlled-onchange.ts b/apps/docs/content/components/select/single-controlled-onchange.ts
index 2b2ba704b..212402872 100644
--- a/apps/docs/content/components/select/single-controlled-onchange.ts
+++ b/apps/docs/content/components/select/single-controlled-onchange.ts
@@ -30,10 +30,10 @@ const App = `import {Select, SelectItem} from "@nextui-org/react";
 import {animals} from "./data";
 
 export default function App() {
-  const [value, setValue] = React.useState(new Set([]));
+  const [value, setValue] = React.useState("");
 
   const handleSelectionChange = (e) => {
-    setValue(new Set([e.target.value]));
+    setValue(e.target.value);
   };
 
   return (
@@ -42,7 +42,7 @@ export default function App() {
         label="Favorite Animal"
         variant="bordered"
         placeholder="Select an animal"
-        selectedKeys={value}
+        selectedKeys={[value]}
         className="max-w-xs"
         onChange={handleSelectionChange}
       >
@@ -57,14 +57,14 @@ export default function App() {
   );
 }`;
 
-const AppTs = `import {Select, SelectItem, Selection} from "@nextui-org/react";
+const AppTs = `import {Select, SelectItem} from "@nextui-org/react";
 import {animals} from "./data";
 
 export default function App() {
-  const [value, setValue] = React.useState<Selection>(new Set([]));
+  const [value, setValue] = React.useState<string>("");
 
   const handleSelectionChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
-    setValue(new Set([e.target.value]));
+    setValue(e.target.value);
   };
 
   return (
@@ -73,7 +73,7 @@ export default function App() {
         label="Favorite Animal"
         variant="bordered"
         placeholder="Select an animal"
-        selectedKeys={value}
+        selectedKeys={[value]}
         className="max-w-xs"
         onChange={handleSelectionChange}
       >
diff --git a/apps/docs/content/components/slider/colors.ts b/apps/docs/content/components/slider/colors.ts
new file mode 100644
index 000000000..f26d3f88a
--- /dev/null
+++ b/apps/docs/content/components/slider/colors.ts
@@ -0,0 +1,37 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  const colors = [
+    "foreground",
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+  ];
+
+  return (
+    <div className="flex flex-col gap-6 w-full max-w-md">
+      {colors.map((color) => (
+        <Slider
+          key={color}
+          color={color}
+          step={0.01}
+          maxValue={1}
+          minValue={0}
+          defaultValue={0.7}
+          aria-label="Temperature"
+          className="max-w-md"
+        />
+      ))}
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/controlled-change-end.ts b/apps/docs/content/components/slider/controlled-change-end.ts
new file mode 100644
index 000000000..5206d4118
--- /dev/null
+++ b/apps/docs/content/components/slider/controlled-change-end.ts
@@ -0,0 +1,51 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  const [value, setValue] = React.useState(25);
+
+  return (
+    <div className="flex flex-col gap-2 w-full h-full max-w-md items-start justify-center">
+      <Slider
+        aria-label="Volume"
+        size="lg"
+        color="secondary"
+        onChangeEnd={setValue}
+        className="max-w-md"
+      />
+      <p className="text-default-500 font-medium text-small">Current volume: {value}</p>
+    </div>
+  );
+}`;
+
+const AppTs = `import {Slider, SliderValue} from "@nextui-org/react";
+
+export default function App() {
+  const [value, setValue] = React.useState<SliderValue>(25);
+
+  return (
+    <div className="flex flex-col gap-2 w-full h-full max-w-md items-start justify-center">
+      <Slider 
+        aria-label="Volume"
+        size="lg"
+        color="secondary"
+        defaultValue={70}
+        onChangeEnd={setValue}
+        className="max-w-md"
+      />
+      <p className="text-default-500 font-medium text-small">Current volume: {value}</p>
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+const reactTs = {
+  "/App.tsx": AppTs,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/slider/controlled-range.ts b/apps/docs/content/components/slider/controlled-range.ts
new file mode 100644
index 000000000..61d0bf192
--- /dev/null
+++ b/apps/docs/content/components/slider/controlled-range.ts
@@ -0,0 +1,60 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  const [value, setValue] = React.useState([100, 300]);
+
+  return (
+    <div className="flex flex-col gap-2 w-full h-full max-w-md items-start justify-center">
+      <Slider 
+        label="Select a budget"
+        formatOptions={{style: "currency", currency: "USD"}}
+        step={10}
+        maxValue={1000}
+        minValue={0}
+        value={value} 
+        onChange={setValue}
+        className="max-w-md"
+      />
+      <p className="text-default-500 font-medium text-small">
+        Selected budget: {Array.isArray(value) && value.map((b) => \`$\${b}\`).join(" – ")}
+      </p>
+    </div>
+  );
+}`;
+
+const AppTs = `import {Slider, SliderValue} from "@nextui-org/react";
+
+export default function App() {
+  const [value, setValue] = React.useState<SliderValue>([100, 300]);
+
+  return (
+    <div className="flex flex-col gap-2 w-full h-full max-w-md items-start justify-center">
+      <Slider 
+        label="Select a budget"
+        formatOptions={{style: "currency", currency: "USD"}}
+        step={10}
+        maxValue={1000}
+        minValue={0}
+        value={value} 
+        onChange={setValue}
+        className="max-w-md"
+      />
+      <p className="text-default-500 font-medium text-small">
+        Selected budget: {Array.isArray(value) && value.map((b) => \`$\${b}\`).join(" – ")}
+      </p>
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+const reactTs = {
+  "/App.tsx": AppTs,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/slider/controlled.ts b/apps/docs/content/components/slider/controlled.ts
new file mode 100644
index 000000000..0f7e03ef4
--- /dev/null
+++ b/apps/docs/content/components/slider/controlled.ts
@@ -0,0 +1,146 @@
+const VolumeHighIcon = `export const VolumeHighIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M18.0003 16.7503C17.8403 16.7503 17.6903 16.7003 17.5503 16.6003C17.2203 16.3503 17.1503 15.8803 17.4003 15.5503C18.9703 13.4603 18.9703 10.5403 17.4003 8.45027C17.1503 8.12027 17.2203 7.65027 17.5503 7.40027C17.8803 7.15027 18.3503 7.22027 18.6003 7.55027C20.5603 10.1703 20.5603 13.8303 18.6003 16.4503C18.4503 16.6503 18.2303 16.7503 18.0003 16.7503Z"
+      fill="currentColor"
+    />
+    <path
+      d="M19.8284 19.2503C19.6684 19.2503 19.5184 19.2003 19.3784 19.1003C19.0484 18.8503 18.9784 18.3803 19.2284 18.0503C21.8984 14.4903 21.8984 9.51027 19.2284 5.95027C18.9784 5.62027 19.0484 5.15027 19.3784 4.90027C19.7084 4.65027 20.1784 4.72027 20.4284 5.05027C23.4984 9.14027 23.4984 14.8603 20.4284 18.9503C20.2884 19.1503 20.0584 19.2503 19.8284 19.2503Z"
+      fill="currentColor"
+    />
+    <path
+      d="M14.02 3.78168C12.9 3.16168 11.47 3.32168 10.01 4.23168L7.09 6.06168C6.89 6.18168 6.66 6.25168 6.43 6.25168H5.5H5C2.58 6.25168 1.25 7.58168 1.25 10.0017V14.0017C1.25 16.4217 2.58 17.7517 5 17.7517H5.5H6.43C6.66 17.7517 6.89 17.8217 7.09 17.9417L10.01 19.7717C10.89 20.3217 11.75 20.5917 12.55 20.5917C13.07 20.5917 13.57 20.4717 14.02 20.2217C15.13 19.6017 15.75 18.3117 15.75 16.5917V7.41168C15.75 5.69168 15.13 4.40168 14.02 3.78168Z"
+      fill="currentColor"
+    />
+  </svg>
+);`;
+
+const VolumeLowIcon = `export const VolumeLowIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M19.3284 16.7503C19.1684 16.7503 19.0184 16.7003 18.8784 16.6003C18.5484 16.3503 18.4784 15.8803 18.7284 15.5503C20.2984 13.4603 20.2984 10.5403 18.7284 8.45027C18.4784 8.12027 18.5484 7.65027 18.8784 7.40027C19.2084 7.15027 19.6784 7.22027 19.9284 7.55027C21.8984 10.1703 21.8984 13.8303 19.9284 16.4503C19.7884 16.6503 19.5584 16.7503 19.3284 16.7503Z"
+      fill="currentColor"
+    />
+    <path
+      d="M15.3481 3.78168C14.2281 3.16168 12.7981 3.32168 11.3381 4.23168L8.41813 6.06168C8.21813 6.18168 7.98813 6.25168 7.75813 6.25168H6.82812H6.32812C3.90812 6.25168 2.57812 7.58168 2.57812 10.0017V14.0017C2.57812 16.4217 3.90812 17.7517 6.32812 17.7517H6.82812H7.75813C7.98813 17.7517 8.21813 17.8217 8.41813 17.9417L11.3381 19.7717C12.2181 20.3217 13.0781 20.5917 13.8781 20.5917C14.3981 20.5917 14.8981 20.4717 15.3481 20.2217C16.4581 19.6017 17.0781 18.3117 17.0781 16.5917V7.41168C17.0781 5.69168 16.4581 4.40168 15.3481 3.78168Z"
+      fill="currentColor"
+    />
+  </svg>
+);`;
+
+const App = `import {Slider, Button} from "@nextui-org/react";
+import {VolumeLowIcon} from "./VolumeLowIcon";
+import {VolumeHighIcon} from "./VolumeHighIcon";
+
+export default function App() {
+  const [value, setValue] = React.useState(25);
+
+  return (
+    <div className="flex flex-col gap-2 w-full h-full max-w-md items-start justify-center">
+      <Slider
+        aria-label="Volume"
+        size="lg"
+        color="success"
+        value={value}
+        onChange={setValue}
+        startContent={
+          <Button
+            isIconOnly
+            radius="full"
+            variant="light"
+            onPress={() => setValue((prev) => prev >= 10 ? prev - 10 : 0)}
+          >
+            <VolumeLowIcon className="text-2xl" />
+          </Button>
+        }
+        endContent={
+          <Button
+            isIconOnly
+            radius="full"
+            variant="light"
+            onPress={() => setValue((prev) => prev <= 90 ? prev + 10 : 100)}
+          >
+            <VolumeHighIcon className="text-2xl" />
+          </Button>
+        }
+        className="max-w-md"
+      />
+      <p className="text-default-500 font-medium text-small">Current volume: {value}</p>
+    </div>
+  );
+}`;
+
+const AppTs = `import {Slider, Button, SliderValue} from "@nextui-org/react";
+import {VolumeLowIcon} from "./VolumeLowIcon";
+import {VolumeHighIcon} from "./VolumeHighIcon";
+
+export default function App() {
+  const [value, setValue] = React.useState<SliderValue>(25);
+
+  return (
+    <div className="flex flex-col gap-2 w-full h-full max-w-md items-start justify-center">
+      <Slider 
+        aria-label="Volume"
+        size="lg"
+        color="success"
+        value={value} 
+        onChange={setValue}
+        startContent={
+          <Button
+            isIconOnly
+            variant="light"
+            radius="full"
+            onPress={() => setValue((prev) => prev >= 10 ? prev - 10 : 0)}
+          >
+            <VolumeLowIcon className="text-2xl" />
+          </Button>
+        }
+        endContent={
+          <Button
+            isIconOnly
+            variant="light"
+            radius="full"
+            onPress={() => setValue((prev) => prev <= 90 ? prev + 10 : 100)}
+          >
+            <VolumeHighIcon className="text-2xl" />
+          </Button>
+        }
+        className="max-w-md"
+      />
+      <p className="text-default-500 font-medium text-small">Current volume: {value}</p>
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/VolumeHighIcon.jsx": VolumeHighIcon,
+  "/VolumeLowIcon.jsx": VolumeLowIcon,
+};
+
+const reactTs = {
+  "/App.tsx": AppTs,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/slider/custom-styles.ts b/apps/docs/content/components/slider/custom-styles.ts
new file mode 100644
index 000000000..afcc7d27e
--- /dev/null
+++ b/apps/docs/content/components/slider/custom-styles.ts
@@ -0,0 +1,55 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider 
+      label="Price Range"
+      step={100} 
+      maxValue={1000} 
+      minValue={0} 
+      defaultValue={[100, 300]}
+      showSteps={true}
+      showTooltip={true}
+      showOutline={true}
+      disableThumbScale={true}
+      formatOptions={{style: "currency", currency: "USD"}}
+      tooltipValueFormatOptions={{style: "currency", currency: "USD", maximumFractionDigits: 0}}
+      classNames={{
+        base: "max-w-md",
+        filler: "bg-gradient-to-r from-primary-500 to-secondary-400",
+        labelWrapper: "mb-2",
+        label: "font-medium text-default-700 text-medium",
+        value: "font-medium text-default-500 text-small",
+        thumb: [
+          "transition-size",
+          "bg-gradient-to-r from-secondary-400 to-primary-500",
+          "data-[dragging=true]:shadow-lg data-[dragging=true]:shadow-black/20",
+          "data-[dragging=true]:w-7 data-[dragging=true]:h-7 data-[dragging=true]:after:h-6 data-[dragging=true]:after:w-6"
+        ],
+        step: "data-[in-range=true]:bg-black/30 dark:data-[in-range=true]:bg-white/50"
+      }}
+      tooltipProps={{
+        offset: 10,
+        placement: "bottom",
+        classNames: {
+          base: [
+            // arrow color
+            "before:bg-gradient-to-r before:from-secondary-400 before:to-primary-500",
+          ],
+          content: [
+            "py-2 shadow-xl",
+            "text-white bg-gradient-to-r from-secondary-400 to-primary-500",
+          ],
+        },
+      }}
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/disable-thumb-scale.ts b/apps/docs/content/components/slider/disable-thumb-scale.ts
new file mode 100644
index 000000000..681e6fa09
--- /dev/null
+++ b/apps/docs/content/components/slider/disable-thumb-scale.ts
@@ -0,0 +1,49 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <div className="flex flex-col gap-6 w-full max-w-md">
+      <Slider   
+        size="sm"
+        step={0.01} 
+        maxValue={1} 
+        minValue={0} 
+        color="secondary"
+        disableThumbScale={true}
+        aria-label="Temperature"
+        defaultValue={0.2}
+        className="max-w-md" 
+      />
+      <Slider   
+        size="md"
+        step={0.01} 
+        maxValue={1} 
+        minValue={0} 
+        color="secondary"
+        disableThumbScale={true}
+        aria-label="Temperature"
+        defaultValue={0.4}
+        className="max-w-md" 
+      />
+      <Slider   
+        size="lg"
+        step={0.01} 
+        maxValue={1} 
+        minValue={0} 
+        color="secondary"
+        disableThumbScale={true}
+        aria-label="Temperature"
+        defaultValue={0.6}
+        className="max-w-md" 
+      />
+    </div> 
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/disabled.ts b/apps/docs/content/components/slider/disabled.ts
new file mode 100644
index 000000000..07ac82bc4
--- /dev/null
+++ b/apps/docs/content/components/slider/disabled.ts
@@ -0,0 +1,23 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider 
+      isDisabled 
+      label="Temperature" 
+      step={0.01} 
+      maxValue={1} 
+      minValue={0} 
+      defaultValue={0.6}
+      className="max-w-md"
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/fill-offset.ts b/apps/docs/content/components/slider/fill-offset.ts
new file mode 100644
index 000000000..e293a6fa9
--- /dev/null
+++ b/apps/docs/content/components/slider/fill-offset.ts
@@ -0,0 +1,26 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider 
+      label="Exposure" 
+      size="sm"
+      color="warning"
+      step={0.01} 
+      maxValue={5} 
+      minValue={-5} 
+      fillOffset={0}
+      defaultValue={1.5}
+      className="max-w-md"
+      formatOptions={{signDisplay: 'always'}}
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/get-value.ts b/apps/docs/content/components/slider/get-value.ts
new file mode 100644
index 000000000..58a100dbc
--- /dev/null
+++ b/apps/docs/content/components/slider/get-value.ts
@@ -0,0 +1,21 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider 
+      label="Donuts to buy"
+      size="sm"
+      maxValue={60}
+      getValue={(donuts) => \`\${donuts} of 60 Donuts\`}
+      className="max-w-md"
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/hide-thumb.ts b/apps/docs/content/components/slider/hide-thumb.ts
new file mode 100644
index 000000000..4be475c9d
--- /dev/null
+++ b/apps/docs/content/components/slider/hide-thumb.ts
@@ -0,0 +1,21 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider 
+      aria-label="Player progress" 
+      color="foreground"
+      hideThumb={true}
+      defaultValue={20}
+      className="max-w-md"
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/hide-value.ts b/apps/docs/content/components/slider/hide-value.ts
new file mode 100644
index 000000000..54d160702
--- /dev/null
+++ b/apps/docs/content/components/slider/hide-value.ts
@@ -0,0 +1,24 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider 
+      label="Temperature" 
+      color="danger"
+      hideValue={true}
+      step={0.01} 
+      maxValue={1} 
+      minValue={0} 
+      defaultValue={0.4}
+      className="max-w-md"
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/index.ts b/apps/docs/content/components/slider/index.ts
new file mode 100644
index 000000000..a00c76402
--- /dev/null
+++ b/apps/docs/content/components/slider/index.ts
@@ -0,0 +1,55 @@
+import usage from "./usage";
+import disabled from "./disabled";
+import sizes from "./sizes";
+import radius from "./radius";
+import colors from "./colors";
+import visibleSteps from "./visible-steps";
+import marks from "./marks";
+import vertical from "./vertical";
+import range from "./range";
+import fillOffset from "./fill-offset";
+import tooltip from "./tooltip";
+import outline from "./outline";
+import disableThumbScale from "./disable-thumb-scale";
+import valueFormatting from "./value-formatting";
+import getValue from "./get-value";
+import hideValue from "./hide-value";
+import hideThumb from "./hide-thumb";
+import startEndContent from "./start-end-content";
+import controlled from "./controlled";
+import controlledChangeEnd from "./controlled-change-end";
+import controlledRange from "./controlled-range";
+import renderThumb from "./render-thumb";
+import renderRangeThumb from "./render-range-thumb";
+import renderLabel from "./render-label";
+import renderValue from "./render-value";
+import customStyles from "./custom-styles";
+
+export const sliderContent = {
+  usage,
+  disabled,
+  sizes,
+  radius,
+  colors,
+  visibleSteps,
+  marks,
+  vertical,
+  range,
+  fillOffset,
+  tooltip,
+  outline,
+  disableThumbScale,
+  valueFormatting,
+  getValue,
+  hideValue,
+  hideThumb,
+  startEndContent,
+  controlled,
+  controlledChangeEnd,
+  controlledRange,
+  renderThumb,
+  renderRangeThumb,
+  renderLabel,
+  renderValue,
+  customStyles,
+};
diff --git a/apps/docs/content/components/slider/marks.ts b/apps/docs/content/components/slider/marks.ts
new file mode 100644
index 000000000..07c7ac65c
--- /dev/null
+++ b/apps/docs/content/components/slider/marks.ts
@@ -0,0 +1,36 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider 
+      label="Select a value" 
+      color="foreground"
+      size="sm"
+      step={10} 
+      marks={[
+        {
+          value: 20,
+          label: "20%",
+        },
+        {
+          value: 50,
+          label: "50%",
+        },
+        {
+          value: 80,
+          label: "80%",
+        },
+      ]}
+      defaultValue={20}
+      className="max-w-md"
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/outline.ts b/apps/docs/content/components/slider/outline.ts
new file mode 100644
index 000000000..ec94e797c
--- /dev/null
+++ b/apps/docs/content/components/slider/outline.ts
@@ -0,0 +1,49 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <div className="flex flex-col gap-6 w-full max-w-md">
+      <Slider   
+        size="sm"
+        step={0.01} 
+        maxValue={1} 
+        minValue={0} 
+        color="foreground"
+        showOutline={true}
+        aria-label="Temperature"
+        defaultValue={0.2}
+        className="max-w-md" 
+      />
+      <Slider   
+        size="md"
+        step={0.01} 
+        maxValue={1} 
+        minValue={0} 
+        color="foreground"
+        showOutline={true}
+        aria-label="Temperature"
+        defaultValue={0.4}
+        className="max-w-md" 
+      />
+      <Slider   
+        size="lg"
+        step={0.01} 
+        maxValue={1} 
+        minValue={0} 
+        color="foreground"
+        showOutline={true}
+        aria-label="Temperature"
+        defaultValue={0.6}
+        className="max-w-md" 
+      />
+    </div> 
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/radius.ts b/apps/docs/content/components/slider/radius.ts
new file mode 100644
index 000000000..6fb5696ad
--- /dev/null
+++ b/apps/docs/content/components/slider/radius.ts
@@ -0,0 +1,36 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  const radius = [
+    "full",
+    "lg",
+    "md",
+    "sm",
+    "none",
+  ];
+
+  return (
+    <div className="flex flex-col gap-6 w-full max-w-md">
+      {radius.map((r) => (
+        <Slider
+          key={r}
+          radius={r}
+          step={0.01}
+          maxValue={1}
+          minValue={0}
+          defaultValue={0.7}
+          aria-label="Temperature"
+          className="max-w-md"
+        />
+      ))}
+    </div>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/range.ts b/apps/docs/content/components/slider/range.ts
new file mode 100644
index 000000000..9b958ceee
--- /dev/null
+++ b/apps/docs/content/components/slider/range.ts
@@ -0,0 +1,23 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider 
+      label="Price Range"
+      step={50} 
+      minValue={0} 
+      maxValue={1000} 
+      defaultValue={[100, 500]} 
+      formatOptions={{style: "currency", currency: "USD"}}
+      className="max-w-md"
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/render-label.ts b/apps/docs/content/components/slider/render-label.ts
new file mode 100644
index 000000000..5248574a7
--- /dev/null
+++ b/apps/docs/content/components/slider/render-label.ts
@@ -0,0 +1,93 @@
+const InfoIcon = `export const InfoIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M12 8V13"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M11.9945 16H12.0035"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+    />
+  </svg>
+);
+`;
+
+const App = `import {Slider, Tooltip} from "@nextui-org/react";
+import {InfoIcon} from "./InfoIcon";
+
+export default function App() {
+  return (
+    <Slider
+      size="lg"
+      label="Price Range"
+      maxValue={1000}
+      step={10}
+      defaultValue={[100, 300]}
+      formatOptions={{style: "currency", currency: "USD"}}
+      classNames={{
+        base: "max-w-md gap-3",
+        filler: "bg-gradient-to-r from-pink-300 to-cyan-300 dark:from-pink-600 dark:to-cyan-800",
+      }}
+      renderLabel={({children, ...props}) => (
+        <label {...props} className="text-medium flex gap-2 items-center">
+          {children}
+          <Tooltip
+            className="w-[200px] px-1.5 text-tiny text-default-600 rounded-small"
+            content="The price range you want to search for."
+            placement="right"
+          >
+            <span className="transition-opacity opacity-80 hover:opacity-100">
+              <InfoIcon />
+            </span>
+          </Tooltip>
+        </label>
+      )}
+      renderThumb={({index, ...props}) => (
+        <div
+          {...props}
+          className="group p-1 top-1/2 bg-background border-small border-default-200 dark:border-default-400/50 shadow-medium rounded-full cursor-grab data-[dragging=true]:cursor-grabbing"
+        >
+          <span
+            className={cn(
+              "transition-transform bg-gradient-to-br shadow-small rounded-full w-5 h-5 block group-data-[dragging=true]:scale-80",
+              index === 0
+                ? "from-pink-200 to-pink-500 dark:from-pink-400 dark:to-pink-600" // first thumb
+                : "from-cyan-200 to-cyan-600 dark:from-cyan-600 dark:to-cyan-800", // second thumb
+            )}
+          />
+        </div>
+      )}
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/InfoIcon.jsx": InfoIcon,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/render-range-thumb.ts b/apps/docs/content/components/slider/render-range-thumb.ts
new file mode 100644
index 000000000..8f212229c
--- /dev/null
+++ b/apps/docs/content/components/slider/render-range-thumb.ts
@@ -0,0 +1,41 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider
+      size="lg"
+      label="Price Range"
+      maxValue={1000}
+      step={10}
+      defaultValue={[100, 300]}
+      formatOptions={{style: "currency", currency: "USD"}}
+      classNames={{
+        base: "max-w-md gap-3",
+        filler: "bg-gradient-to-r from-pink-300 to-cyan-300 dark:from-pink-600 dark:to-cyan-800",
+      }}
+      renderThumb={({index, ...props}) => (
+        <div
+          {...props}
+          className="group p-1 top-1/2 bg-background border-small border-default-200 dark:border-default-400/50 shadow-medium rounded-full cursor-grab data-[dragging=true]:cursor-grabbing"
+        >
+          <span
+            className={cn(
+              "transition-transform bg-gradient-to-br shadow-small rounded-full w-5 h-5 block group-data-[dragging=true]:scale-80",
+              index === 0
+                ? "from-pink-200 to-pink-500 dark:from-pink-400 dark:to-pink-600" // first thumb
+                : "from-cyan-200 to-cyan-600 dark:from-cyan-600 dark:to-cyan-800", // second thumb
+            )}
+          />
+        </div>
+      )}
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/render-thumb.ts b/apps/docs/content/components/slider/render-thumb.ts
new file mode 100644
index 000000000..3a020ce67
--- /dev/null
+++ b/apps/docs/content/components/slider/render-thumb.ts
@@ -0,0 +1,32 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider 
+      size="sm"
+      label="Select brightness"
+      defaultValue={60}
+      classNames={{
+        base: "max-w-md gap-3",
+        track: "border-s-secondary-100",
+        filler: "bg-gradient-to-r from-secondary-100 to-secondary-500"
+      }}
+      renderThumb={(props) => (
+        <div
+          {...props}
+          className="group p-1 top-1/2 bg-background border-small border-default-200 dark:border-default-400/50 shadow-medium rounded-full cursor-grab data-[dragging=true]:cursor-grabbing"
+        >
+          <span className="transition-transform bg-gradient-to-br shadow-small from-secondary-100 to-secondary-500 rounded-full w-5 h-5 block group-data-[dragging=true]:scale-80" />
+        </div>
+      )}
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/render-value.ts b/apps/docs/content/components/slider/render-value.ts
new file mode 100644
index 000000000..09da36972
--- /dev/null
+++ b/apps/docs/content/components/slider/render-value.ts
@@ -0,0 +1,128 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  const [value, setValue] = React.useState(0.2);
+  const [inputValue, setInputValue] = React.useState("0.2");
+
+  const handleChange = (value) => {
+    if (isNaN(Number(value))) return;
+
+    setValue(value);
+    setInputValue(value.toString());
+  };
+
+  return (
+    <Slider 
+      label="Temperature" 
+      size="sm"
+      step={0.01} 
+      maxValue={1} 
+      minValue={0} 
+      color="foreground"
+      classNames={{
+        base: "max-w-md",
+        label: "text-medium",
+      }}
+      // we extract the default children to render the input
+      renderValue={({children, ...props}) => (
+        <output {...props}>
+          <Tooltip
+            className="text-tiny text-default-500 rounded-md"
+            content="Press Enter to confirm"
+            placement="left"
+          >
+            <input
+              className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-none transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
+              type="text"
+              aria-label="Temperature value"
+              value={inputValue}
+              onChange={(e) => {
+                const v = e.target.value;
+
+                setInputValue(v);
+              }}
+              onKeyDown={(e) => {
+                if (e.key === "Enter" && !isNaN(Number(inputValue))) {
+                  setValue(Number(inputValue));
+                }
+              }}
+            />
+          </Tooltip>
+        </output>
+      )}
+      value={value}
+      onChange={handleChange}
+    />
+  );
+}`;
+
+const AppTs = `import {Slider, SliderValue} from "@nextui-org/react";
+
+export default function App() {
+  const [value, setValue] = React.useState<SliderValue>(0.2);
+  const [inputValue, setInputValue] = React.useState<string>("0.2");
+
+  const handleChange = (value: SliderValue) => {
+    if (isNaN(Number(value))) return;
+
+    setValue(value);
+    setInputValue(value.toString());
+  };
+
+  return (
+    <Slider 
+      label="Temperature" 
+      size="sm"
+      step={0.01} 
+      maxValue={1} 
+      minValue={0} 
+      color="foreground"
+      classNames={{
+        base: "max-w-md",
+        label: "text-medium",
+      }}
+      // we extract the default children to render the input
+      renderValue={({children, ...props}) => (
+        <output {...props}>
+          <Tooltip
+            className="text-tiny text-default-500 rounded-md"
+            content="Press Enter to confirm"
+            placement="left"
+          >
+            <input
+              className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-none transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
+              type="text"
+              aria-label="Temperature value"
+              value={inputValue}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+                const v = e.target.value;
+
+                setInputValue(v);
+              }}
+              onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {
+                if (e.key === "Enter" && !isNaN(Number(inputValue))) {
+                  setValue(Number(inputValue));
+                }
+              }}
+            />
+          </Tooltip>
+        </output>
+      )}
+      value={value}
+      onChange={handleChange}
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+const reactTs = {
+  "/App.tsx": AppTs,
+};
+
+export default {
+  ...react,
+  ...reactTs,
+};
diff --git a/apps/docs/content/components/slider/sizes.ts b/apps/docs/content/components/slider/sizes.ts
new file mode 100644
index 000000000..83741c655
--- /dev/null
+++ b/apps/docs/content/components/slider/sizes.ts
@@ -0,0 +1,43 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <div className="flex flex-col gap-6 w-full max-w-md">
+      <Slider   
+        size="sm"
+        step={0.01} 
+        maxValue={1} 
+        minValue={0} 
+        aria-label="Temperature"
+        defaultValue={0.2}
+        className="max-w-md" 
+      />
+      <Slider   
+        size="md"
+        step={0.01} 
+        maxValue={1} 
+        minValue={0} 
+        aria-label="Temperature"
+        defaultValue={0.4}
+        className="max-w-md" 
+      />
+      <Slider   
+        size="lg"
+        step={0.01} 
+        maxValue={1} 
+        minValue={0} 
+        aria-label="Temperature"
+        defaultValue={0.6}
+        className="max-w-md" 
+      />
+    </div> 
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/start-end-content.ts b/apps/docs/content/components/slider/start-end-content.ts
new file mode 100644
index 000000000..f478eea06
--- /dev/null
+++ b/apps/docs/content/components/slider/start-end-content.ts
@@ -0,0 +1,75 @@
+const VolumeHighIcon = `export const VolumeHighIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M18.0003 16.7503C17.8403 16.7503 17.6903 16.7003 17.5503 16.6003C17.2203 16.3503 17.1503 15.8803 17.4003 15.5503C18.9703 13.4603 18.9703 10.5403 17.4003 8.45027C17.1503 8.12027 17.2203 7.65027 17.5503 7.40027C17.8803 7.15027 18.3503 7.22027 18.6003 7.55027C20.5603 10.1703 20.5603 13.8303 18.6003 16.4503C18.4503 16.6503 18.2303 16.7503 18.0003 16.7503Z"
+      fill="currentColor"
+    />
+    <path
+      d="M19.8284 19.2503C19.6684 19.2503 19.5184 19.2003 19.3784 19.1003C19.0484 18.8503 18.9784 18.3803 19.2284 18.0503C21.8984 14.4903 21.8984 9.51027 19.2284 5.95027C18.9784 5.62027 19.0484 5.15027 19.3784 4.90027C19.7084 4.65027 20.1784 4.72027 20.4284 5.05027C23.4984 9.14027 23.4984 14.8603 20.4284 18.9503C20.2884 19.1503 20.0584 19.2503 19.8284 19.2503Z"
+      fill="currentColor"
+    />
+    <path
+      d="M14.02 3.78168C12.9 3.16168 11.47 3.32168 10.01 4.23168L7.09 6.06168C6.89 6.18168 6.66 6.25168 6.43 6.25168H5.5H5C2.58 6.25168 1.25 7.58168 1.25 10.0017V14.0017C1.25 16.4217 2.58 17.7517 5 17.7517H5.5H6.43C6.66 17.7517 6.89 17.8217 7.09 17.9417L10.01 19.7717C10.89 20.3217 11.75 20.5917 12.55 20.5917C13.07 20.5917 13.57 20.4717 14.02 20.2217C15.13 19.6017 15.75 18.3117 15.75 16.5917V7.41168C15.75 5.69168 15.13 4.40168 14.02 3.78168Z"
+      fill="currentColor"
+    />
+  </svg>
+);`;
+
+const VolumeLowIcon = `export const VolumeLowIcon = (props) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M19.3284 16.7503C19.1684 16.7503 19.0184 16.7003 18.8784 16.6003C18.5484 16.3503 18.4784 15.8803 18.7284 15.5503C20.2984 13.4603 20.2984 10.5403 18.7284 8.45027C18.4784 8.12027 18.5484 7.65027 18.8784 7.40027C19.2084 7.15027 19.6784 7.22027 19.9284 7.55027C21.8984 10.1703 21.8984 13.8303 19.9284 16.4503C19.7884 16.6503 19.5584 16.7503 19.3284 16.7503Z"
+      fill="currentColor"
+    />
+    <path
+      d="M15.3481 3.78168C14.2281 3.16168 12.7981 3.32168 11.3381 4.23168L8.41813 6.06168C8.21813 6.18168 7.98813 6.25168 7.75813 6.25168H6.82812H6.32812C3.90812 6.25168 2.57812 7.58168 2.57812 10.0017V14.0017C2.57812 16.4217 3.90812 17.7517 6.32812 17.7517H6.82812H7.75813C7.98813 17.7517 8.21813 17.8217 8.41813 17.9417L11.3381 19.7717C12.2181 20.3217 13.0781 20.5917 13.8781 20.5917C14.3981 20.5917 14.8981 20.4717 15.3481 20.2217C16.4581 19.6017 17.0781 18.3117 17.0781 16.5917V7.41168C17.0781 5.69168 16.4581 4.40168 15.3481 3.78168Z"
+      fill="currentColor"
+    />
+  </svg>
+);`;
+
+const App = `import {Slider} from "@nextui-org/react";
+import {VolumeLowIcon} from "./VolumeLowIcon";
+import {VolumeHighIcon} from "./VolumeHighIcon";
+
+export default function App() {
+  return (
+    <Slider 
+      aria-label="Volume"
+      size="lg"
+      color="success"
+      startContent={<VolumeLowIcon className="text-2xl" />}
+      endContent={<VolumeHighIcon className="text-2xl" />}
+      className="max-w-md"
+      defaultValue={40}
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+  "/VolumeHighIcon.jsx": VolumeHighIcon,
+  "/VolumeLowIcon.jsx": VolumeLowIcon,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/tooltip.ts b/apps/docs/content/components/slider/tooltip.ts
new file mode 100644
index 000000000..bd9752998
--- /dev/null
+++ b/apps/docs/content/components/slider/tooltip.ts
@@ -0,0 +1,38 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider 
+      label="Select a value" 
+      showTooltip={true}
+      step={0.1} 
+      formatOptions={{style: "percent"}}
+      maxValue={1}
+      minValue={0}
+      marks={[
+        {
+          value: 0.2,
+          label: "20%",
+        },
+        {
+          value: 0.5,
+          label: "50%",
+        },
+        {
+          value: 0.8,
+          label: "80%",
+        },
+      ]}
+      defaultValue={0.2}
+      className="max-w-md"
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/usage.ts b/apps/docs/content/components/slider/usage.ts
new file mode 100644
index 000000000..9d2e81ac2
--- /dev/null
+++ b/apps/docs/content/components/slider/usage.ts
@@ -0,0 +1,22 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider 
+      label="Temperature" 
+      step={0.01} 
+      maxValue={1} 
+      minValue={0} 
+      defaultValue={0.4}
+      className="max-w-md"
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/value-formatting.ts b/apps/docs/content/components/slider/value-formatting.ts
new file mode 100644
index 000000000..096dd9947
--- /dev/null
+++ b/apps/docs/content/components/slider/value-formatting.ts
@@ -0,0 +1,22 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Slider 
+      label="Currency" 
+      showTooltip={true}
+      formatOptions={{style: 'currency', currency: 'JPY'}}
+      tooltipValueFormatOptions={{style: 'currency', currency: 'JPY'}}
+      defaultValue={40}
+      className="max-w-md"
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/vertical.ts b/apps/docs/content/components/slider/vertical.ts
new file mode 100644
index 000000000..f3f7799b1
--- /dev/null
+++ b/apps/docs/content/components/slider/vertical.ts
@@ -0,0 +1,43 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <div className="flex flex-row  max-w-md h-[348px] gap-6 w-full">
+      <Slider   
+        size="sm"
+        step={0.01} 
+        maxValue={1} 
+        minValue={0} 
+        orientation="vertical"
+        aria-label="Temperature"
+        defaultValue={0.2}
+      />
+      <Slider   
+        size="md"
+        step={0.01} 
+        maxValue={1} 
+        minValue={0} 
+        orientation="vertical"
+        aria-label="Temperature"
+        defaultValue={0.4}
+      />
+      <Slider   
+        size="lg"
+        step={0.01} 
+        maxValue={1} 
+        minValue={0} 
+        orientation="vertical"
+        aria-label="Temperature"
+        defaultValue={0.6}
+      />
+    </div> 
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/slider/visible-steps.ts b/apps/docs/content/components/slider/visible-steps.ts
new file mode 100644
index 000000000..132b6ce78
--- /dev/null
+++ b/apps/docs/content/components/slider/visible-steps.ts
@@ -0,0 +1,46 @@
+const App = `import {Slider} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <div className="flex flex-col gap-6 w-full max-w-md">
+      <Slider   
+        size="sm"
+        step={0.1}
+        label="Temperature"
+        showSteps={true} 
+        maxValue={1} 
+        minValue={0} 
+        defaultValue={0.2}
+        className="max-w-md" 
+      />
+      <Slider   
+        size="md"
+        step={0.1}
+        label="Temperature"
+        showSteps={true} 
+        maxValue={1} 
+        minValue={0} 
+        defaultValue={0.4}
+        className="max-w-md" 
+      />
+      <Slider   
+        size="lg"
+        step={0.1}
+        label="Temperature"
+        showSteps={true} 
+        maxValue={1} 
+        minValue={0} 
+        defaultValue={0.6}
+        className="max-w-md" 
+      />
+    </div> 
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/textarea/autosize.ts b/apps/docs/content/components/textarea/autosize.ts
index aed299064..55cb2402b 100644
--- a/apps/docs/content/components/textarea/autosize.ts
+++ b/apps/docs/content/components/textarea/autosize.ts
@@ -5,19 +5,16 @@ export default function App() {
     <div className="flex w-full flex-wrap md:flex-nowrap mb-6 md:mb-0 gap-4">
       <Textarea
         label="Description"
-        labelPlacement="outside"
         placeholder="Enter your description (Default autosize)"
       />
       <Textarea
         minRows={2}
         label="Description"
-        labelPlacement="outside"
         placeholder="Enter your description (Min rows 2)"
       />
       <Textarea
         maxRows={3}
         label="Description"
-        labelPlacement="outside"
         placeholder="Enter your description (Max rows 3)"
       />
     </div>
diff --git a/apps/docs/content/components/textarea/description.ts b/apps/docs/content/components/textarea/description.ts
index 6b6d19950..2b37dda9e 100644
--- a/apps/docs/content/components/textarea/description.ts
+++ b/apps/docs/content/components/textarea/description.ts
@@ -5,7 +5,6 @@ export default function App() {
     <Textarea
       variant="faded"
       label="Description"
-      labelPlacement="outside"
       placeholder="Enter your description"
       description="Enter a concise description of your project."
       className="max-w-xs"
diff --git a/apps/docs/content/components/textarea/error-message.ts b/apps/docs/content/components/textarea/error-message.ts
index 8d5426ce6..8a32c04ab 100644
--- a/apps/docs/content/components/textarea/error-message.ts
+++ b/apps/docs/content/components/textarea/error-message.ts
@@ -6,7 +6,6 @@ export default function App() {
       isInvalid={true}
       variant="bordered"
       label="Description"
-      labelPlacement="outside"
       placeholder="Enter your description"
       defaultValue="NextUI is a React UI library with..."
       errorMessage="The description should be at least 255 characters long."
diff --git a/apps/docs/content/components/textarea/usage.ts b/apps/docs/content/components/textarea/usage.ts
index 86e3a2b7c..53720f066 100644
--- a/apps/docs/content/components/textarea/usage.ts
+++ b/apps/docs/content/components/textarea/usage.ts
@@ -4,7 +4,6 @@ export default function App() {
   return (
     <Textarea
       label="Description"
-      labelPlacement="outside"
       placeholder="Enter your description"
       className="max-w-xs"
     />
diff --git a/apps/docs/content/components/tooltip/custom-styles.ts b/apps/docs/content/components/tooltip/custom-styles.ts
index 8dd4b0ccf..d72ba5221 100644
--- a/apps/docs/content/components/tooltip/custom-styles.ts
+++ b/apps/docs/content/components/tooltip/custom-styles.ts
@@ -7,8 +7,14 @@ export default function App() {
       placement="right"
       content="I am a tooltip"
       classNames={{
-        base: "py-2 px-4 shadow-xl text-black bg-gradient-to-br from-white to-neutral-400",
-        arrow: "bg-neutral-400 dark:bg-white",
+        base: [
+          // arrow color
+          "before:bg-neutral-400 dark:before:bg-white",
+        ],
+        content: [
+          "py-2 px-4 shadow-xl",
+          "text-black bg-gradient-to-br from-white to-neutral-400",
+        ],
       }}
     >
       <Button variant="flat">Hover me</Button>
diff --git a/apps/docs/content/docs/components/autocomplete.mdx b/apps/docs/content/docs/components/autocomplete.mdx
new file mode 100644
index 000000000..9fdcf1eec
--- /dev/null
+++ b/apps/docs/content/docs/components/autocomplete.mdx
@@ -0,0 +1,470 @@
+---
+title: "Autocomplete"
+description: "An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query."
+---
+
+import {autocompleteContent} from "@/content/components/autocomplete";
+
+# Autocomplete
+
+An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.
+
+<ComponentLinks component="autocomplete" reactAriaHook="useComboBox" />
+
+---
+
+<CarbonAd />
+
+## Import
+
+NextUI exports 3 autocomplete-related components:
+
+- **Autocomplete**: The main component, which is a wrapper for the other components.
+- **AutocompleteSection**: The component that contains a group of autocomplete items.
+- **AutocompleteItem**: The component that represents a autocomplete item.
+
+<ImportTabs
+  commands={{
+    main: `import {
+  Autocomplete,
+  AutocompleteSection,
+  AutocompleteItem
+} from "@nextui-org/react";`,
+    individual: `import {
+  Autocomplete,
+  AutocompleteSection,
+  AutocompleteItem
+} from "@nextui-org/autocomplete";`,
+  }}
+/>
+
+## Usage
+
+<CodeDemo title="Usage" files={autocompleteContent.usage} />
+
+### Dynamic items
+
+Autocomplete follows the [Collection Components API](https://react-spectrum.adobe.com/react-stately/collections.html), accepting both static and dynamic collections.
+
+- **Static**: The usage example above shows the static implementation, which can be used when the full list of options is known ahead of time.
+- **Dynamic**: The example below can be used when the options come from an external data source such as an API call, or update over time.
+
+<CodeDemo title="Dynamic items" highlightedLines="8" files={autocompleteContent.dynamic} />
+
+### Disabled
+
+<CodeDemo title="Disabled" highlightedLines="8" files={autocompleteContent.disabled} />
+
+### Disabled Items
+
+You can disable specific items by using the `disabledKeys` property.
+
+<CodeDemo title="Disabled Items" highlightedLines="11" files={autocompleteContent.disabledItems} />
+
+### Required
+
+If you pass the `isRequired` property to the autocomplete, it will have a `danger` asterisk at
+the end of the label and the autocomplete will be required.
+
+<CodeDemo title="Required" highlightedLines="8" files={autocompleteContent.required} />
+
+### Sizes
+
+<CodeDemo title="Sizes" highlightedLines="13,21" files={autocompleteContent.sizes} />
+
+### Colors
+
+<CodeDemo title="Colors" highlightedLines="20" files={autocompleteContent.colors} />
+
+### Variants
+
+<CodeDemo title="Variants" highlightedLines="13,21" files={autocompleteContent.variants} />
+
+### Label Placements
+
+You can change the position of the label by setting the `labelPlacement` property to `inside`, `outside` or `outside-left`.
+
+<CodeDemo
+  title="Label Placements"
+  highlightedLines="20,34"
+  files={autocompleteContent.labelPlacements}
+/>
+
+> **Note**: If the `label` is not passed, the `labelPlacement` property will be `outside` by default.
+
+### Start Content
+
+You can use the `startContent` and `endContent` properties to add content to the start and end of
+the autocomplete.
+
+<CodeDemo title="Start Content" highlightedLines="13" files={autocompleteContent.startContent} />
+
+### Item Start & End Content
+
+Since the `Autocomplete` component uses the [Listbox](/docs/components/listbox) component under the hood, you can
+use the `startContent` and `endContent` properties of the `AutocompleteItem` component to add content to the start
+and end of the autocomplete item.
+
+<CodeDemo title="Item Start Content" files={autocompleteContent.itemStartContent} />
+
+### Custom Value
+
+By default, `Autocomplete` doesn't allow users to specify a value that doesn't exist in the list of options and will
+revert the input value to the current selected value on blur. By specifying `allowsCustomValue`, this behavior is
+suppressed and the user is free to enter any value within the field.
+
+<CodeDemo title="Custom Value" highlightedLines="8" files={autocompleteContent.customValue} />
+
+### Custom Selector Icon
+
+By default the seleautocompletet uses a `chevron-down` icon as the selector icon which rotates when the autocomplete is open. You can
+customize this icon by passing a custom one to the `selectorIcon` property.
+
+<CodeDemo
+  title="Custom Selector Icon"
+  highlightedLines="15"
+  files={autocompleteContent.customSelectorIcon}
+/>
+
+> **Note**: Use the `disableSelectionIconRotation` property to disable the rotation of the icon.
+
+### Without Scroll Shadow
+
+Autocomplete component uses the [ScrollShadow](/docs/components/scroll-shadow) under the hood to show a shadow when the autocomplete content is scrollable.
+You can disable this shadow by passing using the `scrollShadowProps` property.
+
+<CodeDemo
+  title="Without Scroll Shadow"
+  highlightedLines="13-15"
+  files={autocompleteContent.withoutScrollShadow}
+/>
+
+> **Note**: You can also use the `showScrollIndicators` property to disable the scroll indicators.
+
+### With Description
+
+You can add a description to the autocomplete by passing the `description` property.
+
+<CodeDemo title="With Description" highlightedLines="10" files={autocompleteContent.description} />
+
+### With Error Message
+
+You can combine the `isInvalid` and `errorMessage` properties to show an invalid autocomplete.
+
+<CodeDemo
+  title="With Error Message"
+  highlightedLines="16-18"
+  files={autocompleteContent.errorMessage}
+/>
+
+### Events
+
+The `Autocomplete` component supports selection via mouse, keyboard, and touch. You can handle all of these
+via the `onSelectionChange` prop. `Autocomplete` will pass the selected key to the onSelectionChange handler.
+Additionally, ComboBox accepts an `onInputChange` prop which is triggered whenever the value is edited by the user,
+whether through typing or option selection.
+
+The example below uses `onSelectionChange` and `onInputChange` to update the selection and input value stored in
+React state.
+
+<CodeDemo title="Events" highlightedLines="25-26" files={autocompleteContent.events} />
+
+### Controlled
+
+You can use the `selectedKey` and `onSelectionChange` properties to control the select value.
+
+<CodeDemo
+  title="Controlled with onSelectionChange"
+  highlightedLines="15-16"
+  files={autocompleteContent.controlled}
+/>
+
+### Fully Controlled
+
+By passing in `inputValue`, `selectedKey`, and `items` to the `Autocomplete` you can control exactly what your `Autocomplete` should display.
+
+The following example shows how you would create a controlled `Autocomplete`, controlling everything from the selected value
+`selectedKey` to the combobox options `items`.
+
+We recommend using the `useFilter` hook from [@react-aria/i18n](https://react-spectrum.adobe.com/react-aria/useFilter.html#usefilter) to manage the filtering of the items.
+
+<PackageManagers
+  commands={{
+    npm: "npm install @react-aria/i18n",
+    yarn: "yarn add @react-aria/i18n",
+    pnpm: "pnpm add @react-aria/i18n",
+  }}
+/>
+
+```jsx
+import {useFilter} from "@react-aria/i18n";
+```
+
+<Spacer y={4} />
+
+<CodeDemo
+  title="Fully Controlled"
+  showPreview={false}
+  highlightedLines="63-64,67,69-71"
+  files={autocompleteContent.fullyControlled}
+/>
+
+> **Note**: It is important to note that you don't have to control every single aspect of a `Autocomplete`. If you decide to only control a single property of the `Autocomplete`, be sure to provide the change handler for that prop as well e.g. controlling `selectedKey` would require `onSelectionChange`.
+
+### Custom Items
+
+You can customize the autocomplete items by modifying the `AutocompleteItem` children.
+
+<CodeDemo title="Custom Items" files={autocompleteContent.customItems} />
+
+### Custom Filtering
+
+By default, `Autocomplete` uses a `"contains"` function from [useFilter](https://react-spectrum.adobe.com/react-aria/useFilter.html) to filter the
+list of options. This can be overridden using the `defaultFilter` prop, or by using the `items` prop to control the
+filtered list. When `items` is provided rather than `defaultItems`, `Autocomplete` does no filtering of its own.
+
+The following example uses the `defaultFilter` prop to filter the list of options using a custom filter function.
+
+<CodeDemo
+  title="Fully Controlled"
+  highlightedLines="22"
+  files={autocompleteContent.customFiltering}
+/>
+
+### Asynchronous Filtering
+
+Autocomplete supports asynchronous filtering, in the example below we are using the [useAyncList](https://react-spectrum.adobe.com/react-stately/useAsyncList.html) function
+from [react-aria](https://react-spectrum.adobe.com) to handle asynchronous loading and filtering of data from a server.
+
+<PackageManagers
+  commands={{
+    npm: "npm install @react-stately/data",
+    yarn: "yarn add @react-stately/data",
+    pnpm: "pnpm add @react-stately/data",
+  }}
+/>
+
+```jsx
+import {useAsyncList} from "@react-stately/data";
+```
+
+<Spacer y={2} />
+
+<CodeDemo
+  typescriptStrict={true}
+  title="Asynchronous Filtering"
+  showPreview={false}
+  highlightedLines="27-29,33"
+  files={autocompleteContent.asyncFiltering}
+/>
+
+### Asynchronous Loading
+
+Autocomplete supports asynchronous loading, in the example below we are using a custom hook to fetch the [Pokemon API](https://pokeapi.co/api/v2/pokemon) data in combination with the `useInfiniteScroll` hook to load more data when the user reaches the end of the list.
+
+The `isLoading` prop is used to show a loading indicator instead of the selector icon when the data is being fetched.
+
+<PackageManagers
+  commands={{
+    npm: "npm install @nextui-org/use-infinite-scroll",
+    yarn: "yarn add @nextui-org/use-infinite-scroll",
+    pnpm: "pnpm add @nextui-org/use-infinite-scroll",
+  }}
+/>
+
+```jsx
+import {useInfiniteScroll} from "@nextui-org/use-infinite-scroll";
+```
+
+<Spacer y={2} />
+
+<CodeDemo
+  showPreview={false}
+  typescriptStrict={true}
+  title="Asynchronous Loading"
+  highlightedLines="21-22,25,27"
+  files={autocompleteContent.asyncLoadingItems}
+/>
+
+### With Sections
+
+You can use the `AutocompleteSection` component to group autocomplete items.
+
+<CodeDemo title="With Sections" files={autocompleteContent.sections} />
+
+### Custom Sections Style
+
+You can customize the sections style by using the `classNames` property of the `AutocompleteSection` component.
+
+<CodeDemo title="Custom Sections Style" files={autocompleteContent.customSectionsStyle} />
+
+### Customizing the Autocomplete
+
+You can customize any slot of the autocomplete by using the `classNames` property. Autocomplete
+component also provides the [popoverProps](/docs/components/popover#api), [listboxProps](/docs/components/listbox#api), [inputProps](/docs/components/input#api)
+properties to customize the popover, listbox and input components.
+
+<CodeDemo title="Custom Styles" files={autocompleteContent.customStyles} />
+
+## Slots
+
+- **base**: The main wrapper of the autocomplete. This wraps the input and popover components.
+- **listboxWrapper**: The wrapper of the listbox. This wraps the listbox component, this slot is used on top of the scroll shadow component.
+- **listbox**: The listbox component. This is the component that wraps the autocomplete items.
+- **popoverContent**: The popover content slot. Use this to modify the popover content styles.
+- **endContentWrapper**: The wrapper of the end content. This wraps the clear button and selector button.
+- **clearButton**: The clear button slot.
+- **selectorButton**: The selector button slot.
+
+## Data Attributes
+
+`Autocomplete` has the following attributes on the `base` element:
+
+- **data-invalid**:
+  When the autocomplete is invalid. Based on `isInvalid` prop.
+- **data-open**:
+  Indicates if the autocomplete's popover is open.
+
+`Autocomplete` has the following attributes on the `selectorButton` element:
+
+- **data-open**:
+  Indicates if the autocomplete's popover is open.
+
+`Autocomplete` has the following attributes on the `clearButton` element:
+
+- **data-visible**:
+  Indicates if the autocomplete's clear button is visible. By default it is visible when hovering the autocomplete and
+  when the autocomplete has a value (desktop), or when the autocomplete has a value (mobile).
+
+`AutocompleteItem` has the following attributes on the `base` element:
+
+- **data-disabled**:
+  When the autocomplete item is disabled. Based on autocomplete `disabledKeys` prop.
+- **data-selected**:
+  When the autocomplete item is selected. Based on autocomplete `selectedKey` prop.
+- **data-hover**:
+  When the autocomplete item is being hovered. Based on [useHover](https://react-spectrum.adobe.com/react-aria/useHover.html)
+- **data-pressed**:
+  When the autocomplete item is pressed. Based on [usePress](https://react-spectrum.adobe.com/react-aria/usePress.html)
+- **data-focus**:
+  When the autocomplete item is being focused. Based on [useFocusRing](https://react-spectrum.adobe.com/react-aria/useFocusRing.html).
+- **data-focus-visible**:
+  When the autocomplete item is being focused with the keyboard. Based on [useFocusRing](https://react-spectrum.adobe.com/react-aria/useFocusRing.html).
+
+<Spacer y={4} />
+
+## Accessibility
+
+- Support for filtering a list of options by typing
+- Support for selecting a single option
+- Support for disabled options
+- Support for groups of items in sections
+- Support for custom user input values
+- Support for controlled and uncontrolled options, selection, input value, and open state
+- Support for custom filter functions
+- Async loading and infinite scrolling support
+- Support for virtualized scrolling for performance with long lists
+- Exposed to assistive technology as a combobox with ARIA
+- Labeling support for accessibility
+- Required and invalid states exposed to assistive technology via ARIA
+- Support for mouse, touch, and keyboard interactions
+- Keyboard support for opening the combo box list box using the arrow keys, including automatically focusing the first or last item accordingly
+- Support for opening the list box when typing, on focus, or manually
+- Handles virtual clicks on the input from touch screen readers to toggle the list box
+- Virtual focus management for combo box list box option navigation
+- Hides elements outside the input and list box from assistive technology while the list box is open in a portal
+- Custom localized announcements for option focusing, filtering, and selection using an ARIA live region to work around VoiceOver bugs
+- Support for description and error message help text linked to the input via ARIA
+
+<Spacer y={4} />
+
+## API
+
+### Autocomplete Props
+
+| Attribute                   | Type                                                                                                                                  | Description                                                                                                                                                   | Default                  |
+| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |
+| children\*                  | `ReactNode[]`                                                                                                                         | The children to render. Usually a list of `AutocompleteItem` and `AutocompleteSection` elements.                                                              | -                        |
+| label                       | `ReactNode`                                                                                                                           | The content to display as the label.                                                                                                                          | -                        |
+| name                        | `string`                                                                                                                              | The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). | -                        |
+| variant                     | `flat` \| `bordered` \| `faded` \| `underlined`                                                                                       | The variant of the Autocomplete.                                                                                                                              | `flat`                   |
+| color                       | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger`                                                           | The color of the Autocomplete.                                                                                                                                | `default`                |
+| size                        | `sm` \| `md` \| `lg`                                                                                                                  | The size of the Autocomplete.                                                                                                                                 | `md`                     |
+| radius                      | `none` \| `sm` \| `md` \| `lg` \| `full`                                                                                              | The radius of the Autocomplete.                                                                                                                               | -                        |
+| items                       | [`Iterable<T>`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols)                                | The list of Autocomplete items. (controlled)                                                                                                                  | -                        |
+| defaultItems                | [`Iterable<T>`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols)                                | The list of Autocomplete items (uncontrolled).                                                                                                                | -                        |
+| inputValue                  | `string`                                                                                                                              | The value of the Autocomplete input (controlled).                                                                                                             | -                        |
+| defaultInputValue           | `string`                                                                                                                              | The value of the Autocomplete input (uncontrolled).                                                                                                           | -                        |
+| allowsCustomValue           | `boolean`                                                                                                                             | Whether the Autocomplete allows a non-item matching input value to be set.                                                                                    | `false`                  |
+| allowsEmptyCollection       | `boolean`                                                                                                                             | Whether the autocomplete allows the menu to be open when the collection is empty.                                                                             | `true`                   |
+| shouldCloseOnBlur           | `boolean`                                                                                                                             | Whether the Autocomplete should close when the input is blurred.                                                                                              | `true`                   |
+| placeholder                 | `string`                                                                                                                              | Temporary text that occupies the text input when it is empty.                                                                                                 | -                        |
+| description                 | `ReactNode`                                                                                                                           | A description for the field. Provides a hint such as specific requirements for what to choose.                                                                | -                        |
+| menuTrigger                 | `focus` \| `input` \| `manual`                                                                                                        | The action that causes the menu to open.                                                                                                                      | `focus`                  |
+| labelPlacement              | `inside` \| `outside` \| `outside-left`                                                                                               | The position of the label.                                                                                                                                    | `inside`                 |
+| selectedKey                 | `React.Key`                                                                                                                           | The currently selected key in the collection (controlled).                                                                                                    | -                        |
+| defaultSelectedKey          | `React.Key`                                                                                                                           | The initial selected key in the collection (uncontrolled).                                                                                                    | -                        |
+| disabledKeys                | `all` \| `React.Key[]`                                                                                                                | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.                                                       | -                        |
+| errorMessage                | `ReactNode`                                                                                                                           | An error message to display below the field.                                                                                                                  | -                        |
+| startContent                | `ReactNode`                                                                                                                           | Element to be rendered in the left side of the Autocomplete.                                                                                                  | -                        |
+| endContent                  | `ReactNode`                                                                                                                           | Element to be rendered in the right side of the Autocomplete.                                                                                                 | -                        |
+| autoFocus                   | `boolean`                                                                                                                             | Whether the Autocomplete should be focused on render.                                                                                                         | `false`                  |
+| defaultFilter               | `(textValue: string, inputValue: string) => boolean`                                                                                  | The filter function used to determine if a option should be included in the Autocomplete list.                                                                | -                        |
+| filterOptions               | [Intl.CollatorOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Collator/Collator)            | The options used to create the collator used for filtering.                                                                                                   | `{ sensitivity: 'base'}` |
+| isReadOnly                  | `boolean`                                                                                                                             | Whether the Autocomplete is read only.                                                                                                                        | `false`                  |
+| isRequired                  | `boolean`                                                                                                                             | Whether the Autocomplete is required.                                                                                                                         | `false`                  |
+| isInvalid                   | `boolean`                                                                                                                             | Whether the Autocomplete is invalid.                                                                                                                          | `false`                  |
+| isDisabled                  | `boolean`                                                                                                                             | Whether the Autocomplete is disabled.                                                                                                                         | `false`                  |
+| fullWidth                   | `boolean`                                                                                                                             | Whether the input should take up the width of its parent.                                                                                                     | `true`                   |
+| selectorIcon                | `ReactNode`                                                                                                                           | The icon that represents the autocomplete open state. Usually a chevron icon.                                                                                 | -                        |
+| clearIcon                   | `ReactNode`                                                                                                                           | The icon to be used in the clear button. Usually a cross icon.                                                                                                | -                        |
+| showScrollIndicators        | `boolean`                                                                                                                             | Whether the scroll indicators should be shown when the listbox is scrollable.                                                                                 | `true`                   |
+| scrollRef                   | `React.RefObject<HTMLElement>`                                                                                                        | A ref to the scrollable element.                                                                                                                              | -                        |
+| inputProps                  | [InputProps](/docs/components/input#api)                                                                                              | Props to be passed to the Input component.                                                                                                                    | -                        |
+| popoverProps                | [PopoverProps](/docs/components/popover#api)                                                                                          | Props to be passed to the Popover component.                                                                                                                  | -                        |
+| listboxProps                | [ListboxProps](/docs/components/listbox#api)                                                                                          | Props to be passed to the Listbox component.                                                                                                                  | -                        |
+| scrollShadowProps           | [ScrollShadowProps](/docs/components/scroll-shadow#api)                                                                               | Props to be passed to the ScrollShadow component.                                                                                                             | -                        |
+| selectorButtonProps         | [ButtonProps](/docs/components/button#api)                                                                                            | Props to be passed to the selector button.                                                                                                                    | -                        |
+| clearButtonProps            | [ButtonProps](/docs/components/button#api)                                                                                            | Props to be passed to the clear button.                                                                                                                       | -                        |
+| disableClearable            | `boolean`                                                                                                                             | Whether the clear button should be hidden.                                                                                                                    | `false`                  |
+| disableAnimation            | `boolean`                                                                                                                             | Whether the Autocomplete should be animated.                                                                                                                  | `true`                   |
+| disableSelectorIconRotation | `boolean`                                                                                                                             | Whether the select should disable the rotation of the selector icon.                                                                                          | `false`                  |
+| classNames                  | `Record<"base"｜ "listboxWrapper"｜ "listbox"｜ "popoverContent" ｜ "endContentWrapper"｜ "clearButton" ｜ "selectorButton", string>` | Allows to set custom class names for the Autocomplete slots.                                                                                                  | -                        |
+
+### Autocomplete Events
+
+| Attribute         | Type                                                         | Description                                                                                                                                   |
+| ----------------- | ------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------- |
+| onOpenChange      | `(isOpen: boolean, menuTrigger?: MenuTriggerAction) => void` | Method that is called when the open state of the menu changes. Returns the new open state and the action that caused the opening of the menu. |
+| onInputChange     | `(value: string) => void`                                    | Handler that is called when the Autocomplete input value changes.                                                                             |
+| onSelectionChange | `(key: React.Key) => void`                                   | Handler that is called when the Autocomplete selection changes.                                                                               |
+| onFocus           | `(e:  FocusEvent<HTMLInputElement>) => void`                 | Handler that is called when the Autocomplete input is focused.                                                                                |
+| onBlur            | `(e:  FocusEvent<HTMLInputElement>) => void`                 | Handler that is called when the Autocomplete input is blurred.                                                                                |
+| onFocusChange     | `(isFocused: boolean) => void`                               | Handler that is called when the Autocomplete input focus changes.                                                                             |
+| onKeyDown         | `(e: KeyboardEvent) => void`                                 | Handler that is called when a key is pressed.                                                                                                 |
+| onKeyUp           | `(e: KeyboardEvent) => void`                                 | Handler that is called when a key is released.                                                                                                |
+| onClose           | `() => void`                                                 | Handler that is called when the Autocomplete's Popover is closed.                                                                             |
+
+---
+
+### AutocompleteItem Props
+
+Check the [ListboxItem](/docs/components/listbox#listboxitem-props) props.
+
+### AutocompleteItem Events
+
+Check the [ListboxItem](/docs/components/listbox#listboxitem-events) events.
+
+### AutocompleteSection Props
+
+Check the [ListboxSection](/docs/components/listbox#listboxsection-props) props.
+
+---
+
+### Types
+
+#### Menu Trigger Action
+
+```ts
+type MenuTriggerAction = "focus" | "input" | "manual";
+```
diff --git a/apps/docs/content/docs/components/badge.mdx b/apps/docs/content/docs/components/badge.mdx
index dec078236..181b5ea1c 100644
--- a/apps/docs/content/docs/components/badge.mdx
+++ b/apps/docs/content/docs/components/badge.mdx
@@ -13,7 +13,7 @@ Badges are used as a small numerical value or status descriptor for UI elements.
 
 ---
 
-<CarbonAd/>
+<CarbonAd />
 
 ## Import
 
@@ -62,9 +62,9 @@ You can control the visibility of the badge by using the `isInvisible` property.
 
 ### Disable Outline
 
-By default, the badge has an outline, you can disable it by using the `disableOutline` property.
+By default, the badge has an outline, you can disable it by using the `showOutline={false}` property.
 
-<CodeDemo title="Disable outline" files={badgeContent.disableOutline} />
+<CodeDemo title="Disable outline" files={badgeContent.showOutline} />
 
 ### Accessibility
 
@@ -79,18 +79,19 @@ Instead, consider supplying a comprehensive description, such as using `aria-lab
 
 ### Badge Props
 
-| Attribute        | Type                                                                        | Description                                                                    | Default     |
-| ---------------- | --------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | ----------- |
-| children \*      | `ReactNode`                                                                 | The wrapped component.                                                         | -           |
-| content          | `string` \| `number` \| `ReactNode`                                         | The content of the badge. The badge will be rendered relative to its children. | -           |
-| variant          | `solid` \| `flat` \| `faded` \| `shadow`                                    | The variant style of the badge.                                                | `solid`     |
-| color            | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger` | The color of the badge.                                                        | `default`   |
-| size             | `sm` \| `md` \| `lg`                                                        | The size of the badge.                                                         | `md`        |
-| shape            | `circle` \| `rectangle`                                                     | The shape of the badge.                                                        | `rectangle` |
-| placement        | `top-right` \| `top-left` \| `bottom-right` \| `bottom-left`                | The placement of the badge.                                                    | `top-right` |
-| disableOutline   | `boolean`                                                                   | If `true`, the badge will not have an outline.                                 | `false`     |
-| disableAnimation | `boolean`                                                                   | If `true`, the badge will not have an animation.                               | `false`     |
-| isInvisible      | `boolean`                                                                   | If `true`, the badge will be invisible.                                        | `false`     |
-| isOneChar        | `boolean`                                                                   | If `true`, the badge will have the same width and height.                      | `false`     |
-| isDot            | `boolean`                                                                   | If `true`, the badge will have smaller dimensions.                             | `false`     |
-| classNames       | `Record<"base"｜"badge", string>`                                           | Allows to set custom class names for the badge slots.                          | -           |
+| Attribute        | Type                                                                        | Description                                                                              | Default     |
+| ---------------- | --------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ----------- |
+| children \*      | `ReactNode`                                                                 | The wrapped component.                                                                   | -           |
+| content          | `string` \| `number` \| `ReactNode`                                         | The content of the badge. The badge will be rendered relative to its children.           | -           |
+| variant          | `solid` \| `flat` \| `faded` \| `shadow`                                    | The variant style of the badge.                                                          | `solid`     |
+| color            | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger` | The color of the badge.                                                                  | `default`   |
+| size             | `sm` \| `md` \| `lg`                                                        | The size of the badge.                                                                   | `md`        |
+| shape            | `circle` \| `rectangle`                                                     | The shape of the badge.                                                                  | `rectangle` |
+| placement        | `top-right` \| `top-left` \| `bottom-right` \| `bottom-left`                | The placement of the badge.                                                              | `top-right` |
+| showOutline      | `boolean`                                                                   | If `true`, the badge will have an outline.                                               | `true`      |
+| disableOutline   | `boolean`                                                                   | If `true`, the badge will not have an outline. **Deprecated** use `showOutline` instead. | `false`     |
+| disableAnimation | `boolean`                                                                   | If `true`, the badge will not have an animation.                                         | `false`     |
+| isInvisible      | `boolean`                                                                   | If `true`, the badge will be invisible.                                                  | `false`     |
+| isOneChar        | `boolean`                                                                   | If `true`, the badge will have the same width and height.                                | `false`     |
+| isDot            | `boolean`                                                                   | If `true`, the badge will have smaller dimensions.                                       | `false`     |
+| classNames       | `Record<"base"｜"badge", string>`                                           | Allows to set custom class names for the badge slots.                                    | -           |
diff --git a/apps/docs/content/docs/components/breadcrumbs.mdx b/apps/docs/content/docs/components/breadcrumbs.mdx
new file mode 100644
index 000000000..825aaa288
--- /dev/null
+++ b/apps/docs/content/docs/components/breadcrumbs.mdx
@@ -0,0 +1,299 @@
+---
+title: "Breadcrumbs"
+description: "Breadcrumbs display a hierarchy of links to the current page or resource in an application."
+---
+
+import {breadcrumbsContent} from "@/content/components/breadcrumbs";
+
+# Breadcrumbs
+
+Breadcrumbs display a hierarchy of links to the current page or resource in an application.
+
+<ComponentLinks component="breadcrumbs" />
+
+---
+
+<CarbonAd />
+
+## Import
+
+NextUI exports 2 breadcrumb-related components:
+
+- **Breadcumbs**: The main component, which is a wrapper for the other components.
+- **BreadcrumItem**: The component that represents a breadcrumb item.
+
+<ImportTabs
+  commands={{
+    main: 'import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/react";',
+    individual: 'import {Breadcrumbs, BreadcrumbItem} from "@nextui-org/breadcrumbs";',
+  }}
+/>
+
+## Usage
+
+<CodeDemo title="Usage" files={breadcrumbsContent.usage} />
+
+### Disabled
+
+Disabled breadcrumbs display items but prevent navigation, ensuring a consistent layout. The last item, signifying the current page, isn't disabled.
+
+<CodeDemo title="Disabled" files={breadcrumbsContent.disabled} />
+
+### Sizes
+
+<CodeDemo title="Sizes" files={breadcrumbsContent.sizes} />
+
+### Colors
+
+<CodeDemo title="Colors" files={breadcrumbsContent.colors} />
+
+### Variants
+
+<CodeDemo title="Variants" files={breadcrumbsContent.variants} />
+
+### Underlines
+
+<CodeDemo title="Underlines" files={breadcrumbsContent.underlines} />
+
+### Radius
+
+<CodeDemo title="Radius" files={breadcrumbsContent.radius} />
+
+### Routing
+
+The `<BreadcrumbItem>` component works with frameworks and client side routers like [Next.js](https://nextjs.org/) and
+[React Router](https://reactrouter.com/en/main). See the [Routing](/docs/guide/routing) guide to learn how to set this up.
+
+<CodeDemo title="Routing" files={breadcrumbsContent.routing} />
+
+### Controlled
+
+You can control the current/active item by using the `isCurrent` and `onAction` props.
+
+<CodeDemo title="Controlled" files={breadcrumbsContent.controlled} />
+
+> **Note**: If needed you can use the `onPress` prop to handle the click event on the breadcrumb item.
+
+### Menu Type
+
+It is possible to use the `Breadcrumbs` component as a horizontal menu. This is useful when you want to display a list
+of possible navigations and let the user choose one of them.
+
+<CodeDemo title="Menu Type" files={breadcrumbsContent.menuType} />
+
+### Start & End Content
+
+You can add any element to the start or end of the breadcrumbs by using the `startContent` and `endContent` props. The
+above example uses the `startContent` prop to add icons to the start of the breadcrumbs.
+
+<CodeDemo title="Start & End Content" files={breadcrumbsContent.startEndContent} />
+
+### Custom Separator
+
+You can customize the separator between breadcrumbs by using the `separator` prop.
+
+<CodeDemo title="Separator" files={breadcrumbsContent.separator} />
+
+### Custom Items
+
+the `BreadcrumbItem` component accepts any element as its children. This allows you to customize the appearance of the
+breadcrumb items.
+
+The above example uses the [Dropdown](/docs/components/dropdown) component to create a dropdown menu in the breadcrumb.
+
+<CodeDemo title="Custom Items" files={breadcrumbsContent.customItems} />
+
+The `Breadcrumbs` component picks only the `BreadcrumbItem` components as its children. This means that you cannot
+place any other component directly inside the `Breadcrumbs` component.
+
+```tsx
+// ❌ This will not work,
+// The Button will not be picked by the Breadcrumbs component.
+<Breadcrumbs>
+  <BreadcrumbItem>Item 1</BreadcrumbItem>
+  <Button>Item 2</Button>
+</Breadcrumbs>
+
+// ✅ Instead, you can wrap the Button inside a BreadcrumbItem.
+<Breadcrumbs>
+  <BreadcrumbItem>Item 1</BreadcrumbItem>
+  <BreadcrumbItem>
+    <Button>Item 2</Button>
+  </BreadcrumbItem>
+</Breadcrumbs>
+```
+
+### Collapsing Items
+
+The `Breadcrumb` component provides 3 props to control the collapsing of items:
+
+- `maxItems`: Specifies the maximum number of breadcrumbs to display. When there are more
+  than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse`
+  will be shown, with an ellipsis in between.
+- `itemsBeforeCollapse`: If max items is exceeded, the number of items to show before the ellipsis.
+- `itemsAfterCollapse`: If max items is exceeded, the number of items to show after the ellipsis.
+
+<CodeDemo title="Collapsing Items" files={breadcrumbsContent.collapsingItems} />
+
+> **Note**: The ellipsis item will use the first collapsed item as its `href` prop.
+
+### Customizing the Ellipsis Item
+
+You can customize the ellipsis item by using the `renderEllipsis` prop. This prop accepts a function that returns a
+React element.
+
+<CodeDemo title="Customizing the Ellipsis Item" files={breadcrumbsContent.customizingEllipsis} />
+
+## Slots
+
+- Breadcrumbs Slots
+
+- **base**: The main slot for the breadcrumbs. It wraps the `list` slot.
+- **list**: The list of breadcrumbs wrapper.
+- **ellipsis**: The slot for the ellipsis item. This is only visible when the breadcrumbs are collapsed.
+- **separator**: The slot for the custom separator, the one that can be set using the `separator` prop.
+
+- BreadcrumbItem Slots
+
+- **base**: The main slot for the breadcrumb item. It wraps the `item` slot.
+- **item**: The breadcrumb item wrapper.
+- **separator**: The slot for the item separator.
+
+### Customizing the Breadcrumbs Styles
+
+You can customize the `Breadcrumbs` style by using the `classNames` prop and its items by using the `itemClasses` prop.
+
+<CodeDemo title="Custom Breadcrumbs Styles" files={breadcrumbsContent.customStyles} />
+
+<Spacer y={4} />
+
+## Data Attributes
+
+`BreadcrumbItem` has the following attributes on the `item` element:
+
+- **data-current**:
+  When the breadcrumb item is the current item. Based on breadcrumb `isCurrent` prop or on whether the item is the last one.
+- **data-disabled**:
+  When the breadcrumb item is disabled. Based on breadcrumb `isDisabled` prop.
+- **data-focus**:
+  When the breadcrumb item is being focused. Based on [useFocusRing](https://react-spectrum.adobe.com/react-aria/useFocusRing.html).
+- **data-focus-visible**:
+  When the breadcrumb item is being focused with the keyboard. Based on [useFocusRing](https://react-spectrum.adobe.com/react-aria/useFocusRing.html).
+
+<Spacer y={4} />
+
+## Accessibility
+
+- Implemented as an ordered list of items.
+- Support for mouse, touch, and keyboard interactions on breadcrumbs.
+- Support for navigation links via `<a>` elements or custom element types via ARIA.
+- Localized ARIA labeling support for landmark navigation region.
+- Support for disabled breadcrumbs.
+- The last item is automatically marked as the current page using `aria-current`.
+
+<Spacer y={4} />
+
+## API
+
+### Breadcrumbs Props
+
+| Attribute           | Type                                                                           | Description                                                                     | Default      |
+| ------------------- | ------------------------------------------------------------------------------ | ------------------------------------------------------------------------------- | ------------ |
+| children\*          | `ReactNode`                                                                    | The contents of the Breadcrumbs. Usually a list of `BreadcrumbItem` components. | -            |
+| variant             | `solid` \| `bordered` \| `light`                                               | The Breadcrumbs list appearance style.                                          | `solid`      |
+| color               | `foreground` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger` | The Breadcrumbs' items color theme.                                             | `foreground` |
+| size                | `sm` \| `md` \| `lg`                                                           | The Breadcrumbs' items size.                                                    | `md`         |
+| radius              | `none` \| `sm` \| `md` \| `lg` \| `full`                                       | The Breadcrumbs list border radius.                                             | -            |
+| underline           | `none` \| `active` \| `hover` \| `focus` \| `always`                           | The Breadcrumbs' items underline style.                                         | `none`       |
+| separator           | `ReactNode`                                                                    | The custom separator between Breadcrumbs. It is a chevron by default.           | -            |
+| maxItems            | `number`                                                                       | The maximum number of breadcrumbs to display.                                   | -            |
+| itemsBeforeCollapse | `number`                                                                       | The number of items to show before the ellipsis.                                | -            |
+| itemsAfterCollapse  | `number`                                                                       | The number of items to show after the ellipsis.                                 | -            |
+| hideSeparator       | `boolean`                                                                      | Whether to hide the separator between breadcrumbs.                              | `false`      |
+| isDisabled          | `boolean`                                                                      | Whether the Breadcrumbs are disabled except the last item.                      | `false`      |
+| disableAnimation    | `boolean`                                                                      | Whether the Breadcrumbs should display animations.                              | `false`      |
+| itemClasses         | `Record<"base"｜ "item"｜ "separator", string>`                                | Allows to set custom class names for the breadcrumbs item slots.                | -            |
+| classNames          | `Record<"base"｜ "list"｜ "ellipsis"｜ "separator", string>`                   | Allows to set custom class names for the breadcrumbs slots.                     | -            |
+
+### Breadcrumbs Functions
+
+| Attribute      | Type                                                | Description                                                |
+| -------------- | --------------------------------------------------- | ---------------------------------------------------------- |
+| renderEllipsis | [RenderEllipsisFunction](#render-ellipsis-function) | Handler called when the press is released over the target. |
+
+### Breadcrumbs Events
+
+| Attribute | Type                       | Description                                                                  |
+| --------- | -------------------------- | ---------------------------------------------------------------------------- |
+| onAction  | `(key: React.Key) => void` | Handler called when any breadcrumb item is pressed. It returns the item key. |
+
+<Spacer y={2} />
+
+### BreadcrumbItem Props
+
+| Attribute        | Type                                                                           | Description                                               | Default      |
+| ---------------- | ------------------------------------------------------------------------------ | --------------------------------------------------------- | ------------ |
+| children\*       | `ReactNode`                                                                    | The contents of the item. Usually the link label or icon. | -            |
+| color            | `foreground` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger` | The item color theme.                                     | `foreground` |
+| size             | `sm` \| `md` \| `lg`                                                           | The item size.                                            | `md`         |
+| underline        | `none` \| `active` \| `hover` \| `focus` \| `always`                           | The item underline style.                                 | `none`       |
+| startContent     | `ReactNode`                                                                    | The item start content.                                   | -            |
+| endContent       | `ReactNode`                                                                    | The item end content.                                     | -            |
+| separator        | `ReactNode`                                                                    | The item custom separator. It is a chevron by default.    | -            |
+| isCurrent        | `boolean`                                                                      | Whether the item is the current/active one.               | `false`      |
+| isLast           | `boolean`                                                                      | Whether the item is the last one.                         | `false`      |
+| hideSeparator    | `boolean`                                                                      | Whether to hide the item separator.                       | `false`      |
+| isDisabled       | `boolean`                                                                      | Whether the item is disabled.                             | `false`      |
+| disableAnimation | `boolean`                                                                      | Whether the item should display animations.               | `false`      |
+| classNames       | `Record<"base"｜ "item"｜ "separator", string>`                                | Allows to set custom class names for the item slots.      | -            |
+
+### BreadcrumbItem Events
+
+| Attribute    | Type                         | Description                                                                                                 |
+| ------------ | ---------------------------- | ----------------------------------------------------------------------------------------------------------- |
+| onPress      | `(e: PressEvent) => void`    | Handler called when the press is released over the target.                                                  |
+| onPressStart | `(e: PressEvent) => void`    | Handler called when a press interaction starts.                                                             |
+| onPressEnd   | `(e: PressEvent) => void`    | Handler called when a press interaction ends, either over the target or when the pointer leaves the target. |
+| onKeyDown    | `(e: KeyboardEvent) => void` | Handler called when a key is pressed.                                                                       |
+| onKeyUp      | `(e: KeyboardEvent) => void` | Handler called when a key is released.                                                                      |
+
+<Spacer y={2} />
+
+### Types
+
+#### Render Ellipsis Function
+
+```ts
+export type RenderEllipsisItemProps = {
+  /**
+   * The collapsed items.
+   */
+  items: BreadcrumbItemProps[];
+  /**
+   * The max number of items.
+   */
+  maxItems: number;
+  /**
+   * The picked item to render the ellipsis.
+   */
+  collapsedItem: ReactNode;
+  /**
+   * The default ellipsis icon.
+   */
+  ellipsisIcon: ReactNode;
+  /**
+   * Number of items to show before the ellipsis.
+   */
+  itemsBeforeCollapse: number;
+  /**
+   * Number of items to show after the ellipsis.
+   */
+  itemsAfterCollapse: number;
+  /**
+   * The separator between each breadcrumb. It is a chevron by default.
+   */
+  separator: ReactNode;
+};
+
+renderEllipsis: (props: RenderEllipsisItemProps) => ReactNode;
+```
diff --git a/apps/docs/content/docs/components/dropdown.mdx b/apps/docs/content/docs/components/dropdown.mdx
index 5ab9f78f9..5ca779d9e 100644
--- a/apps/docs/content/docs/components/dropdown.mdx
+++ b/apps/docs/content/docs/components/dropdown.mdx
@@ -13,7 +13,7 @@ Displays a list of actions or options that a user can choose.
 
 ---
 
-<CarbonAd/>
+<CarbonAd />
 
 ## Import
 
@@ -40,7 +40,7 @@ NextUI exports 5 dropdown-related components:
   DropdownMenu,
   DropdownSection,
   DropdownItem
-} from "@nextui-org/dropdown";`
+} from "@nextui-org/dropdown";`,
   }}
 />
 
@@ -146,9 +146,42 @@ so it accepts all the props of the Popover component, including the `backdrop` p
 
 <CodeDemo title="Changing the backdrop" highlightedLines="17" files={dropdownContent.backdrop} />
 
+### Routing
+
+The `<DropdownItem>` component works with frameworks and client side routers like [Next.js](https://nextjs.org/) and
+[React Router](https://reactrouter.com/en/main). See the [Routing](/docs/guide/routing) guide to learn how to set this up.
+
+```jsx
+import {Dropdown, DropdownMenu, DropdownTrigger, DropdownItem, Button} from "@nextui-org/react";
+
+function App() {
+  return (
+    <Dropdown>
+      <DropdownTrigger>
+        <Button variant="bordered">Open Menu</Button>
+      </DropdownTrigger>
+      <DropdownMenu aria-label="Link Actions">
+        <DropdownItem key="home" href="/home">
+          Home
+        </DropdownItem>
+        <DropdownItem key="about" href="/about">
+          About
+        </DropdownItem>
+      </DropdownMenu>
+    </Dropdown>
+  );
+}
+```
+
 ## Slots
 
-Dropdown has 2 components with slots the `DropdownItem` and `DropdownSection` components.
+Dropdown has 3 components with slots the `DropdownMenu`, `DropdownItem` and `DropdownSection` components.
+
+### DropdownMenu
+
+- **base**: The main wrapper for the menu component. This slot wraps the `topContent`, `bottomContent` and the `list` slot.
+- **list**: The slot for the menu list component. You can see this slot as the `ul` slot.
+- **emptyContent**: The slot content to display when the collection is empty.
 
 ### DropdownItem
 
@@ -260,30 +293,36 @@ you to customize each item individually.
 
 ### DropdownTrigger Props
 
-| Attribute | Type        | Description                                                                                                                                                                    | Default |
-| --------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------- |
+| Attribute | Type        | Description                                                                                                                                                                   | Default |
+| --------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
 | children  | `ReactNode` | The dropdown trigger component, ensure the `children` passed is focusable. Users can tab to it using their keyboard, and it can take a ref. It is critical for accessibility. | -       |
 
 ---
 
 ### DropdownMenu Props
 
-| Attribute              | Type                                                                                                   | Description                                                                                             |           |
-| ---------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- | --------- |
-| children\*             | `ReactNode` \| `((item: T) => ReactElement)`                                                           | The contents of the collection. It's usually the `DropdownItem` or `DropdownSection`. (static)          | -         |
-| items                  | [`Iterable<T>`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) | Item objects in the collection. (dynamic)                                                               | -         |
-| variant                | `solid` \| `bordered` \| `light` \| `flat` \| `faded` \| `shadow`                                      | The dropdown items appearance style.                                                                    | `solid`   |
-| color                  | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger`                            | The dropdown items color theme.                                                                         | `default` |
-| selectionMode          | `none` \| `single` \| `multiple`                                                                       | The type of selection that is allowed in the collection.                                                | -         |
-| selectedKeys           | `React.Key[]`                                                                                          | The currently selected keys in the collection (controlled).                                             | -         |
-| disabledKeys           | `React.Key[]`                                                                                          | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. | -         |
-| defaultSelectedKeys    | `all` \| `React.Key[]`                                                                                 | The initial selected keys in the collection (uncontrolled).                                             | -         |
-| disallowEmptySelection | `boolean`                                                                                              | Whether the collection allows empty selection.                                                          | `false`   |
-| autoFocus              | `boolean` \| `first` \| `last`                                                                         | Where the focus should be set.                                                                          | `false`   |
-| shouldFocusWrap        | `boolean`                                                                                              | Whether keyboard navigation is circular.                                                                | `false`   |
-| closeOnSelect          | `boolean`                                                                                              | Whether the dropdown menu should be closed when an item is selected.                                    | `true`    |
-| disableAnimation       | `boolean`                                                                                              | Whether to disable the animation of the dropdown items.                                                 | `false`   |
-| itemClasses            | `Record<"base"｜ "wrapper"｜ "title"｜ "description"｜ "shortcut" ｜ "selectedIcon", string>`            | Allows to set custom class names for the dropdown item slots.                                           | -         |
+| Attribute              | Type                                                                                                   | Description                                                                                             |             |
+| ---------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- | ----------- |
+| children\*             | `ReactNode` \| `((item: T) => ReactElement)`                                                           | The contents of the collection. It's usually the `DropdownItem` or `DropdownSection`. (static)          | -           |
+| items                  | [`Iterable<T>`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) | Item objects in the collection. (dynamic)                                                               | -           |
+| variant                | `solid` \| `bordered` \| `light` \| `flat` \| `faded` \| `shadow`                                      | The dropdown items appearance style.                                                                    | `solid`     |
+| color                  | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger`                            | The dropdown items color theme.                                                                         | `default`   |
+| selectionMode          | `none` \| `single` \| `multiple`                                                                       | The type of selection that is allowed in the collection.                                                | -           |
+| selectedKeys           | `React.Key[]`                                                                                          | The currently selected keys in the collection (controlled).                                             | -           |
+| disabledKeys           | `React.Key[]`                                                                                          | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. | -           |
+| defaultSelectedKeys    | `all` \| `React.Key[]`                                                                                 | The initial selected keys in the collection (uncontrolled).                                             | -           |
+| disallowEmptySelection | `boolean`                                                                                              | Whether the collection allows empty selection.                                                          | `false`     |
+| autoFocus              | `boolean` \| `first` \| `last`                                                                         | Where the focus should be set.                                                                          | `false`     |
+| topContent             | `ReactNode`                                                                                            | The content to display above the listbox items.                                                         | -           |
+| bottomContent          | `ReactNode`                                                                                            | The content to display below the listbox items.                                                         | -           |
+| emptyContent           | `ReactNode`                                                                                            | The content to display when the collection is empty.                                                    | `No items.` |
+| hideEmptyContent       | `boolean`                                                                                              | Whether to not display the empty content when the collection is empty.                                  | `false`     |
+| hideSelectedIcon       | `boolean`                                                                                              | Whether to hide the check icon when the items are selected.                                             | `false`     |
+| shouldFocusWrap        | `boolean`                                                                                              | Whether keyboard navigation is circular.                                                                | `false`     |
+| closeOnSelect          | `boolean`                                                                                              | Whether the dropdown menu should be closed when an item is selected.                                    | `true`      |
+| disableAnimation       | `boolean`                                                                                              | Whether to disable the animation of the dropdown items.                                                 | `false`     |
+| classNames             | `Record<"base"｜ "list"｜ "emptyContent", string>`                                                     | Allows to set custom class names for the dropdown menu slots.                                           | -           |
+| itemClasses            | `Record<"base"｜ "wrapper"｜ "title"｜ "description"｜ "shortcut" ｜ "selectedIcon", string>`          | Allows to set custom class names for the dropdown item slots.                                           | -           |
 
 ### DropdownMenu Events
 
@@ -311,23 +350,30 @@ you to customize each item individually.
 
 ### DropdownItem Props
 
-| Attribute     | Type                                                                                          | Description                                                                                                     | Default |
-| ------------- | --------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ------- |
-| children\*    | `ReactNode`                                                                                   | The contents of the dropdown item.                                                                              | -       |
-| key           | `React.Key`                                                                                   | The unique key for the dropdown item.                                                                           | -       |
-| title         | `string` \| `ReactNode`                                                                       | The title of the dropdown item.                                                                                 | -       |
-| textValue     | `string`                                                                                      | A string representation of the item's contents, used for features like typeahead.                               | -       |
-| description   | `string` \| `ReactNode`                                                                       | The description of the dropdown item.                                                                           | -       |
-| shortcut      | `string` \| `ReactNode`                                                                       | The dropdown item keyboard shortcut.                                                                            | -       |
-| startContent  | `ReactNode`                                                                                   | The start content of the dropdown item.                                                                         | -       |
-| endContent    | `ReactNode`                                                                                   | The end content of the dropdown item. This is positioned after the shortcut and the selected icon.              | -       |
-| selectedIcon  | [SelectedIconProps](#dropdown-item-selected-icon-props)                                       | Custom icon to render when the item is selected.                                                                | -       |
-| showDivider   | `boolean`                                                                                     | Whether to show a divider below the item.                                                                       | `false` |
-| isDisabled    | `boolean`                                                                                     | Whether the dropdown item should be disabled. (**Deprecated**) pass **disabledKeys** to `DropdownMenu` instead. | `false` |
-| isSelected    | `boolean`                                                                                     | Whether the dropdown item should be selected. (**Deprecated**) pass **selectedKeys** to `DropdownMenu` instead. | `false` |
-| isReadOnly    | `boolean`                                                                                     | Whether the dropdown item press events should be ignored.                                                       | `false` |
-| closeOnSelect | `boolean`                                                                                     | Whether the dropdown menu should be closed when the item is selected.                                           | `true`  |
-| classNames    | `Record<"base"｜ "wrapper"｜ "title"｜ "description"｜ "shortcut" ｜ "selectedIcon", string>` | Allows to set custom class names for the dropdown item slots.                                                   | -       |
+| Attribute        | Type                                                                                          | Description                                                                                                                                                                      | Default |
+| ---------------- | --------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
+| children\*       | `ReactNode`                                                                                   | The contents of the dropdown item.                                                                                                                                               | -       |
+| key              | `React.Key`                                                                                   | The unique key for the dropdown item.                                                                                                                                            | -       |
+| title            | `string` \| `ReactNode`                                                                       | The title of the dropdown item.                                                                                                                                                  | -       |
+| textValue        | `string`                                                                                      | A string representation of the item's contents, used for features like typeahead.                                                                                                | -       |
+| description      | `string` \| `ReactNode`                                                                       | The description of the dropdown item.                                                                                                                                            | -       |
+| shortcut         | `string` \| `ReactNode`                                                                       | The dropdown item keyboard shortcut.                                                                                                                                             | -       |
+| startContent     | `ReactNode`                                                                                   | The start content of the dropdown item.                                                                                                                                          | -       |
+| endContent       | `ReactNode`                                                                                   | The end content of the dropdown item. This is positioned after the shortcut and the selected icon.                                                                               | -       |
+| selectedIcon     | [SelectedIconProps](#dropdown-item-selected-icon-props)                                       | Custom icon to render when the item is selected.                                                                                                                                 | -       |
+| showDivider      | `boolean`                                                                                     | Whether to show a divider below the item.                                                                                                                                        | `false` |
+| href             | `string`                                                                                      | A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).                                                                                   | -       |
+| target           | `HTMLAttributeAnchorTarget`                                                                   | The target window for the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).                                                                   | -       |
+| rel              | `string`                                                                                      | The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel).                                  | -       |
+| download         | `boolean` \| `string`                                                                         | Causes the browser to download the linked URL. A string may be provided to suggest a file name. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download). | -       |
+| ping             | `string`                                                                                      | A space-separated list of URLs to ping when the link is followed. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping).                                   | -       |
+| referrerPolicy   | `HTMLAttributeReferrerPolicy`                                                                 | How much of the referrer to send when following the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy).                                 | -       |
+| isDisabled       | `boolean`                                                                                     | Whether the dropdown item should be disabled. (**Deprecated**) pass **disabledKeys** to `DropdownMenu` instead.                                                                  | `false` |
+| isSelected       | `boolean`                                                                                     | Whether the dropdown item should be selected. (**Deprecated**) pass **selectedKeys** to `DropdownMenu` instead.                                                                  | `false` |
+| isReadOnly       | `boolean`                                                                                     | Whether the dropdown item press events should be ignored.                                                                                                                        | `false` |
+| hideSelectedIcon | `boolean`                                                                                     | Whether to hide the check icon when the item is selected.                                                                                                                        | `false` |
+| closeOnSelect    | `boolean`                                                                                     | Whether the dropdown menu should be closed when the item is selected.                                                                                                            | `true`  |
+| classNames       | `Record<"base"｜ "wrapper"｜ "title"｜ "description"｜ "shortcut" ｜ "selectedIcon", string>` | Allows to set custom class names for the dropdown item slots.                                                                                                                    | -       |
 
 ### DropdownItem Events
 
diff --git a/apps/docs/content/docs/components/input.mdx b/apps/docs/content/docs/components/input.mdx
index d5980ff46..2d4194fa8 100644
--- a/apps/docs/content/docs/components/input.mdx
+++ b/apps/docs/content/docs/components/input.mdx
@@ -202,6 +202,7 @@ In case you need to customize the input even further, you can use the `useInput`
 | isReadOnly       | `boolean`                                                                                                                                                              | Whether the input can be selected but not changed by the user.                                                        |           |
 | isDisabled       | `boolean`                                                                                                                                                              | Whether the input is disabled.                                                                                        | `false`   |
 | isInvalid        | `boolean`                                                                                                                                                              | Whether the input is invalid.                                                                                         | `false`   |
+| baseRef          | `RefObject<HTMLDivElement>`                                                                                                                                            | The ref to the base element.                                                                                          | -         |
 | validationState  | `valid` \| `invalid`                                                                                                                                                   | Whether the input should display its "valid" or "invalid" visual styling. (**Deprecated**) use **isInvalid** instead. | -         |
 | disableAnimation | `boolean`                                                                                                                                                              | Whether the input should be animated.                                                                                 | `false`   |
 | classNames       | `Record<"base"｜ "label"｜ "inputWrapper"｜ "innerWrapper"｜ "mainWrapper" ｜ "input" ｜ "clearButton" ｜ "helperWrapper" ｜ "description" ｜ "errorMessage", string>` | Allows to set custom class names for the checkbox slots.                                                              | -         |
diff --git a/apps/docs/content/docs/components/link.mdx b/apps/docs/content/docs/components/link.mdx
index eadbc3108..c1453ebfc 100644
--- a/apps/docs/content/docs/components/link.mdx
+++ b/apps/docs/content/docs/components/link.mdx
@@ -13,7 +13,7 @@ Links allow users to click their way from page to page. This component is styled
 
 ---
 
-<CarbonAd/>
+<CarbonAd />
 
 ## Import
 
@@ -66,14 +66,24 @@ NextUI components expose a `as` prop that allows you to customize the React elem
 
 <CodeDemo title="Polymorphic Component" files={linkContent.polymorphic} />
 
-### Usage with Next.js
+### Routing
 
-<CodeDemo
-  showPreview={false}
-  defaultExpanded={true}
-  title="Usage with Next.js "
-  files={linkContent.nextjs}
-/>
+The `<Link>` component works with frameworks and client side routers like [Next.js](https://nextjs.org/) and 
+[React Router](https://reactrouter.com/en/main). See the [Routing](/docs/guide/routing) guide to learn how to set this up.
+
+
+```jsx
+import {Link} from "@nextui-org/react";
+
+function App() {
+  return (
+    <>
+      <Link href="/home">Home</Link>
+      <Link href="/about">About</Link>
+    </>
+  );
+}
+```
 
 ### Custom Implementation
 
@@ -109,18 +119,23 @@ In case you need to customize the link even further, you can use the `useLink` h
 
 ### Link Props
 
-| Attribute        | Type                                                                           | Description                                                       | Default   |
-| ---------------- | ------------------------------------------------------------------------------ | ----------------------------------------------------------------- | --------- |
-| href             | `string`                                                                       | The URL to link to.                                               | -         |
-| size             | `sm` \| `md` \| `lg`                                                           | The size of the link.                                             | `md`      |
-| color            | `foreground` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger` | The color of the link.                                            | `primary` |
-| underline        | `none` \| `hover` \| `always` \| `active` \| `focus`                           | The underline of the link.                                        | `none`    |
-| isExternal       | `boolean`                                                                      | Whether the link should open in a new tab.                        | `false`   |
-| showAnchorIcon   | `boolean`                                                                      | Whether to show the anchor icon.                                  | `false`   |
-| anchorIcon       | `ReactNode`                                                                    | The anchor icon.                                                  | -         |
-| isBlock          | `boolean`                                                                      | Whether the link should be rendered as block with a hover effect. | `false`   |
-| isDisabled       | `boolean`                                                                      | Whether the link is disabled.                                     | `false`   |
-| disableAnimation | `boolean`                                                                      | Whether to disable link and block animations.                     | `false`   |
+| Attribute        | Type                                                                           | Description                                                                                                                                                                      | Default   |
+| ---------------- | ------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- |
+| size             | `sm` \| `md` \| `lg`                                                           | The size of the link.                                                                                                                                                            | `md`      |
+| color            | `foreground` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger` | The color of the link.                                                                                                                                                           | `primary` |
+| underline        | `none` \| `hover` \| `always` \| `active` \| `focus`                           | The underline of the link.                                                                                                                                                       | `none`    |
+| href             | `string`                                                                       | A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).                                                                                   | -         |
+| target           | `HTMLAttributeAnchorTarget`                                                    | The target window for the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).                                                                   | -         |
+| rel              | `string`                                                                       | The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel).                                  | -         |
+| download         | `boolean` \| `string`                                                          | Causes the browser to download the linked URL. A string may be provided to suggest a file name. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download). | -         |
+| ping             | `string`                                                                       | A space-separated list of URLs to ping when the link is followed. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping).                                   | -         |
+| referrerPolicy   | `HTMLAttributeReferrerPolicy`                                                  | How much of the referrer to send when following the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy).                                 | -         |
+| isExternal       | `boolean`                                                                      | Whether the link should open in a new tab.                                                                                                                                       | `false`   |
+| showAnchorIcon   | `boolean`                                                                      | Whether to show the anchor icon.                                                                                                                                                 | `false`   |
+| anchorIcon       | `ReactNode`                                                                    | The anchor icon.                                                                                                                                                                 | -         |
+| isBlock          | `boolean`                                                                      | Whether the link should be rendered as block with a hover effect.                                                                                                                | `false`   |
+| isDisabled       | `boolean`                                                                      | Whether the link is disabled.                                                                                                                                                    | `false`   |
+| disableAnimation | `boolean`                                                                      | Whether to disable link and block animations.                                                                                                                                    | `false`   |
 
 ### Link Events
 
diff --git a/apps/docs/content/docs/components/listbox.mdx b/apps/docs/content/docs/components/listbox.mdx
index 03819d8e8..f7652aa71 100644
--- a/apps/docs/content/docs/components/listbox.mdx
+++ b/apps/docs/content/docs/components/listbox.mdx
@@ -101,10 +101,17 @@ You can use the `description` prop to add a description to the listbox item.
 
 <CodeDemo
   title="With Description"
+  typescriptStrict={true}
   highlightedLines="17,24,32,41"
   files={listboxContent.description}
 />
 
+### With Top & Bottom Content
+
+You can use the `topContent` and `bottomContent` props to add content above and below the listbox items.
+
+<CodeDemo title="With Top & Bottom Content" files={listboxContent.topContent} />
+
 ### With Sections
 
 You can use the `ListboxSection` component to group listbox items.
@@ -113,9 +120,37 @@ You can use the `ListboxSection` component to group listbox items.
 
 > **Note**: Sections without a `title` must provide an `aria-label` for accessibility.
 
+### Routing
+
+The `<ListboxItem>` component works with frameworks and client side routers like [Next.js](https://nextjs.org/) and
+[React Router](https://reactrouter.com/en/main). See the [Routing](/docs/guide/routing) guide to learn how to set this up.
+
+```jsx
+import {Listbox, ListboxItem} from "@nextui-org/react";
+
+function App() {
+  return (
+    <Listbox>
+      <ListboxItem key="home" href="/home">
+        Home
+      </ListboxItem>
+      <ListboxItem key="about" href="/about">
+        About
+      </ListboxItem>
+    </Listbox>
+  );
+}
+```
+
 ## Slots
 
-Listbox has 2 components with slots the `ListboxItem` and `ListboxSection` components.
+Listbox has 3 components with slots the base one `Listbox`, `ListboxItem` and `ListboxSection` components.
+
+### Listbox
+
+- **base**: The main wrapper for the listbox component. This slot wraps the `topContent`, `bottomContent` and the `list` slot.
+- **list**: The slot for the listbox component. You can see this slot as the `ul` slot.
+- **emptyContent**: The slot content to display when the collection is empty.
 
 ### ListboxItem
 
@@ -162,7 +197,7 @@ You can customize the `Listbox` items style by using the `itemClasses` prop and
 - **data-selected**:
   When the listbox item is selected. Based on listbox `selectedKeys` prop.
 - **data-selectable**:
-  When the listbox item is selectable. Based on listbox `selectionMode` prop.  
+  When the listbox item is selectable. Based on listbox `selectionMode` prop.
 - **data-hover**:
   When the listbox item is being hovered. Based on [useHover](https://react-spectrum.adobe.com/react-aria/useHover.html)
 - **data-pressed**:
@@ -193,21 +228,28 @@ You can customize the `Listbox` items style by using the `itemClasses` prop and
 
 ### Listbox Props
 
-| Attribute              | Type                                                                                                   | Description                                                                                             | Default   |
-| ---------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- | --------- |
-| children\*             | `ReactNode[]`                                                                                          | The children to render. Usually a list of `ListboxItem` or `ListboxSection`                             | -         |
-| items                  | [`Iterable<T>`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) | Item objects in the collection. (dynamic)                                                               | -         |
-| variant                | `solid` \| `bordered` \| `light` \| `flat` \| `faded` \| `shadow`                                      | The listbox items appearance style.                                                                     | `solid`   |
-| color                  | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger`                            | The listbox items color theme.                                                                          | `default` |
-| selectionMode          | `none` \| `single` \| `multiple`                                                                       | The type of selection that is allowed in the collection.                                                | -         |
-| selectedKeys           | `React.Key[]`                                                                                          | The currently selected keys in the collection (controlled).                                             | -         |
-| disabledKeys           | `React.Key[]`                                                                                          | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. | -         |
-| defaultSelectedKeys    | `all` \| `React.Key[]`                                                                                 | The initial selected keys in the collection (uncontrolled).                                             | -         |
-| disallowEmptySelection | `boolean`                                                                                              | Whether the collection allows empty selection.                                                          | `false`   |
-| autoFocus              | `boolean` \| `first` \| `last`                                                                         | Where the focus should be set.                                                                          | `false`   |
-| shouldFocusWrap        | `boolean`                                                                                              | Whether keyboard navigation is circular.                                                                | `false`   |
-| disableAnimation       | `boolean`                                                                                              | Whether to disable the animation of the listbox items.                                                  | `false`   |
-| itemClasses            | `Record<"base"｜ "wrapper"｜ "title"｜ "description"｜ "selectedIcon", string>`                        | Allows to set custom class names for the listbox item slots.                                            | -         |
+| Attribute              | Type                                                                                                   | Description                                                                                              | Default     |
+| ---------------------- | ------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------- | ----------- |
+| children\*             | `ReactNode[]`                                                                                          | The children to render. Usually a list of `ListboxItem` or `ListboxSection`                              | -           |
+| items                  | [`Iterable<T>`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) | Item objects in the collection. (dynamic)                                                                | -           |
+| variant                | `solid` \| `bordered` \| `light` \| `flat` \| `faded` \| `shadow`                                      | The listbox items appearance style.                                                                      | `solid`     |
+| color                  | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger`                            | The listbox items color theme.                                                                           | `default`   |
+| selectionMode          | `none` \| `single` \| `multiple`                                                                       | The type of selection that is allowed in the collection.                                                 | -           |
+| selectedKeys           | `React.Key[]`                                                                                          | The currently selected keys in the collection (controlled).                                              | -           |
+| disabledKeys           | `React.Key[]`                                                                                          | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.  | -           |
+| defaultSelectedKeys    | `all` \| `React.Key[]`                                                                                 | The initial selected keys in the collection (uncontrolled).                                              | -           |
+| disallowEmptySelection | `boolean`                                                                                              | Whether the collection allows empty selection.                                                           | `false`     |
+| shouldHighlightOnFocus | `boolean`                                                                                              | Whether the focused item should be highlighted. It applies the same styles to the items as when hovered. | `false`     |
+| autoFocus              | `boolean` \| `first` \| `last`                                                                         | Where the focus should be set.                                                                           | `false`     |
+| topContent             | `ReactNode`                                                                                            | The content to display above the listbox items.                                                          | -           |
+| bottomContent          | `ReactNode`                                                                                            | The content to display below the listbox items.                                                          | -           |
+| emptyContent           | `ReactNode`                                                                                            | The content to display when the collection is empty.                                                     | `No items.` |
+| shouldFocusWrap        | `boolean`                                                                                              | Whether keyboard navigation is circular.                                                                 | `false`     |
+| hideEmptyContent       | `boolean`                                                                                              | Whether to not display the empty content when the collection is empty.                                   | `false`     |
+| hideSelectedIcon       | `boolean`                                                                                              | Whether to hide the check icon when the items are selected.                                              | `false`     |
+| disableAnimation       | `boolean`                                                                                              | Whether to disable the animation of the listbox items.                                                   | `false`     |
+| classNames             | `Record<"base"｜ "list"｜ "emptyContent", string>`                                                     | Allows to set custom class names for the listbox slots.                                                  | -           |
+| itemClasses            | `Record<"base"｜ "wrapper"｜ "title"｜ "description"｜ "selectedIcon", string>`                        | Allows to set custom class names for the listbox item slots.                                             | -           |
 
 ### Listbox Events
 
@@ -234,22 +276,30 @@ You can customize the `Listbox` items style by using the `itemClasses` prop and
 
 ### ListboxItem Props
 
-| Attribute    | Type                                                                                          | Description                                                                                               | Default |
-| ------------ | --------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- | ------- |
-| children\*   | `ReactNode`                                                                                   | The contents of the listbox item.                                                                         | -       |
-| key          | `React.Key`                                                                                   | The unique key for the listbox item.                                                                      | -       |
-| title        | `string` \| `ReactNode`                                                                       | The title of the listbox item.                                                                            | -       |
-| textValue    | `string`                                                                                      | A string representation of the item's contents, used for features like typeahead.                         | -       |
-| description  | `string` \| `ReactNode`                                                                       | The description of the listbox item.                                                                      | -       |
-| shortcut     | `string` \| `ReactNode`                                                                       | The listbox item keyboard shortcut.                                                                       | -       |
-| startContent | `ReactNode`                                                                                   | The start content of the listbox item.                                                                    | -       |
-| endContent   | `ReactNode`                                                                                   | The end content of the listbox item. This is positioned after the shortcut and the selected icon.         | -       |
-| selectedIcon | [SelectedIconProps](#listbox-item-selected-icon-props)                                        | Custom icon to render when the item is selected.                                                          | -       |
-| showDivider  | `boolean`                                                                                     | Whether to show a divider below the item.                                                                 | `false` |
-| isDisabled   | `boolean`                                                                                     | Whether the listbox item should be disabled. (**Deprecated**) pass **disabledKeys** to `Listbox` instead. | `false` |
-| isSelected   | `boolean`                                                                                     | Whether the listbox item should be selected. (**Deprecated**) pass **selectedKeys** to `Listbox` instead. | `false` |
-| isReadOnly   | `boolean`                                                                                     | Whether the listbox item press events should be ignored.                                                  | `false` |
-| classNames   | `Record<"base"｜ "wrapper"｜ "title"｜ "description"｜ "shortcut" ｜ "selectedIcon", string>` | Allows to set custom class names for the listbox item slots.                                              | -       |
+| Attribute              | Type                                                                                          | Description                                                                                                                                                                      | Default |
+| ---------------------- | --------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
+| children\*             | `ReactNode`                                                                                   | The contents of the listbox item.                                                                                                                                                | -       |
+| key                    | `React.Key`                                                                                   | The unique key for the listbox item.                                                                                                                                             | -       |
+| title                  | `string` \| `ReactNode`                                                                       | The title of the listbox item.                                                                                                                                                   | -       |
+| textValue              | `string`                                                                                      | A string representation of the item's contents, used for features like typeahead.                                                                                                | -       |
+| description            | `string` \| `ReactNode`                                                                       | The description of the listbox item.                                                                                                                                             | -       |
+| shortcut               | `string` \| `ReactNode`                                                                       | The listbox item keyboard shortcut.                                                                                                                                              | -       |
+| startContent           | `ReactNode`                                                                                   | The start content of the listbox item.                                                                                                                                           | -       |
+| endContent             | `ReactNode`                                                                                   | The end content of the listbox item. This is positioned after the shortcut and the selected icon.                                                                                | -       |
+| selectedIcon           | [SelectedIconProps](#listbox-item-selected-icon-props)                                        | Custom icon to render when the item is selected.                                                                                                                                 | -       |
+| href                   | `string`                                                                                      | A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).                                                                                   | -       |
+| target                 | `HTMLAttributeAnchorTarget`                                                                   | The target window for the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).                                                                   | -       |
+| rel                    | `string`                                                                                      | The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel).                                  | -       |
+| download               | `boolean` \| `string`                                                                         | Causes the browser to download the linked URL. A string may be provided to suggest a file name. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download). | -       |
+| ping                   | `string`                                                                                      | A space-separated list of URLs to ping when the link is followed. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping).                                   | -       |
+| referrerPolicy         | `HTMLAttributeReferrerPolicy`                                                                 | How much of the referrer to send when following the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy).                                 | -       |
+| shouldHighlightOnFocus | `boolean`                                                                                     | Whether the focused item should be highlighted. It applies the same styles to the item as when hovered.                                                                          | `false` |
+| hideSelectedIcon       | `boolean`                                                                                     | Whether to hide the check icon when the item is selected.                                                                                                                        | `false` |
+| showDivider            | `boolean`                                                                                     | Whether to show a divider below the item.                                                                                                                                        | `false` |
+| isDisabled             | `boolean`                                                                                     | Whether the listbox item should be disabled. (**Deprecated**) pass **disabledKeys** to `Listbox` instead.                                                                        | `false` |
+| isSelected             | `boolean`                                                                                     | Whether the listbox item should be selected. (**Deprecated**) pass **selectedKeys** to `Listbox` instead.                                                                        | `false` |
+| isReadOnly             | `boolean`                                                                                     | Whether the listbox item press events should be ignored.                                                                                                                         | `false` |
+| classNames             | `Record<"base"｜ "wrapper"｜ "title"｜ "description"｜ "shortcut" ｜ "selectedIcon", string>` | Allows to set custom class names for the listbox item slots.                                                                                                                     | -       |
 
 ### ListboxItem Events
 
diff --git a/apps/docs/content/docs/components/navbar.mdx b/apps/docs/content/docs/components/navbar.mdx
index cac4aca44..74aa6a5b8 100644
--- a/apps/docs/content/docs/components/navbar.mdx
+++ b/apps/docs/content/docs/components/navbar.mdx
@@ -13,7 +13,7 @@ A responsive navigation header positioned on top side of your page that includes
 
 ---
 
-<CarbonAd/>
+<CarbonAd />
 
 ## Import
 
@@ -238,6 +238,11 @@ When the `NavbarItem` is active, it will have a `data-active` attribute. You can
 - **data-focus-visible**:
   When the navbar menu toggle is being focused with the keyboard. Based on [useFocusRing](https://react-spectrum.adobe.com/react-aria/useFocusRing.html).
 
+`NavbarMenuItem` has the following attributes on the `base` element:
+
+- **data-active**:
+  Indicates if the menu item is active. It is used when the `isActive` prop is `true`.
+
 <Spacer y={4} />
 
 ## API
@@ -305,6 +310,13 @@ When the `NavbarItem` is active, it will have a `data-active` attribute. You can
 | portalContainer | `HTMLElement`                | The container element in which the navbar menu overlay portal will be placed.                                                                | `document.body` |
 | motionProps     | [MotionProps](#motion-props) | The motion props to controle the `open` / `close` animation. This motion is only available if the `disableAnimation` prop is set to `false`. | -               |
 
+### NavbarMenuItem Props
+
+| Attribute | Type        | Description                              | Default |
+| --------- | ----------- | ---------------------------------------- | ------- |
+| children  | `ReactNode` | The children to render as the menu item. | -       |
+| isActive  | `boolean`   | Whether the menu item is active or not.  | `false` |
+
 > **Note**: The rest of the navbar components such as `NavbarMenuItem` and `NavbarBrand` have the same props as the `li` element.
 
 ### Navbar types
diff --git a/apps/docs/content/docs/components/popover.mdx b/apps/docs/content/docs/components/popover.mdx
index 155ed354c..36289041f 100644
--- a/apps/docs/content/docs/components/popover.mdx
+++ b/apps/docs/content/docs/components/popover.mdx
@@ -14,7 +14,7 @@ additional rich content on top of something.
 
 ---
 
-<CarbonAd/>
+<CarbonAd />
 
 ## Import
 
@@ -92,10 +92,10 @@ Popover offers a `motionProps` property to customize the `enter` / `exit` animat
 
 ## Slots
 
-- **base**: The main popover slot, it wraps the popover content.
+- **base**: The main popover slot, it wraps the popover content and contains the arrow as a pseudo-element (::before).
 - **trigger**: The popover trigger slot, it has small styles to ensure the trigger works correctly.
 - **backdrop**: The backdrop slot, it contains the backdrop styles.
-- **arrow**: The arrow slot, it wraps the popover arrow, the placement of the arrow is based on the popover placement, e.g. `data-[placement=top]:...`.
+- **content**: The content slot, it contains the popover content.
 
 ### Custom Styles
 
@@ -162,7 +162,7 @@ You can customize the `Popover` component by passing custom Tailwind CSS classes
 | triggerRef                | `RefObject<HTMLElement>`                                                    | The ref for the element which the popover positions itself with respect to.                                                                                  | -               |
 | scrollRef                 | `RefObject<HTMLElement>`                                                    | A ref for the scrollable region within the popover.                                                                                                          | `overlayRef`    |
 | disableAnimation          | `boolean`                                                                   | Whether the popover is animated.                                                                                                                             | `false`         |
-| classNames                | `Record<"base"｜ "trigger"｜ "backdrop"｜ "arrow", string>`                 | Allows to set custom class names for the popover slots.                                                                                                      | -               |
+| classNames                | `Record<"base"｜ "trigger"｜ "backdrop"｜ "content", string>`               | Allows to set custom class names for the popover slots.                                                                                                      | -               |
 
 <Spacer y={1} />
 
diff --git a/apps/docs/content/docs/components/progress.mdx b/apps/docs/content/docs/components/progress.mdx
index 5c8f7a815..2d94b6be1 100644
--- a/apps/docs/content/docs/components/progress.mdx
+++ b/apps/docs/content/docs/components/progress.mdx
@@ -107,7 +107,7 @@ You can customize the `Progress` component by passing custom Tailwind CSS classe
 
 ## API
 
-### Circular Progress Props
+### Progress Props
 
 | Attribute        | Type                                                                                                                    | Description                                                | Default              |
 | ---------------- | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | -------------------- |
diff --git a/apps/docs/content/docs/components/scroll-shadow.mdx b/apps/docs/content/docs/components/scroll-shadow.mdx
index a9da21095..fa615c465 100644
--- a/apps/docs/content/docs/components/scroll-shadow.mdx
+++ b/apps/docs/content/docs/components/scroll-shadow.mdx
@@ -53,16 +53,33 @@ a specific position.
 
 <CodeDemo title="Shadow Offset" files={scrollShadowContent.offset} />
 
-<Spacer y={4} />{" "}
+<Spacer y={4} />
 
 ## API
 
 ### ShadowScroll Props
 
-| Attribute     | Type                       | Description                                     | Default    |
-| ------------- | -------------------------- | ----------------------------------------------- | ---------- |
-| size          | `number`                   | The shadow size in pixels.                      | `40`       |
-| offset        | `number`                   | The scroll offset to show the shadow in pixels. | `0`        |
-| hideScrollBar | `boolean`                  | Whether to hide the scrollbar or not.           | `false`    |
-| orientation   | `horizontal` \| `vertical` | The scroll orientation.                         | `vertical` |
-| isEnabled     | `boolean`                  | Whether the shadow is enabled or not.           | `true`     |
+| Attribute     | Type                                                | Description                                     | Default    |
+| ------------- | --------------------------------------------------- | ----------------------------------------------- | ---------- |
+| size          | `number`                                            | The shadow size in pixels.                      | `40`       |
+| offset        | `number`                                            | The scroll offset to show the shadow in pixels. | `0`        |
+| hideScrollBar | `boolean`                                           | Whether to hide the scrollbar or not.           | `false`    |
+| orientation   | `horizontal` \| `vertical`                          | The scroll orientation.                         | `vertical` |
+| isEnabled     | `boolean`                                           | Whether the shadow is enabled or not.           | `true`     |
+| visibility    | [ScrollShadowVisibility](#scroll-shadow-visibility) | The shadow visibility. (controlled)             | `auto`     |
+
+### ShadowScroll Events
+
+| Attribute          | Type                                           | Description                                          |
+| ------------------ | ---------------------------------------------- | ---------------------------------------------------- |
+| onVisibilityChange | `(visibility: ScrollShadowVisibility) => void` | Callback invoked when the shadow visibility changes. |
+
+<Spacer y={2} />
+
+### Types
+
+#### Scroll Shadow Visibility
+
+```ts
+type ScrollShadowVisibility = "auto" | "top" | "bottom" | "left" | "right" | "both" | "none";
+```
diff --git a/apps/docs/content/docs/components/select.mdx b/apps/docs/content/docs/components/select.mdx
index eca666757..918db9e1b 100644
--- a/apps/docs/content/docs/components/select.mdx
+++ b/apps/docs/content/docs/components/select.mdx
@@ -43,6 +43,12 @@ Select follows the [Collection Components API](https://react-spectrum.adobe.com/
 
 <CodeDemo title="Dynamic items" highlightedLines="8" files={selectContent.dynamic} />
 
+### Multiple Selection
+
+You can use the `selectionMode="multiple"` property to allow multiple selection.
+
+<CodeDemo title="Multiple Selection" files={selectContent.multiple} />
+
 ### Disabled
 
 <CodeDemo title="Disabled" highlightedLines="8" files={selectContent.disabled} />
@@ -162,18 +168,6 @@ By default the select will render the selected item's text value, but you can cu
 The `renderValue` function receives the selected items as a parameter and must return a
 `ReactNode`. Check the [Render Value Function](#render-value-function) section for more details.
 
-### With Sections
-
-You can use the `SelectSection` component to group select items.
-
-<CodeDemo title="With Sections" files={selectContent.sections} />
-
-### Custom Sections Style
-
-You can customize the sections style by using the `classNames` property of the `SelectSection` component.
-
-<CodeDemo title="Custom Sections Style" files={selectContent.customSectionsStyle} />
-
 ### Asynchronous Loading
 
 Select supports asynchronous loading, in the example below we are using a custom hook to fetch the [Pokemon API](https://pokeapi.co/api/v2/pokemon) data in combination with the `useInfiniteScroll` hook to load more data when the user reaches the end of the list.
@@ -206,11 +200,17 @@ import {useInfiniteScroll} from "@nextui-org/use-infinite-scroll";
   iframeSrc="/examples/select/async-items-loading"
 />
 
-### Multiple Select
+### With Sections
 
-You can use the `selectionMode="multiple"` property to allow multiple selection.
+You can use the `SelectSection` component to group select items.
 
-<CodeDemo title="Multiple Selection" files={selectContent.multiple} />
+<CodeDemo title="With Sections" files={selectContent.sections} />
+
+### Custom Sections Style
+
+You can customize the sections style by using the `classNames` property of the `SelectSection` component.
+
+<CodeDemo title="Custom Sections Style" files={selectContent.customSectionsStyle} />
 
 ### Multiple Select Controlled
 
@@ -261,7 +261,7 @@ the popover and listbox components.
 - **value**: The select value. This is also the slot that wraps the `renderValue` function result.
 - **listboxWrapper**: The wrapper of the listbox. This wraps the listbox component, this slot is used on top of the scroll shadow component.
 - **listbox**: The listbox component. This is the component that wraps the select items.
-- **popover**: The popover component. This is the component that wraps the listbox component.
+- **popoverContent**: The popover content slot. Use this to modify the popover content styles.
 - **helperWrapper**: The wrapper of the helper text. This wraps the helper text and the error message.
 - **description**: The description of the select.
 - **errorMessage**: The error message of the select.
@@ -333,45 +333,45 @@ the popover and listbox components.
 
 ### Select Props
 
-| Attribute                    | Type                                                                                                                                                                                                            | Description                                                                                                            | Default            |
-| ---------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- | ------------------ |
-| children\*                   | `ReactNode[]`                                                                                                                                                                                                   | The children to render. Usually a list of `SelectItem` and `SelectSection` elements.                                   | -                  |
-| items                        | [`Iterable<T>`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols)                                                                                                          | Item objects in the select. (dynamic)                                                                                  | -                  |
-| selectionMode                | `single` \| `multiple`                                                                                                                                                                                          | The type of selection that is allowed in the collection.                                                               | -                  |
-| selectedKeys                 | `all` \| `React.Key[]`                                                                                                                                                                                          | The currently selected keys in the collection (controlled).                                                            | -                  |
-| disabledKeys                 | `all` \| `React.Key[]`                                                                                                                                                                                          | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.                | -                  |
-| defaultSelectedKeys          | `all` \| `React.Key[]`                                                                                                                                                                                          | The initial selected keys in the collection (uncontrolled).                                                            | -                  |
-| variant                      | `flat` \| `bordered` \| `faded` \| `underlined`                                                                                                                                                                 | The variant of the select.                                                                                             | `flat`             |
-| color                        | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger`                                                                                                                                     | The color of the select.                                                                                               | `default`          |
-| size                         | `sm` \| `md` \| `lg`                                                                                                                                                                                            | The size of the select.                                                                                                | `md`               |
-| radius                       | `none` \| `sm` \| `md` \| `lg` \| `full`                                                                                                                                                                        | The radius of the select.                                                                                              | -                  |
-| placeholder                  | `string`                                                                                                                                                                                                        | The placeholder of the select.                                                                                         | `Select an option` |
-| labelPlacement               | `inside` \| `outside` \| `outside-left`                                                                                                                                                                         | The position of the label.                                                                                             | `inside`           |
-| label                        | `ReactNode`                                                                                                                                                                                                     | The content to display as the label.                                                                                   | -                  |
-| description                  | `ReactNode`                                                                                                                                                                                                     | A description for the select. Provides a hint such as specific requirements for what to choose.                        | -                  |
-| errorMessage                 | `ReactNode`                                                                                                                                                                                                     | An error message for the select.                                                                                       | -                  |
-| startContent                 | `ReactNode`                                                                                                                                                                                                     | Element to be rendered in the left side of the select.                                                                 | -                  |
-| endContent                   | `ReactNode`                                                                                                                                                                                                     | Element to be rendered in the right side of the select.                                                                | -                  |
-| selectorIcon                 | `ReactNode`                                                                                                                                                                                                     | Element to be rendered as the selector icon.                                                                           | -                  |
-| scrollRef                    | `React.RefObject<HTMLElement>`                                                                                                                                                                                  | A ref to the scrollable element.                                                                                       | -                  |
-| spinnerRef                   | `React.RefObject<HTMLElement>`                                                                                                                                                                                  | A ref to the spinner element.                                                                                          | -                  |
-| fullWidth                    | `boolean`                                                                                                                                                                                                       | Whether the select should take up the width of its parent.                                                             | `true`             |
-| isOpen                       | `boolean`                                                                                                                                                                                                       | Whether the select is open by default (controlled).                                                                    | -                  |
-| defaultOpen                  | `boolean`                                                                                                                                                                                                       | Whether the select is open by default (uncontrolled).                                                                  | -                  |
-| isRequired                   | `boolean`                                                                                                                                                                                                       | Whether user select is required on the select before form submission.                                                  | `false`            |
-| isDisabled                   | `boolean`                                                                                                                                                                                                       | Whether the select is disabled.                                                                                        | `false`            |
-| isMultiline                  | `boolean`                                                                                                                                                                                                       | Whether the select should allow multiple lines of text.                                                                | `false`            |
-| isInvalid                    | `boolean`                                                                                                                                                                                                       | Whether the select is invalid.                                                                                         | `false`            |
-| validationState              | `valid` \| `invalid`                                                                                                                                                                                            | Whether the select should display its "valid" or "invalid" visual styling. (**Deprecated**) use **isInvalid** instead. | -                  |
-| showScrollIndicators         | `boolean`                                                                                                                                                                                                       | Whether the select should show scroll indicators when the listbox is scrollable.                                       | `true`             |
-| autoFocus                    | `boolean`                                                                                                                                                                                                       | Whether the select should be focused on the first mount.                                                               | `false`            |
-| disallowEmptySelection       | `boolean`                                                                                                                                                                                                       | Whether the collection allows empty selection.                                                                         | `false`            |
-| disableAnimation             | `boolean`                                                                                                                                                                                                       | Whether the select should be animated.                                                                                 | `true`             |
-| disableSelectionIconRotation | `boolean`                                                                                                                                                                                                       | Whether the select should disable the rotation of the selector icon.                                                   | `false`            |
-| popoverProps                 | [PopoverProps](/docs/components/popover#api)                                                                                                                                                                    | Props to be passed to the popover component.                                                                           | -                  |
-| listboxProps                 | [ListboxProps](/docs/components/listbox#api)                                                                                                                                                                    | Props to be passed to the listbox component.                                                                           | -                  |
-| scrollShadowProps            | [ScrollShadowProps](/docs/components/scroll-shadow#api)                                                                                                                                                         | Props to be passed to the scroll shadow component.                                                                     | -                  |
-| classNames                   | `Record<"base"｜ "label"｜ "trigger"｜ "mainWrapper" ｜ "innerWrapper"｜ "selectorIcon" ｜ "value" ｜ "listboxWrapper"｜ "listbox" ｜ "popover" ｜ "helperWrapper" ｜ "description" ｜ "errorMessage", string>` | Allows to set custom class names for the dropdown item slots.                                                          | -                  |
+| Attribute                   | Type                                                                                                                                                                                                                   | Description                                                                                                            | Default            |
+| --------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- | ------------------ |
+| children\*                  | `ReactNode[]`                                                                                                                                                                                                          | The children to render. Usually a list of `SelectItem` and `SelectSection` elements.                                   | -                  |
+| items                       | [`Iterable<T>`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols)                                                                                                                 | Item objects in the select. (dynamic)                                                                                  | -                  |
+| selectionMode               | `single` \| `multiple`                                                                                                                                                                                                 | The type of selection that is allowed in the collection.                                                               | -                  |
+| selectedKeys                | `all` \| `React.Key[]`                                                                                                                                                                                                 | The currently selected keys in the collection (controlled).                                                            | -                  |
+| disabledKeys                | `all` \| `React.Key[]`                                                                                                                                                                                                 | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.                | -                  |
+| defaultSelectedKeys         | `all` \| `React.Key[]`                                                                                                                                                                                                 | The initial selected keys in the collection (uncontrolled).                                                            | -                  |
+| variant                     | `flat` \| `bordered` \| `faded` \| `underlined`                                                                                                                                                                        | The variant of the select.                                                                                             | `flat`             |
+| color                       | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger`                                                                                                                                            | The color of the select.                                                                                               | `default`          |
+| size                        | `sm` \| `md` \| `lg`                                                                                                                                                                                                   | The size of the select.                                                                                                | `md`               |
+| radius                      | `none` \| `sm` \| `md` \| `lg` \| `full`                                                                                                                                                                               | The radius of the select.                                                                                              | -                  |
+| placeholder                 | `string`                                                                                                                                                                                                               | The placeholder of the select.                                                                                         | `Select an option` |
+| labelPlacement              | `inside` \| `outside` \| `outside-left`                                                                                                                                                                                | The position of the label.                                                                                             | `inside`           |
+| label                       | `ReactNode`                                                                                                                                                                                                            | The content to display as the label.                                                                                   | -                  |
+| description                 | `ReactNode`                                                                                                                                                                                                            | A description for the select. Provides a hint such as specific requirements for what to choose.                        | -                  |
+| errorMessage                | `ReactNode`                                                                                                                                                                                                            | An error message for the select.                                                                                       | -                  |
+| startContent                | `ReactNode`                                                                                                                                                                                                            | Element to be rendered in the left side of the select.                                                                 | -                  |
+| endContent                  | `ReactNode`                                                                                                                                                                                                            | Element to be rendered in the right side of the select.                                                                | -                  |
+| selectorIcon                | `ReactNode`                                                                                                                                                                                                            | Element to be rendered as the selector icon.                                                                           | -                  |
+| scrollRef                   | `React.RefObject<HTMLElement>`                                                                                                                                                                                         | A ref to the scrollable element.                                                                                       | -                  |
+| spinnerRef                  | `React.RefObject<HTMLElement>`                                                                                                                                                                                         | A ref to the spinner element.                                                                                          | -                  |
+| fullWidth                   | `boolean`                                                                                                                                                                                                              | Whether the select should take up the width of its parent.                                                             | `true`             |
+| isOpen                      | `boolean`                                                                                                                                                                                                              | Whether the select is open by default (controlled).                                                                    | -                  |
+| defaultOpen                 | `boolean`                                                                                                                                                                                                              | Whether the select is open by default (uncontrolled).                                                                  | -                  |
+| isRequired                  | `boolean`                                                                                                                                                                                                              | Whether user select is required on the select before form submission.                                                  | `false`            |
+| isDisabled                  | `boolean`                                                                                                                                                                                                              | Whether the select is disabled.                                                                                        | `false`            |
+| isMultiline                 | `boolean`                                                                                                                                                                                                              | Whether the select should allow multiple lines of text.                                                                | `false`            |
+| isInvalid                   | `boolean`                                                                                                                                                                                                              | Whether the select is invalid.                                                                                         | `false`            |
+| validationState             | `valid` \| `invalid`                                                                                                                                                                                                   | Whether the select should display its "valid" or "invalid" visual styling. (**Deprecated**) use **isInvalid** instead. | -                  |
+| showScrollIndicators        | `boolean`                                                                                                                                                                                                              | Whether the select should show scroll indicators when the listbox is scrollable.                                       | `true`             |
+| autoFocus                   | `boolean`                                                                                                                                                                                                              | Whether the select should be focused on the first mount.                                                               | `false`            |
+| disallowEmptySelection      | `boolean`                                                                                                                                                                                                              | Whether the collection allows empty selection.                                                                         | `false`            |
+| disableAnimation            | `boolean`                                                                                                                                                                                                              | Whether the select should be animated.                                                                                 | `true`             |
+| disableSelectorIconRotation | `boolean`                                                                                                                                                                                                              | Whether the select should disable the rotation of the selector icon.                                                   | `false`            |
+| popoverProps                | [PopoverProps](/docs/components/popover#api)                                                                                                                                                                           | Props to be passed to the popover component.                                                                           | -                  |
+| listboxProps                | [ListboxProps](/docs/components/listbox#api)                                                                                                                                                                           | Props to be passed to the listbox component.                                                                           | -                  |
+| scrollShadowProps           | [ScrollShadowProps](/docs/components/scroll-shadow#api)                                                                                                                                                                | Props to be passed to the scroll shadow component.                                                                     | -                  |
+| classNames                  | `Record<"base"｜ "label"｜ "trigger"｜ "mainWrapper" ｜ "innerWrapper"｜ "selectorIcon" ｜ "value" ｜ "listboxWrapper"｜ "listbox" ｜ "popoverContent" ｜ "helperWrapper" ｜ "description" ｜ "errorMessage", string>` | Allows to set custom class names for the Select slots.                                                                 | -                  |
 
 ### Select Events
 
diff --git a/apps/docs/content/docs/components/slider.mdx b/apps/docs/content/docs/components/slider.mdx
new file mode 100644
index 000000000..9806fedf3
--- /dev/null
+++ b/apps/docs/content/docs/components/slider.mdx
@@ -0,0 +1,300 @@
+---
+title: "Slider"
+description: "A slider allows a user to select one or more values within a range."
+---
+
+import {sliderContent} from "@/content/components/slider";
+
+# Slider
+
+A slider allows a user to select one or more values within a range.
+
+<ComponentLinks component="slider" />
+
+---
+
+<CarbonAd />
+
+## Import
+
+<ImportTabs
+  commands={{
+    main: 'import {Slider} from "@nextui-org/react";',
+    individual: 'import {Slider} from "@nextui-org/slider";',
+  }}
+/>
+
+## Usage
+
+<CodeDemo title="Usage" files={sliderContent.usage} />
+
+### Disabled
+
+<CodeDemo title="Disabled" files={sliderContent.disabled} />
+
+### Sizes
+
+<CodeDemo title="Sizes" files={sliderContent.sizes} />
+
+### Radius
+
+<CodeDemo title="Radius" files={sliderContent.radius} />
+
+### Colors
+
+<CodeDemo title="Sizes" files={sliderContent.colors} />
+
+### Vertical Slider
+
+It is possible to change the orientation of the slider by using the `orientation="vertical"` prop.
+
+<CodeDemo title="With Steps Markers" files={sliderContent.vertical} />
+
+### With Visible Steps
+
+You can use the `showSteps` prop to display small dots on each step.
+
+<CodeDemo title="With Visible Steps" files={sliderContent.visibleSteps} />
+
+### With Marks
+
+You can use the `marks` prop to display a label on each step.
+
+<CodeDemo title="With Marks" files={sliderContent.marks} />
+
+### Range Slider
+
+If you pass an array of values to the `value` prop or to the `defaultValue` prop, the slider will become a range slider.
+
+<CodeDemo title="Range Slider" files={sliderContent.range} />
+
+### Fill Offset
+
+The `fillOffset` prop allows you to set where the fill should start.
+
+<CodeDemo title="Fill Offset" files={sliderContent.fillOffset} />
+
+### With Tooltip
+
+The `showTooltip` prop allows you to show a tooltip with the current thumb value when the user hovers or drags the thumb.
+
+<CodeDemo title="With Tooltip" files={sliderContent.tooltip} />
+
+> **Note:** You can change any of the tooltip props by passing the `tooltipProps` to the `Slider` component.
+
+### With Outline
+
+It is possible to add a small outline to the slider's thumbs by passing the `showOutline` prop.
+
+<CodeDemo title="With Outline" files={sliderContent.outline} />
+
+### Start & End Content
+
+Slider component provides `startContent` and `endContent` props that allows you to add any `ReactNode` to the start and end of the slider.
+
+<CodeDemo title="Start & End Content" files={sliderContent.startEndContent} />
+
+### Value Formatting
+
+Values are formatted as a percentage by default, but this can be modified by using the
+`formatOptions` prop to specify a different format. `formatOptions` is compatible with
+the option parameter of [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat)
+and is applied based on the current locale.
+
+<CodeDemo title="Value Formatting" files={sliderContent.valueFormatting} />
+
+> **Note:** Use the `tooltipValueFormatOptions` prop to format the tooltip value.
+
+It is also possible to format the value using the `getValue` prop.
+
+<CodeDemo title="Value Formatting (Get value)" files={sliderContent.getValue} />
+
+### Hiding the Value
+
+The Slider value is shown by default, but can be hidden by passing the `hideValue` prop.
+
+<CodeDemo title="Hiding the Value" files={sliderContent.hideValue} />
+
+### Hiding the Thumbs
+
+The Slider thumbs are shown by default, but can be hidden by passing the `hideThumb` prop.
+
+<CodeDemo title="Hiding the Thumbs" files={sliderContent.hideThumb} />
+
+### Controlled
+
+You can control the slider by passing the `value` and `onChange` props.
+
+<CodeDemo title="Controlled" files={sliderContent.controlled} />
+
+If you want to capture the slider value only when the user stops dragging the thumb, you can use the `onChangeEnd` prop.
+
+<CodeDemo title="Controlled Change End" files={sliderContent.controlledChangeEnd} />
+
+### Controlled Range
+
+You can also control the range slider by using an array of values in the `value` and `onChange` props.
+
+<CodeDemo title="Controlled Range" files={sliderContent.controlledRange} />
+
+### Custom Thumb
+
+The Slider component provides a `renderThumb` prop that allows you to customize the thumb in any way you want.
+
+<CodeDemo title="Custom Thumb" files={sliderContent.renderThumb} />
+
+### Custom Range Thumbs
+
+You can also use the `renderThumb` prop to customize the thumbs of a range slider. The `index` prop will tell you which thumb is being rendered.
+
+<CodeDemo title="Custom Range Thumbs" files={sliderContent.renderRangeThumb} />
+
+### Custom Label
+
+The Slider component provides a `renderLabel` prop that allows you to customize the label in any way you want.
+
+<CodeDemo title="Custom Label" files={sliderContent.renderLabel} />
+
+### Custom Value
+
+The Slider component provides a `renderValue` prop that allows you to customize the value label element.
+
+<CodeDemo title="Custom Value" files={sliderContent.renderValue} />
+
+### Disabling Thumb Scale
+
+In case you want to disable the thumb scale animation, you can pass the `disableThumbScale` prop.
+
+<CodeDemo title="Disabling Thumb Scale" files={sliderContent.disableThumbScale} />
+
+## Slots
+
+- **base**: The foundational slot, encompassing all other slots and elements. It serves as the primary container.
+- **labelWrapper**: The container for the Slider's label and value. It aligns these elements and ensures a consistent layout.
+- **label**: A dedicated slot to display the Slider's label.
+- **value**: Displays the current value of the Slider. Located within the `labelWrapper`.
+- **step**: Represents individual steps or intervals on the Slider.
+- **mark**: Denotes specific values or intervals along the Slider.
+- **trackWrapper**: A container for the slider's track, ensuring it is consistently aligned and positioned.
+- **track**: The base bar of the Slider, along which the thumb moves.
+- **filler**: A visual representation of the selected value, filling the track from the start point to the current thumb position.
+- **thumb**: The interactive element that users drag along the track to select a value on the Slider.
+- **startContent**: A slot for additional content or icons at the beginning of the Slider.
+- **endContent**: A slot for additional content or icons at the end of the Slider.
+
+### Custom Styles
+
+You can customize the `Slider` component by passing custom Tailwind CSS classes to the component slots.
+
+<CodeDemo title="Custom Styles" files={sliderContent.customStyles} />
+
+<Spacer y={4} />
+
+## Data Attributes
+
+`Slider` has the following attributes:
+
+- **data-hover**:
+  When the slider is being hovered. Based on [useHover](https://react-spectrum.adobe.com/react-aria/useHover.html)
+- **data-orientation**:
+  The orientation of the slider. Based on `orientation` prop.
+
+`Thumbs` have the following attributes which are returned by the `renderThumb` prop:
+
+- **data-dragging**:
+  When the thumb is being dragged.
+- **data-focus-visible**:
+  When the thumb is focused. Based on [useFocusVisible](https://react-spectrum.adobe.com/react-aria/useFocusVisible.html)
+- **data-hover**:
+  When the thumb is being hovered. Based on [useHover](https://react-spectrum.adobe.com/react-aria/useHover.html)
+- **data-pressed**:
+  When the thumb is being pressed. Based on [usePress](https://react-spectrum.adobe.com/react-aria/usePress.html)
+
+<Spacer y={4} />
+
+## Accessibility
+
+- Support for one or multiple thumbs.
+- Support for mouse, touch, and keyboard via the [useMove](https://react-spectrum.adobe.com/react-aria/useMove.html) hook.
+- Multi-touch support for dragging multiple thumbs or multiple sliders at once.
+- Pressing on the track moves the nearest thumb to that position.
+- Supports using the arrow keys, as well as page up/down, home, and end keys.
+- Support for both horizontal and vertical orientations.
+- Support for custom min, max, and step values with handling for rounding errors.
+- Support for disabling the whole slider or individual thumbs.
+- Prevents text selection while dragging.
+- Exposed to assistive technology as a group of slider elements via ARIA.
+- Slider thumbs use hidden native input elements to support touch screen readers.
+- Support for labeling both the slider as a whole and individual thumbs.
+- Support for displaying the current thumb values using an `<output>` element.
+- Internationalized number formatting as a percentage or value.
+- Support for mirroring in RTL locales.
+
+<Spacer y={4} />
+
+## API
+
+### Slider Props
+
+| Attribute                 | Type                                                                                                                                                                             | Description                                                                                                                                                   | Default      |
+| ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ |
+| label                     | `ReactNode`                                                                                                                                                                      | The content to display as the label.                                                                                                                          | -            |
+| name                      | `string`                                                                                                                                                                         | The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). | -            |
+| size                      | `sm` \| `md` \| `lg`                                                                                                                                                             | The size of the Slider filler and thumb.                                                                                                                      | `md`         |
+| color                     | `foreground` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger`                                                                                                   | The color of the filler and thumb.                                                                                                                            | `primary`    |
+| radius                    | `none` \| `sm` \| `md` \| `lg` \| `full`                                                                                                                                         | The Slider's thumbs border radius.                                                                                                                            | `full`       |
+| step                      | `number`                                                                                                                                                                         | The Slider's step value.                                                                                                                                      | `1`          |
+| value                     | `number`                                                                                                                                                                         | The current value (controlled).                                                                                                                               | -            |
+| defaultValue              | `number`                                                                                                                                                                         | The default value (uncontrolled).                                                                                                                             | -            |
+| minValue                  | `number`                                                                                                                                                                         | The slider's minimum value.                                                                                                                                   | `0`          |
+| maxValue                  | `number`                                                                                                                                                                         | The slider's maximum value.                                                                                                                                   | `100`        |
+| orientation               | `horizontal` \| `vertical`                                                                                                                                                       | The orientation of the Slider.                                                                                                                                | `horizontal` |
+| fillOffset                | `number`                                                                                                                                                                         | The offset from which to start the fill.                                                                                                                      | -            |
+| showSteps                 | `boolean`                                                                                                                                                                        | Whether to show the steps indicators.                                                                                                                         | `false`      |
+| showTooltip               | `boolean`                                                                                                                                                                        | Whether to show a tooltip with the current thumb value when the user hovers or drags the thumb.                                                               | `false`      |
+| marks                     | [SliderStepMarks](#slider-step-marks)                                                                                                                                            | The marks to display on the Slider's steps.                                                                                                                   | -            |
+| startContent              | `ReactNode`                                                                                                                                                                      | The content to display at the beginning of the Slider.                                                                                                        | -            |
+| endContent                | `ReactNode`                                                                                                                                                                      | The content to display at the end of the Slider.                                                                                                              | -            |
+| formatOptions             | [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat)                                                          | The options to format the value.                                                                                                                              | -            |
+| tooltipValueFormatOptions | [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat)                                                          | The options to format the tooltip value. By default, it uses the same options as `formatOptions`.                                                             | -            |
+| tooltipProps              | [TooltipProps](/docs/components/tooltip)                                                                                                                                         | The props to pass to the thumbs's tooltip.                                                                                                                    | -            |
+| showOutline               | `boolean`                                                                                                                                                                        | Whether to show a small outline around the thumbs.                                                                                                            | `false`      |
+| hideValue                 | `boolean`                                                                                                                                                                        | Whether to hide the Slider value.                                                                                                                             | `false`      |
+| hideThumb                 | `boolean`                                                                                                                                                                        | Whether to hide all the Slider thumbs.                                                                                                                        | `false`      |
+| disableThumbScale         | `boolean`                                                                                                                                                                        | Whether to disable the thumb scale animation.                                                                                                                 | `false`      |
+| isDisabled                | `boolean`                                                                                                                                                                        | Whether the whole Slider is disabled.                                                                                                                         | `false`      |
+| disableAnimation          | `boolean`                                                                                                                                                                        | Whether to disable the Slider animations.                                                                                                                     | `false`      |
+| classNames                | `Record<"base"｜"labelWrapper"｜"label"｜ "value" ｜ "step" ｜ "mark" ｜ "trackWrapper" ｜ "track"｜ "output" ｜ "filler" ｜ "thumb" ｜ "startContent" ｜ "endContent", string>` | Allows to set custom class names for the Slider slots.                                                                                                        | -            |
+
+### Slider Functions
+
+| Name        | Type                                                                     | Description                                                                                    |
+| ----------- | ------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------- |
+| getValue    | `(value: SliderValue) => string`                                         | A function to format the value. Overrides default formatted number.                            |
+| renderLabel | `(props: DOMAttributes<HTMLLabelElement>) => ReactNode`                  | A function to render the label.                                                                |
+| renderValue | `(props: DOMAttributes<HTMLOutputElement>) => ReactNode`                 | A function to render the value.                                                                |
+| renderThumb | `(props: DOMAttributes<HTMLDivElement> & {index?: number}) => ReactNode` | A function to render the thumbs. The `index` prop will tell you which thumb is being rendered. |
+
+### Slider Events
+
+| Name        | Type                           | Description                                                                  |
+| ----------- | ------------------------------ | ---------------------------------------------------------------------------- |
+| onChange    | `(value: SliderValue) => void` | Callback fired when the value changes.                                       |
+| onChangeEnd | `(value: SliderValue) => void` | Callback fired when the value changes and the user stops dragging the thumb. |
+
+### Types
+
+#### Slider Value
+
+```ts
+export type SliderValue = number | number[];
+```
+
+#### Slider Step Marks
+
+```ts
+export type SliderStepMarks = {
+  value: number;
+  label: string;
+}[];
+```
diff --git a/apps/docs/content/docs/components/tabs.mdx b/apps/docs/content/docs/components/tabs.mdx
index 285f8ec58..f73e6f1a8 100644
--- a/apps/docs/content/docs/components/tabs.mdx
+++ b/apps/docs/content/docs/components/tabs.mdx
@@ -73,6 +73,95 @@ You can use the `onSelectionChange` and `selectedKey` props to control the selec
 
 <CodeDemo title="Controlled" files={tabsContent.controlled} />
 
+### Links
+
+Tabs items can be rendered as links by passing the `href` prop to the `Tab` component. By
+default, links perform native browser navigation. However, you'll usually want to synchronize
+the selected tab with the current URL from your client side router. You can do this by doing
+the following:
+
+1. Set up your router at the root of your app. See [Routing guide](/docs/guides/routing) to learn how to do this.
+2. Use the `selectedKey` prop to set the selected tab based on the current URL.
+
+#### Next.js
+
+This example uses [Next.js App router](https://nextjs.org/docs/app/api-reference/functions/use-pathname) to
+set up routes for each tab and synchronize the selected tab with the current URL.
+
+```tsx
+// app/tabs/page.tsx
+"use client";
+
+import {usePathname} from "next/navigation";
+
+function ExampleClientRouterWithTabs() {
+  const pathname = usePathname();
+
+  return (
+    <Tabs aria-label="Options" selectedKey={pathname}>
+      <Tab key="photos" title="Photos" href="/photos">
+        <Card>
+          <CardBody>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          </CardBody>
+        </Card>
+      </Tab>
+      <Tab key="music" title="Music" href="/music">
+        <Card>
+          <CardBody>
+            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+            commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
+            dolore eu fugiat nulla pariatur.
+          </CardBody>
+        </Card>
+      </Tab>
+      <Tab key="videos" title="Videos" href="/videos">
+        <Card>
+          <CardBody>
+            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+            mollit anim id est laborum.
+          </CardBody>
+        </Card>
+      </Tab>
+    </Tabs>
+  );
+}
+```
+
+#### React Router
+
+This example uses [React Router](https://reactrouter.com/en/main) to setup routes for each tab and synchronize the selection with the URL.
+
+```tsx
+import {Route, Routes, useLocation} from "react-router-dom";
+import {Tabs, Tab} from "@nextui-org/react";
+
+function AppTabs() {
+  const {pathname} = useLocation();
+
+  return (
+    <div className="flex flex-col gap-2">
+      <Tabs selectedKey={pathname} aria-label="Tabs">
+        <Tab id="/" href="/" title="Home" />
+        <Tab id="/photos" href="/photos" title="Photos" />
+        <Tab id="/music" href="/music" title="Music" />
+        <Tab id="/videos" href="/videos" title="Videos" />
+      </Tabs>
+      <Routes>
+        <Route path="/" element={<HomePage />} />
+        <Route path="/photos" element={<PhotosPage />} />
+        <Route path="/music" element={<MusicPage />} />
+        <Route path="/videos" element={<VideosPage />} />
+      </Routes>
+    </div>
+  );
+}
+```
+
+> **Note**: See the [Routing guide](/docs/guides/routing) to learn how to set up the router for your framework.
+
 ### With Form
 
 <CodeDemo title="With Form" files={tabsContent.form} />
@@ -142,6 +231,7 @@ You can customize the `Tabs` component by passing custom Tailwind CSS classes to
 | selectedKey            | `React.Key`                                                                                            | The key for the currently selected item.                                                                     | -           |
 | defaultSelectedKey     | `React.Key`                                                                                            | The key for the initially selected item.                                                                     | -           |
 | disallowEmptySelection | `boolean`                                                                                              | Whether the tabs should allow empty selection.                                                               | `false`     |
+| shouldSelectOnPressUp  | `boolean`                                                                                              | Whether the tabs selection should occur on press up instead of press down.                                   | `true`      |
 | keyboardActivation     | `automatic` \| `manual`                                                                                | Whether tabs are activated automatically on focus or manually.                                               | `automatic` |
 | motionProps            | [MotionProps](#motion-props)                                                                           | The props to modify the cursor framer motion animation. Use the `variants` API to create your own animation. | -           |
 | disableCursorAnimation | `boolean`                                                                                              | Whether the cursor should be hidden.                                                                         | `false`     |
@@ -157,11 +247,18 @@ You can customize the `Tabs` component by passing custom Tailwind CSS classes to
 
 ### Tab Props
 
-| Attribute  | Type        | Description                                                                                | Default |
-| ---------- | ----------- | ------------------------------------------------------------------------------------------ | ------- |
-| children\* | `ReactNode` | The content of the tab.                                                                    | -       |
-| title      | `ReactNode` | The title of the tab.                                                                      | -       |
-| titleValue | `string`    | A string representation of the item's contents. Use this when the `title` is not readable. | -       |
+| Attribute             | Type                          | Description                                                                                                                                                                      | Default |
+| --------------------- | ----------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
+| children\*            | `ReactNode`                   | The content of the tab.                                                                                                                                                          | -       |
+| title                 | `ReactNode`                   | The title of the tab.                                                                                                                                                            | -       |
+| titleValue            | `string`                      | A string representation of the item's contents. Use this when the `title` is not readable.                                                                                       | -       |
+| href                  | `string`                      | A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).                                                                                   | -       |
+| target                | `HTMLAttributeAnchorTarget`   | The target window for the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).                                                                   | -       |
+| rel                   | `string`                      | The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel).                                  | -       |
+| download              | `boolean` \| `string`         | Causes the browser to download the linked URL. A string may be provided to suggest a file name. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download). | -       |
+| ping                  | `string`                      | A space-separated list of URLs to ping when the link is followed. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping).                                   | -       |
+| referrerPolicy        | `HTMLAttributeReferrerPolicy` | How much of the referrer to send when following the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy).                                 | -       |
+| shouldSelectOnPressUp | `boolean`                     | Whether the tab selection should occur on press up instead of press down.                                                                                                        | -       |
 
 #### Motion Props
 
diff --git a/apps/docs/content/docs/components/textarea.mdx b/apps/docs/content/docs/components/textarea.mdx
index 54d6ac8df..b921abb0a 100644
--- a/apps/docs/content/docs/components/textarea.mdx
+++ b/apps/docs/content/docs/components/textarea.mdx
@@ -142,6 +142,7 @@ You can use the `value` and `onValueChange` properties to control the input valu
 | isDisabled        | `boolean`                                                                                        | Whether the textarea is disabled.                                                                                        | `false`   |
 | isInvalid         | `boolean`                                                                                        | Whether the textarea is invalid.                                                                                         | `false`   |
 | validationState   | `valid` \| `invalid`                                                                             | Whether the textarea should display its "valid" or "invalid" visual styling. (**Deprecated**) use **isInvalid** instead. | -         |
+| disableAutosize   | `boolean`                                                                                        | Whether the textarea auto vertically resize should be disabled.                                                          | `false`   |
 | disableAnimation  | `boolean`                                                                                        | Whether the textarea should be animated.                                                                                 | `false`   |
 | classNames        | `Record<"base"｜ "label"｜ "inputWrapper"｜ "input" ｜ "description" ｜ "errorMessage", string>` | Allows to set custom class names for the checkbox slots.                                                                 | -         |
 
diff --git a/apps/docs/content/docs/components/tooltip.mdx b/apps/docs/content/docs/components/tooltip.mdx
index 6979d4a8a..08cb9e889 100644
--- a/apps/docs/content/docs/components/tooltip.mdx
+++ b/apps/docs/content/docs/components/tooltip.mdx
@@ -13,7 +13,7 @@ Tooltips display a brief, informative message that appears when a user interacts
 
 ---
 
-<CarbonAd/>
+<CarbonAd />
 
 ## Import
 
@@ -137,6 +137,7 @@ You can customize the `Tooltip` component by passing custom Tailwind CSS classes
 | shouldCloseOnBlur         | `boolean`                                                                   | Whether the tooltip should close when focus is lost or moves outside it.                                     | `true`          |
 | motionProps               | [MotionProps](#motion-props)                                                | The props to modify the framer motion animation. Use the `variants` API to create your own animation.        | -               |
 | portalContainer           | `HTMLElement`                                                               | The container element in which the overlay portal will be placed.                                            | `document.body` |
+| updatePositionDeps        | `any[]`                                                                     | The dependencies to force the tooltip position update.                                                       | `[]`            |
 | isDisabled                | `boolean`                                                                   | Whether the tooltip is disabled.                                                                             | `false`         |
 | disableAnimation          | `boolean`                                                                   | Whether the tooltip is animated.                                                                             | `false`         |
 | classNames                | `Record<"base"｜"arrow", string>`                                           | Allows to set custom class names for the tooltip slots.                                                      | -               |
diff --git a/apps/docs/content/docs/customization/layout.mdx b/apps/docs/content/docs/customization/layout.mdx
index bb7da6890..94d906235 100644
--- a/apps/docs/content/docs/customization/layout.mdx
+++ b/apps/docs/content/docs/customization/layout.mdx
@@ -47,7 +47,7 @@ module.exports = {
     nextui({
       layout: {
         spacingUnit: 4, // in px
-        disabledOpacity: ".5", // this value is applied as opacity-[value] when the component is disabled
+        disabledOpacity: 0.5, // this value is applied as opacity-[value] when the component is disabled
         dividerWeight: "1px", // h-divider the default height applied to the divider component
         fontSize: {
           tiny: "0.75rem", // text-tiny
@@ -74,6 +74,7 @@ module.exports = {
       },
       themes: {
         light: {
+          hoverOpacity: 0.8, //  this value is applied as opacity-[value] when the component is hovered
           layout: {
             boxShadow: {
               // shadow-small
@@ -90,6 +91,7 @@ module.exports = {
         },
         dark: {
           layout: {
+            hoverOpacity: 0.9, //  this value is applied as opacity-[value] when the component is hovered
             boxShadow: {
               // shadow-small
               small:
@@ -227,6 +229,7 @@ Then you can use the CSS variables in your CSS files.
 | --------------- | ------------------------------- | ------------------------------------------------------------------------------------------- |
 | spacingUnit     | number                          | Base unit token that defines a consistent spacing scale across the components.              |
 | disabledOpacity | string, number                  | A number between 0 and 1 that is applied as opacity-[value] when the component is disabled. |
+| hoverOpacity    | string, number                  | A number between 0 and 1 that is applied as opacity-[value] when the component is hovered.  |
 | dividerWeight   | string                          | The default height applied to the divider component. We recommend to use `px` units.        |
 | fontSize        | [FontThemeUnit](#fontthemeunit) | The default font size applied across the components.                                        |
 | lineHeight      | [FontThemeUnit](#fontthemeunit) | The default line height applied across the components.                                      |
diff --git a/apps/docs/content/docs/guide/routing.mdx b/apps/docs/content/docs/guide/routing.mdx
new file mode 100644
index 000000000..6fda6be2b
--- /dev/null
+++ b/apps/docs/content/docs/guide/routing.mdx
@@ -0,0 +1,239 @@
+---
+title: Routing
+description: Learn how to integrate client side routing into your NextUI application.
+---
+
+# Routing
+
+NextUI Components such as [Tabs](/docs/components/tabs), [Listbox](/docs/components/listbox), [Dropdown](/docs/components/dropdown) and many others offer
+the flexibility to be rendered as HTML links. Explore this page to learn how to integrate them with client side routing.
+
+## Introduction
+
+By default, links perform native browser navigation when they are interacted with. However, many apps and
+frameworks use client side routers to avoid a full page reload when navigating between pages. The `NextUIProvider`
+component configures all NextUI components within it to navigate using the client side router you provide.
+
+Set this up once in the root of your app, and any NextUI component with the href prop will automatically navigate
+using your router.
+
+### NextUIProvider Setup
+
+The `NextUIProvider` accepts a prop called `navigate`. This should be set to a function received from your
+router for performing a client side navigation programmatically. The following example shows the general
+pattern. Framework-specific examples are shown below.
+
+```jsx
+import * as React from "react";
+
+// 1. import `NextUIProvider` component
+import {NextUIProvider} from "@nextui-org/react";
+
+function App() {
+  const navigate = useNavigateFromYourRouter();
+
+  // 2. Add the `navigate` function to the `NextUIProvider`
+  return (
+    <NextUIProvider navigate={navigate}>
+      <YourApplication />
+    </NextUIProvider>
+  );
+}
+```
+
+<Spacer y={2} />
+
+### Next.js 
+
+#### App Router
+
+Go to your `app/providers.tsx` or `app/providers.jsx` (create it if it doesn't exist) and add the
+`useRouter` hook from `next/navigation`, it returns a router object that can be used to perform navigation.
+
+<Steps>
+
+#### Add the `useRouter`
+
+```tsx {10}
+// app/providers.tsx
+'use client'
+
+import {NextUIProvider} from '@nextui-org/react';
+
+export function Providers({children}: { children: React.ReactNode }) {
+  const router = useRouter();
+
+  return (
+    <NextUIProvider navigate={router.push}>
+      {children}
+    </NextUIProvider>
+  )
+}
+```
+
+#### Add Provider to Root
+
+Now, Go to your `root` layout page and wrap it with the `NextUIProvider`:
+
+```tsx {6,8,10}
+// app/layout.tsx
+import {Providers} from "./providers";
+
+export default function RootLayout({children}: { children: React.ReactNode }) {
+  return (
+    <html lang="en" className='dark'>
+      <body>
+        <Providers>
+          {children}
+        </Providers>
+      </body>
+    </html>
+  );
+}
+```
+
+> **Note**: Skip this step if you already set up the `NextUIProvider` in your app.
+
+</Steps>
+
+#### Pages Router
+
+Go to pages`/_app.js` or `pages/_app.tsx` (create it if it doesn't exist) and add the`useRouter` hook 
+from `next/router`, it returns a router object that can be used to perform navigation.
+
+
+```tsx
+// pages/_app.tsx
+import type { AppProps } from 'next/app';
+import {useRouter} from 'next/router';
+import {NextUIProvider} from '@nextui-org/react';
+
+function MyApp({ Component, pageProps }: AppProps) {
+  const router = useRouter();
+
+  return (
+    <NextUIProvider navigate={router.push}>
+      <Component {...pageProps} />
+    </NextUIProvider>
+  )
+}
+
+export default MyApp;
+```
+
+### React Router
+
+The `useNavigate` hook from `react-router-dom` returns a `navigate` function that can be used to perform navigation.
+
+Go to the `App` file commonly called `App.jsx` or `App.tsx`, add the `useNavigate` hook and pass the 
+`navigate` function to the `NextUIProvider`:
+
+```jsx {9}
+// App.tsx or App.jsx
+import {BrowserRouter, useNavigate} from 'react-router-dom';
+import {NextUIProvider} from '@nextui-org/react';
+
+function App() {
+  const navigate = useNavigate();
+
+  return (
+    <NextUIProvider navigate={navigate}>
+      {/* Your app here... */}
+      <Routes>
+        <Route path="/" element={<HomePage />} />
+        {/* ... */}
+      </Routes>
+    </NextUIProvider>
+  );
+}
+
+
+// main.tsx or main.jsx
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
+  </React.StrictMode>,
+)
+```
+
+Ensure that the component that calls `useNavigate` and renders `NextUIProvider` is inside the router 
+component (e.g. `BrowserRouter`) so that it has access to React Router's internal context. The React Router `<Routes>` 
+element should also be defined inside `NextUIProvider` so that links inside the rendered routes have access
+to the router.
+
+
+### Remix
+
+Remix uses React Router under the hood, so the same `useNavigate` hook described above also works in Remix 
+apps. `NextUIProvider` should be rendered at the `root` of each page that includes NextUI components, or in 
+`app/root.tsx` to add it to all pages. See the [Remix docs](https://remix.run/docs/en/main/file-conventions/root) 
+for more details.
+
+```jsx {14}
+// app/root.tsx
+import {useNavigate, Outlet} from '@remix-run/react';
+import {NextUIProvider} from '@nextui-org/react';
+
+export default function App() {
+  const navigate = useNavigate();
+
+  return (
+    <html lang="en">
+      <head>
+        {/* ... */}
+      </head>
+      <body>
+        <NextUIProvider navigate={navigate}>
+          <Outlet />
+        </NextUIProvider>
+        {/* ... */}
+      </body>
+    </html>
+  );
+}
+```
+
+
+### Usage examples
+
+Now that you have set up the `NextUIProvider` in your app, you can use the `href` prop in the `Tabs`, 
+`Listbox` and `Dropdown` items to navigate between pages.
+
+The [Link](/docs/components/link) component will also use the `navigate` function from the
+`NextUIProvider` to navigate between pages.
+
+
+```jsx
+import {
+  Tabs,
+  Tab,
+  Listbox,
+  ListboxItem,
+  Dropdown,
+  DropdownItem,
+  Link,
+} from "@nextui-org/react";
+
+function App() {
+  return (
+    <>
+      <Tabs aria-label="Navigation">
+        <Tab key="home" href="/home">Home</Tab>
+        <Tab key="about" href="/about">About</Tab>
+      </Tabs>
+      <Listbox aria-label="Navigation">
+        <ListboxItem key="home" href="/home">Home</ListboxItem>
+        <ListboxItem key="about" href="/about">About</ListboxItem>
+      </Listbox>
+      <Dropdown aria-label="Navigation">
+        <DropdownItem key="home" href="/home">Home</DropdownItem>
+        <DropdownItem key="about" href="/about">About</DropdownItem>
+      </Dropdown>
+      <Link href="/home">Home</Link>
+      <Link href="/about">About</Link>
+    </>
+  );
+}
+```
\ No newline at end of file
diff --git a/apps/docs/package.json b/apps/docs/package.json
index 03ce63ecb..aa22a08f2 100644
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@@ -22,6 +22,7 @@
     "@nextui-org/code": "workspace:*",
     "@nextui-org/divider": "workspace:*",
     "@nextui-org/kbd": "workspace:*",
+    "@nextui-org/listbox": "workspace:*",
     "@nextui-org/react": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
@@ -33,24 +34,25 @@
     "@nextui-org/use-infinite-scroll": "workspace:*",
     "@nextui-org/use-is-mobile": "workspace:*",
     "@radix-ui/react-scroll-area": "^1.0.5",
-    "@react-aria/focus": "^3.14.0",
-    "@react-aria/interactions": "^3.17.0",
-    "@react-aria/selection": "^3.16.1",
-    "@react-aria/ssr": "^3.7.1",
-    "@react-aria/utils": "^3.19.0",
-    "@react-aria/virtualizer": "^3.9.1",
-    "@react-aria/visually-hidden": "^3.8.3",
-    "@react-stately/data": "^3.10.1",
-    "@react-stately/layout": "^3.13.0",
-    "@react-stately/tree": "^3.7.1",
-    "@rehooks/local-storage": "^2.4.4",
-    "@vercel/analytics": "^1.0.1",
-    "canvas-confetti": "^1.4.0",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/i18n": "^3.8.4",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/selection": "^3.17.1",
+    "@react-aria/ssr": "^3.8.0",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/virtualizer": "^3.9.4",
+    "@react-aria/visually-hidden": "^3.8.6",
+    "@react-stately/data": "^3.10.3",
+    "@react-stately/layout": "^3.13.3",
+    "@react-stately/tree": "^3.7.3",
+    "@rehooks/local-storage": "^2.4.5",
+    "@vercel/analytics": "^1.1.1",
+    "canvas-confetti": "^1.9.0",
     "cmdk": "^0.2.0",
     "color2k": "^2.0.2",
     "contentlayer": "^0.3.4",
     "date-fns": "^2.30.0",
-    "framer-motion": "^10.15.1",
+    "framer-motion": "^10.16.4",
     "github-slugger": "^2.0.0",
     "gray-matter": "^4.0.3",
     "hast-util-to-html": "7.1.2",
@@ -86,7 +88,7 @@
     "sharp": "^0.32.1",
     "shelljs": "^0.8.4",
     "swr": "^2.2.1",
-    "tailwind-variants": "^0.1.14",
+    "tailwind-variants": "^0.1.18",
     "unified": "^9.2.2",
     "unist-util-visit": "^4.1.2",
     "zustand": "^4.3.8"
diff --git a/apps/docs/public/blog/v2.1.0.jpg b/apps/docs/public/blog/v2.1.0.jpg
index 67af9e3d4..0516dbcfd 100644
Binary files a/apps/docs/public/blog/v2.1.0.jpg and b/apps/docs/public/blog/v2.1.0.jpg differ
diff --git a/apps/docs/public/blog/v2.2.0.jpg b/apps/docs/public/blog/v2.2.0.jpg
new file mode 100644
index 000000000..fc536beb9
Binary files /dev/null and b/apps/docs/public/blog/v2.2.0.jpg differ
diff --git a/apps/docs/styles/globals.css b/apps/docs/styles/globals.css
index 0e9cf6f84..af9757ea1 100644
--- a/apps/docs/styles/globals.css
+++ b/apps/docs/styles/globals.css
@@ -15,7 +15,29 @@ html {
 
 body {
   min-height: 100vh;
+  position: relative;
 }
+/* Experimental */
+/* body::after { 
+  background-image: radial-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0) 40%),
+  radial-gradient(rgb(255, 209, 82) 30%, rgb(226, 105, 150), rgba(226, 105, 150, 0.4) 41%, transparent 52%),
+  radial-gradient(rgb(160, 51, 255) 37%, transparent 46%),
+  linear-gradient(155deg, transparent 65%, rgb(37, 212, 102) 95%),
+  linear-gradient(45deg, rgb(0, 101, 224), rgb(15, 139, 255));
+background-position: left bottom, 109% 68%, 109% 68%, center center, center center;
+background-repeat: no-repeat;
+background-size: 200% 200%, 285% 500%, 285% 500%, cover, cover;
+content: "";
+display: block;
+top: 0;
+left: 0;
+right: 0;
+bottom: 0;
+opacity: 0.17;
+position: fixed;
+z-index: 0;
+} */
+
 /* 
 @media screen and (max-width: 640px) {
   #app-container {
diff --git a/packages/components/accordion/package.json b/packages/components/accordion/package.json
index 7b6e65605..8dbc17a11 100644
--- a/packages/components/accordion/package.json
+++ b/packages/components/accordion/package.json
@@ -42,7 +42,9 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "framer-motion": ">=4.0.0"
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/aria-utils": "workspace:*",
@@ -50,26 +52,28 @@
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/framer-transitions": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/divider": "workspace:*",
     "@nextui-org/use-aria-accordion": "workspace:*",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/utils": "^3.20.0",
-    "@react-stately/tree": "^3.7.2",
-    "@react-aria/button": "^3.8.2",
-    "@react-types/accordion": "3.0.0-alpha.16",
-    "@react-types/shared": "^3.20.0"
+    "@nextui-org/use-aria-press": "workspace:*",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/utils": "^3.21.1",
+    "@react-stately/tree": "^3.7.3",
+    "@react-aria/button": "^3.8.4",
+    "@react-types/accordion": "3.0.0-alpha.17",
+    "@react-types/shared": "^3.21.0"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/button": "workspace:*",
     "@nextui-org/avatar": "workspace:*",
     "@nextui-org/input": "workspace:*",
     "@nextui-org/test-utils": "workspace:*",
-    "framer-motion": "^10.15.1",
+    "framer-motion": "^10.16.4",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/accordion/src/index.ts b/packages/components/accordion/src/index.ts
index 83db72008..be286a206 100644
--- a/packages/components/accordion/src/index.ts
+++ b/packages/components/accordion/src/index.ts
@@ -3,9 +3,8 @@ import Accordion from "./accordion";
 
 // export types
 export type {AccordionProps} from "./accordion";
-export type {AccordionItemProps} from "./accordion-item";
 export type {AccordionItemIndicatorProps} from "./base/accordion-item-base";
-export type {AccordionItemBaseProps} from "./base/accordion-item-base";
+export type {AccordionItemBaseProps as AccordionItemProps} from "./base/accordion-item-base";
 
 // export hooks
 export {useAccordionItem} from "./use-accordion-item";
diff --git a/packages/components/accordion/src/use-accordion-item.ts b/packages/components/accordion/src/use-accordion-item.ts
index d87c068ca..2f0d9f164 100644
--- a/packages/components/accordion/src/use-accordion-item.ts
+++ b/packages/components/accordion/src/use-accordion-item.ts
@@ -7,7 +7,8 @@ import {NodeWithProps} from "@nextui-org/aria-utils";
 import {useReactAriaAccordionItem} from "@nextui-org/use-aria-accordion";
 import {useCallback, useMemo} from "react";
 import {chain, mergeProps} from "@react-aria/utils";
-import {useHover, usePress} from "@react-aria/interactions";
+import {useHover} from "@react-aria/interactions";
+import {usePress} from "@nextui-org/use-aria-press";
 import {TreeState} from "@react-stately/tree";
 
 import {AccordionItemBaseProps} from "./base/accordion-item-base";
diff --git a/packages/components/accordion/src/use-accordion.ts b/packages/components/accordion/src/use-accordion.ts
index f37b010ce..7feee76d9 100644
--- a/packages/components/accordion/src/use-accordion.ts
+++ b/packages/components/accordion/src/use-accordion.ts
@@ -76,7 +76,6 @@ export function useAccordion<T extends object>(props: UseAccordionProps<T>) {
   const {
     ref,
     as,
-    children,
     className,
     items,
     variant,
@@ -84,6 +83,7 @@ export function useAccordion<T extends object>(props: UseAccordionProps<T>) {
     expandedKeys,
     disabledKeys,
     selectedKeys,
+    children: childrenProp,
     defaultExpandedKeys,
     selectionMode = "single",
     selectionBehavior = "toggle",
@@ -120,14 +120,14 @@ export function useAccordion<T extends object>(props: UseAccordionProps<T>) {
   );
 
   // TODO: Remove this once the issue is fixed.
-  const treeChildren = useMemo(() => {
+  const children = useMemo(() => {
     let treeChildren: any = [];
 
     /**
      * This is a workaround for rendering ReactNode children in the AccordionItem.
      * @see https://github.com/adobe/react-spectrum/issues/3882
      */
-    React.Children.map(children, (child) => {
+    React.Children.map(childrenProp, (child) => {
       if (React.isValidElement(child) && typeof child.props?.children !== "string") {
         const clonedChild = React.cloneElement(child, {
           // @ts-ignore
@@ -141,10 +141,10 @@ export function useAccordion<T extends object>(props: UseAccordionProps<T>) {
     });
 
     return treeChildren;
-  }, [children]);
+  }, [childrenProp]);
 
   const commonProps = {
-    children: treeChildren,
+    children,
     items,
   };
 
diff --git a/packages/components/accordion/stories/accordion.stories.tsx b/packages/components/accordion/stories/accordion.stories.tsx
index bc8d95aa8..9c529942f 100644
--- a/packages/components/accordion/stories/accordion.stories.tsx
+++ b/packages/components/accordion/stories/accordion.stories.tsx
@@ -16,8 +16,7 @@ import {Avatar} from "@nextui-org/avatar";
 import {Input} from "@nextui-org/input";
 import {Button} from "@nextui-org/button";
 
-import {Accordion, AccordionProps, AccordionItem} from "../src";
-import {AccordionItemProps} from "../src";
+import {Accordion, AccordionProps, AccordionItem, AccordionItemProps} from "../src";
 
 export default {
   title: "Components/Accordion",
diff --git a/packages/components/autocomplete/README.md b/packages/components/autocomplete/README.md
new file mode 100644
index 000000000..d9f2bff49
--- /dev/null
+++ b/packages/components/autocomplete/README.md
@@ -0,0 +1,24 @@
+# @nextui-org/autocomplete
+
+An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.
+
+Please refer to the [documentation](https://nextui.org/docs/components/autocomplete) for more information.
+
+## Installation
+
+```sh
+yarn add @nextui-org/autocomplete
+# or
+npm i @nextui-org/autocomplete
+```
+
+## Contribution
+
+Yes please! See the
+[contributing guidelines](https://github.com/nextui-org/nextui/blob/master/CONTRIBUTING.md)
+for details.
+
+## Licence
+
+This project is licensed under the terms of the
+[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).
diff --git a/packages/components/autocomplete/__tests__/autocomplete.test.tsx b/packages/components/autocomplete/__tests__/autocomplete.test.tsx
new file mode 100644
index 000000000..9ec9e9861
--- /dev/null
+++ b/packages/components/autocomplete/__tests__/autocomplete.test.tsx
@@ -0,0 +1,136 @@
+import * as React from "react";
+import {render} from "@testing-library/react";
+
+import {Autocomplete, AutocompleteItem, AutocompleteSection} from "../src";
+
+type Item = {
+  label: string;
+  value: string;
+};
+
+const itemsData: Item[] = [
+  {label: "Cat", value: "cat"},
+  {label: "Dog", value: "dog"},
+  {label: "Elephant", value: "elephant"},
+  {label: "Lion", value: "lion"},
+  {label: "Tiger", value: "tiger"},
+  {label: "Giraffe", value: "giraffe"},
+  {label: "Dolphin", value: "dolphin"},
+  {label: "Penguin", value: "penguin"},
+  {label: "Zebra", value: "zebra"},
+  {label: "Shark", value: "shark"},
+  {label: "Whale", value: "whale"},
+  {label: "Otter", value: "otter"},
+  {label: "Crocodile", value: "crocodile"},
+];
+
+const itemsSectionData = [
+  {
+    key: "mammals",
+    title: "Mammals",
+    children: [
+      {key: "lion", label: "Lion", value: "lion"},
+      {key: "tiger", label: "Tiger", value: "tiger"},
+      {key: "elephant", label: "Elephant", value: "elephant"},
+    ],
+  },
+  {
+    key: "birds",
+    title: "Birds",
+    children: [
+      {key: "penguin", label: "Penguin", value: "penguin"},
+      {key: "ostrich", label: "Ostrich", value: "ostrich"},
+      {key: "peacock", label: "Peacock", value: "peacock"},
+    ],
+  },
+];
+
+describe("Autocomplete", () => {
+  it("should render correctly", () => {
+    const wrapper = render(
+      <Autocomplete aria-label="Favorite Animal" label="Favorite Animal">
+        <AutocompleteItem key="penguin" value="penguin">
+          Penguin
+        </AutocompleteItem>
+        <AutocompleteItem key="zebra" value="zebra">
+          Zebra
+        </AutocompleteItem>
+        <AutocompleteItem key="shark" value="shark">
+          Shark
+        </AutocompleteItem>
+      </Autocomplete>,
+    );
+
+    expect(() => wrapper.unmount()).not.toThrow();
+  });
+
+  it("ref should be forwarded", () => {
+    const ref = React.createRef<HTMLInputElement>();
+
+    render(
+      <Autocomplete ref={ref} aria-label="Favorite Animal" label="Favorite Animal">
+        <AutocompleteItem key="penguin" value="penguin">
+          Penguin
+        </AutocompleteItem>
+        <AutocompleteItem key="zebra" value="zebra">
+          Zebra
+        </AutocompleteItem>
+        <AutocompleteItem key="shark" value="shark">
+          Shark
+        </AutocompleteItem>
+      </Autocomplete>,
+    );
+    expect(ref.current).not.toBeNull();
+  });
+
+  it("should render correctly (dynamic)", () => {
+    const wrapper = render(
+      <Autocomplete aria-label="Favorite Animal" items={itemsData} label="Favorite Animal">
+        {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+      </Autocomplete>,
+    );
+
+    expect(() => wrapper.unmount()).not.toThrow();
+  });
+
+  it("should render correctly with section (static)", () => {
+    const wrapper = render(
+      <Autocomplete aria-label="Favorite Animal" label="Favorite Animal">
+        <AutocompleteSection title="Birds">
+          <AutocompleteItem key="penguin" value="penguin">
+            Penguin
+          </AutocompleteItem>
+        </AutocompleteSection>
+        <AutocompleteSection title="Mammals">
+          <AutocompleteItem key="zebra" value="zebra">
+            Zebra
+          </AutocompleteItem>
+          <AutocompleteItem key="shark" value="shark">
+            Shark
+          </AutocompleteItem>
+        </AutocompleteSection>
+      </Autocomplete>,
+    );
+
+    expect(() => wrapper.unmount()).not.toThrow();
+  });
+
+  it("should render correctly with section (dynamic)", () => {
+    const wrapper = render(
+      <Autocomplete aria-label="Favorite Animal" items={itemsSectionData} label="Favorite Animal">
+        {(section) => (
+          <AutocompleteSection<Item>
+            aria-label={section.title}
+            items={section.children}
+            title={section.title}
+          >
+            {/* @ts-ignore TODO: fix section children types*/}
+            {(item: Item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+          </AutocompleteSection>
+        )}
+      </Autocomplete>,
+    );
+
+    expect(() => wrapper.unmount()).not.toThrow();
+  });
+});
diff --git a/packages/components/autocomplete/package.json b/packages/components/autocomplete/package.json
new file mode 100644
index 000000000..7f9d6a571
--- /dev/null
+++ b/packages/components/autocomplete/package.json
@@ -0,0 +1,79 @@
+{
+  "name": "@nextui-org/autocomplete",
+  "version": "2.0.0",
+  "description": "An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.",
+  "keywords": [
+    "autocomplete"
+  ],
+  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "homepage": "https://nextui.org",
+  "license": "MIT",
+  "main": "src/index.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nextui-org/nextui.git",
+    "directory": "packages/components/autocomplete"
+  },
+  "bugs": {
+    "url": "https://github.com/nextui-org/nextui/issues"
+  },
+  "scripts": {
+    "build": "tsup src --dts",
+    "build:fast": "tsup src",
+    "dev": "yarn build:fast -- --watch",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
+  },
+  "dependencies": {
+    "@nextui-org/aria-utils": "workspace:*",
+    "@nextui-org/listbox": "workspace:*",
+    "@nextui-org/popover": "workspace:*",
+    "@nextui-org/react-utils": "workspace:*",
+    "@nextui-org/scroll-shadow": "workspace:*",
+    "@nextui-org/shared-utils": "workspace:*",
+    "@nextui-org/spinner": "workspace:*",
+    "@nextui-org/input": "workspace:*",
+    "@nextui-org/button": "workspace:*",
+    "@nextui-org/use-aria-button": "workspace:*",
+    "@nextui-org/shared-icons": "workspace:*",
+    "@react-aria/combobox": "^3.7.1",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/i18n": "^3.8.4",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/visually-hidden": "^3.8.6",
+    "@react-stately/combobox": "^3.7.1",
+    "@react-types/combobox": "^3.8.1",
+    "@react-types/shared": "^3.21.0"
+  },
+  "devDependencies": {    
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
+    "@nextui-org/avatar": "workspace:*",
+    "@nextui-org/chip": "workspace:*",
+    "@nextui-org/stories-utils": "workspace:*",
+    "@nextui-org/use-infinite-scroll": "workspace:*",
+    "@react-stately/data": "^3.10.3",
+    "framer-motion": "^10.16.4",
+    "clean-package": "2.2.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "clean-package": "../../../clean-package.config.json"
+}
diff --git a/packages/components/autocomplete/src/autocomplete.tsx b/packages/components/autocomplete/src/autocomplete.tsx
new file mode 100644
index 000000000..c945909c5
--- /dev/null
+++ b/packages/components/autocomplete/src/autocomplete.tsx
@@ -0,0 +1,64 @@
+import {forwardRef} from "@nextui-org/system";
+import {FreeSoloPopover} from "@nextui-org/popover";
+import {ScrollShadow} from "@nextui-org/scroll-shadow";
+import {ChevronDownIcon, CloseIcon} from "@nextui-org/shared-icons";
+import {Listbox} from "@nextui-org/listbox";
+import {Button} from "@nextui-org/button";
+import {Input} from "@nextui-org/input";
+import {ForwardedRef, ReactElement, Ref} from "react";
+import {AnimatePresence} from "framer-motion";
+
+import {UseAutocompleteProps, useAutocomplete} from "./use-autocomplete";
+
+interface Props<T> extends UseAutocompleteProps<T> {}
+
+function Autocomplete<T extends object>(props: Props<T>, ref: ForwardedRef<HTMLInputElement>) {
+  const {
+    Component,
+    state,
+    isOpen,
+    disableAnimation,
+    selectorIcon = <ChevronDownIcon />,
+    clearIcon = <CloseIcon />,
+    getBaseProps,
+    getSelectorButtonProps,
+    getInputProps,
+    getListBoxProps,
+    getPopoverProps,
+    getClearButtonProps,
+    getListBoxWrapperProps,
+    getEndContentWrapperProps,
+  } = useAutocomplete<T>({...props, ref});
+
+  const popoverContent = isOpen ? (
+    <FreeSoloPopover {...getPopoverProps()} state={state}>
+      <ScrollShadow {...getListBoxWrapperProps()}>
+        <Listbox {...getListBoxProps()} />
+      </ScrollShadow>
+    </FreeSoloPopover>
+  ) : null;
+
+  return (
+    <Component {...getBaseProps()}>
+      <Input
+        {...getInputProps()}
+        endContent={
+          <div {...getEndContentWrapperProps()}>
+            <Button {...getClearButtonProps()}>{clearIcon}</Button>
+            <Button {...getSelectorButtonProps()}>{selectorIcon}</Button>
+          </div>
+        }
+      />
+      {disableAnimation ? popoverContent : <AnimatePresence>{popoverContent}</AnimatePresence>}
+    </Component>
+  );
+}
+
+export type AutocompleteProps<T = object> = Props<T> & {ref?: Ref<HTMLElement>};
+
+// forwardRef doesn't support generic parameters, so cast the result to the correct type
+export default forwardRef(Autocomplete) as <T = object>(
+  props: AutocompleteProps<T>,
+) => ReactElement;
+
+Autocomplete.displayName = "NextUI.Autocomplete";
diff --git a/packages/components/autocomplete/src/index.ts b/packages/components/autocomplete/src/index.ts
new file mode 100644
index 000000000..247c4fc89
--- /dev/null
+++ b/packages/components/autocomplete/src/index.ts
@@ -0,0 +1,18 @@
+import type {ListboxItemProps, ListboxSectionProps} from "@nextui-org/listbox";
+import type {MenuTriggerAction as BaseMenuTriggerAction} from "@react-types/combobox";
+
+import {ListboxItem, ListboxSection} from "@nextui-org/listbox";
+
+import Autocomplete from "./autocomplete";
+
+// export types
+export type {AutocompleteProps} from "./autocomplete";
+export type {ListboxItemProps as AutocompleteItemProps};
+export type {ListboxSectionProps as AutocompleteSectionProps};
+export type MenuTriggerAction = BaseMenuTriggerAction | undefined;
+
+// export hooks
+export {useAutocomplete} from "./use-autocomplete";
+
+// export components
+export {Autocomplete, ListboxItem as AutocompleteItem, ListboxSection as AutocompleteSection};
diff --git a/packages/components/autocomplete/src/use-autocomplete.ts b/packages/components/autocomplete/src/use-autocomplete.ts
new file mode 100644
index 000000000..74e46d178
--- /dev/null
+++ b/packages/components/autocomplete/src/use-autocomplete.ts
@@ -0,0 +1,430 @@
+import type {AutocompleteVariantProps, SlotsToClasses, AutocompleteSlots} from "@nextui-org/theme";
+
+import {DOMAttributes, HTMLNextUIProps, mapPropsVariants, PropGetter} from "@nextui-org/system";
+import {autocomplete} from "@nextui-org/theme";
+import {useFilter} from "@react-aria/i18n";
+import {useComboBox} from "@react-aria/combobox";
+import {FilterFn, useComboBoxState} from "@react-stately/combobox";
+import {ReactRef, useDOMRef} from "@nextui-org/react-utils";
+import {ReactNode, useCallback, useEffect, useMemo, useRef} from "react";
+import {ComboBoxProps} from "@react-types/combobox";
+import {PopoverProps} from "@nextui-org/popover";
+import {ListboxProps} from "@nextui-org/listbox";
+import {InputProps} from "@nextui-org/input";
+import {clsx, dataAttr} from "@nextui-org/shared-utils";
+import {ScrollShadowProps} from "@nextui-org/scroll-shadow";
+import {chain, mergeProps} from "@react-aria/utils";
+import {ButtonProps} from "@nextui-org/button";
+import {AsyncLoadable, PressEvent} from "@react-types/shared";
+
+interface Props<T> extends Omit<HTMLNextUIProps<"input">, keyof ComboBoxProps<T>> {
+  /**
+   * Ref to the DOM node.
+   */
+  ref?: ReactRef<HTMLElement | null>;
+  /**
+   * The ref to the scroll element. Useful when having async loading of items.
+   */
+  scrollRef?: ReactRef<HTMLElement | null>;
+  /**
+   * The icon that represents the autocomplete open state. Usually a chevron icon.
+   */
+  selectorIcon?: ReactNode;
+  /**
+   * The icon that represents the clear button. Usually a cross icon.
+   */
+  clearIcon?: ReactNode;
+  /**
+   * Whether to display a top and bottom arrow indicators when the listbox is scrollable.
+   * @default true
+   */
+  showScrollIndicators?: boolean;
+  /**
+   * Props to be passed to the scroll shadow component. This component
+   * adds a shadow to the top and bottom of the listbox when it is scrollable.
+   *
+   * @default { hideScrollBar: true, offset: 15 }
+   */
+  scrollShadowProps?: Partial<ScrollShadowProps>;
+  /**
+   * Props to be passed to the popover component.
+   *
+   * @default { placement: "bottom", triggerScaleOnOpen: false, offset: 5 }
+   */
+  popoverProps?: Partial<PopoverProps>;
+  /**
+   * Props to be passed to the listbox component.
+   *
+   * @default { disableAnimation: false }
+   */
+  listboxProps?: Partial<ListboxProps>;
+  /**
+   * Props to be passed to the input component.
+   *
+   * @default { disableAnimation: false }
+   */
+  inputProps?: Partial<InputProps>;
+  /**
+   * Props to be passed to the selector button component.
+   * @default { size: "sm", variant: "light", radius: "full", isIconOnly: true }
+   */
+  selectorButtonProps?: Partial<ButtonProps>;
+  /**
+   * Props to be passed to the clear button component.
+   * @default { size: "sm", variant: "light", radius: "full", isIconOnly: true }
+   */
+  clearButtonProps?: Partial<ButtonProps>;
+  /**
+   * The filter options to use when filtering items based on user input.
+   * @default {sensitivity: 'base'}
+   */
+  filterOptions?: Intl.CollatorOptions;
+  /**
+   * Whether the autocomplete allows the menu to be open when the collection is empty.
+   * @default true
+   */
+  allowsEmptyCollection?: boolean;
+  /**
+   * Whether the autocomplete menu should close on blur.
+   * @default true
+   * */
+  shouldCloseOnBlur?: boolean;
+  /**
+   * Classes object to style the autocomplete and its children.
+   */
+  classNames?: SlotsToClasses<AutocompleteSlots>;
+  /**
+   * The filter function used to determine if a option should be included in the autocomplete list.
+   * */
+  defaultFilter?: FilterFn;
+  /**
+   * Callback fired when the select menu is closed.
+   */
+  onClose?: () => void;
+}
+
+export type UseAutocompleteProps<T> = Props<T> &
+  Omit<InputProps, "children" | "value" | "defaultValue" | "classNames"> &
+  ComboBoxProps<T> &
+  AsyncLoadable &
+  AutocompleteVariantProps;
+
+export function useAutocomplete<T extends object>(originalProps: UseAutocompleteProps<T>) {
+  const [props, variantProps] = mapPropsVariants(originalProps, autocomplete.variantKeys);
+  const disableAnimation = originalProps.disableAnimation ?? false;
+
+  const {
+    ref,
+    as,
+    label,
+    isLoading,
+    menuTrigger = "focus",
+    filterOptions = {
+      sensitivity: "base",
+    },
+    children,
+    selectorIcon,
+    clearIcon,
+    scrollRef: scrollRefProp,
+    defaultFilter,
+    allowsEmptyCollection = true,
+    shouldCloseOnBlur = true,
+    popoverProps = {},
+    inputProps: userInputProps = {},
+    scrollShadowProps = {},
+    listboxProps = {},
+    selectorButtonProps = {},
+    clearButtonProps = {},
+    showScrollIndicators = true,
+    allowsCustomValue = false,
+    className,
+    classNames,
+    onOpenChange,
+    onClose,
+    ...otherProps
+  } = props;
+
+  // Setup filter function and state.
+  const {contains} = useFilter(filterOptions);
+
+  const state = useComboBoxState({
+    ...originalProps,
+    children,
+    menuTrigger,
+    shouldCloseOnBlur,
+    allowsEmptyCollection,
+    defaultFilter: defaultFilter && typeof defaultFilter === "function" ? defaultFilter : contains,
+    onOpenChange: (open, menuTrigger) => {
+      onOpenChange?.(open, menuTrigger);
+      if (!open) {
+        onClose?.();
+      }
+    },
+  });
+
+  // Setup refs and get props for child elements.
+  const buttonRef = useRef<HTMLButtonElement>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
+  const inputWrapperRef = useRef<HTMLDivElement>(null);
+  const listBoxRef = useRef<HTMLUListElement>(null);
+  const popoverRef = useRef<HTMLDivElement>(null);
+  const scrollShadowRef = useDOMRef<HTMLElement>(scrollRefProp);
+
+  const slotsProps: {
+    inputProps: InputProps;
+    popoverProps: UseAutocompleteProps<T>["popoverProps"];
+    scrollShadowProps: UseAutocompleteProps<T>["scrollShadowProps"];
+    listboxProps: UseAutocompleteProps<T>["listboxProps"];
+    selectorButtonProps: UseAutocompleteProps<T>["selectorButtonProps"];
+    clearButtonProps: UseAutocompleteProps<T>["clearButtonProps"];
+  } = {
+    inputProps: mergeProps(
+      {
+        label,
+        ref: inputRef,
+        wrapperRef: inputWrapperRef,
+        onClick: () => {
+          if (!state.isOpen && !!state.selectedItem) {
+            state.open();
+          }
+        },
+        isClearable: false,
+        disableAnimation,
+      },
+      userInputProps,
+    ),
+    popoverProps: mergeProps(
+      {
+        offset: 5,
+        placement: "bottom",
+        triggerScaleOnOpen: false,
+        disableAnimation,
+      },
+      popoverProps,
+    ),
+    scrollShadowProps: mergeProps(
+      {
+        ref: scrollShadowRef,
+        isEnabled: (showScrollIndicators && state.collection.size > 5) ?? true,
+        hideScrollBar: true,
+        offset: 15,
+      },
+      scrollShadowProps,
+    ),
+    listboxProps: mergeProps(
+      {
+        hideEmptyContent: allowsCustomValue,
+        emptyContent: "No results found.",
+        disableAnimation,
+      },
+      listboxProps,
+    ),
+    selectorButtonProps: mergeProps(
+      {
+        isLoading,
+        size: "sm",
+        variant: "light",
+        radius: "full",
+        color: originalProps?.isInvalid ? "danger" : originalProps?.color,
+        isIconOnly: true,
+        disableAnimation,
+      },
+      selectorButtonProps,
+    ),
+    clearButtonProps: mergeProps(
+      {
+        size: "sm",
+        variant: "light",
+        radius: "full",
+        color: originalProps?.isInvalid ? "danger" : originalProps?.color,
+        isIconOnly: true,
+        disableAnimation,
+      },
+      clearButtonProps,
+    ),
+  };
+
+  const baseStyles = clsx(classNames?.base, className);
+  const isOpen = slotsProps.listboxProps?.hideEmptyContent
+    ? state.isOpen && !!state.collection.size
+    : state.isOpen;
+
+  // apply the same with to the popover as the select
+  useEffect(() => {
+    if (isOpen && popoverRef.current && inputWrapperRef.current) {
+      let rect = inputWrapperRef.current.getBoundingClientRect();
+
+      let popover = popoverRef.current;
+
+      popover.style.width = rect.width + "px";
+    }
+  }, [isOpen]);
+
+  // unfocus the input when the popover closes & there's no selected item & no allows custom value
+  useEffect(() => {
+    if (!isOpen && !state.selectedItem && inputRef.current && !allowsCustomValue) {
+      inputRef.current.blur();
+    }
+  }, [isOpen, allowsCustomValue]);
+
+  const {buttonProps, inputProps, listBoxProps} = useComboBox(
+    {
+      ...originalProps,
+      inputRef,
+      buttonRef,
+      listBoxRef,
+      popoverRef,
+    },
+    state,
+  );
+
+  const Component = as || "div";
+
+  const domRef = useDOMRef(ref);
+
+  const slots = useMemo(
+    () =>
+      autocomplete({
+        ...variantProps,
+        disableAnimation,
+        className,
+      }),
+    [...Object.values(variantProps), disableAnimation, className],
+  );
+
+  const onClear = useCallback(() => {
+    state.setInputValue("");
+    state.setSelectedKey(null);
+  }, [state]);
+
+  const onFocus = useCallback(
+    (isFocused: boolean) => {
+      inputRef.current?.focus();
+      state.setFocused(isFocused);
+    },
+    [state, inputRef],
+  );
+
+  const getBaseProps: PropGetter = () => ({
+    ref: domRef,
+    "data-invalid": dataAttr(originalProps?.isInvalid),
+    "data-open": dataAttr(state.isOpen),
+    className: slots.base({class: baseStyles}),
+  });
+
+  const getSelectorButtonProps = () =>
+    ({
+      ref: buttonRef,
+      ...mergeProps(buttonProps, slotsProps.selectorButtonProps),
+      "data-open": dataAttr(state.isOpen),
+      className: slots.selectorButton({
+        class: clsx(classNames?.selectorButton, slotsProps.selectorButtonProps?.className),
+      }),
+    } as ButtonProps);
+
+  const getClearButtonProps = () =>
+    ({
+      ...mergeProps(buttonProps, slotsProps.clearButtonProps),
+      onPress: (e: PressEvent) => {
+        slotsProps.clearButtonProps?.onPress?.(e);
+
+        if (state.selectedItem) {
+          onClear();
+        } else {
+          const inputFocused = inputRef.current === document.activeElement;
+
+          allowsCustomValue && state.setInputValue("");
+          !inputFocused && onFocus(true);
+        }
+      },
+      "data-visible": !!state.selectedItem || state.inputValue?.length > 0,
+      className: slots.clearButton({
+        class: clsx(classNames?.clearButton, slotsProps.clearButtonProps?.className),
+      }),
+    } as ButtonProps);
+
+  const getInputProps = () =>
+    ({
+      ...slotsProps.inputProps,
+      ...otherProps,
+      ...inputProps,
+      onClick: chain(slotsProps.inputProps.onClick, otherProps.onClick),
+    } as unknown as InputProps);
+
+  const getListBoxProps = () =>
+    ({
+      state,
+      ref: listBoxRef,
+      shouldHighlightOnFocus: true,
+      ...mergeProps(slotsProps.listboxProps, listBoxProps),
+    } as ListboxProps);
+
+  const getPopoverProps = (props: DOMAttributes = {}) => {
+    return {
+      state,
+      ref: popoverRef,
+      triggerRef: inputWrapperRef,
+      scrollRef: listBoxRef,
+      triggerType: "listbox",
+      ...mergeProps(slotsProps.popoverProps, props),
+      classNames: {
+        content: slots.popoverContent({
+          class: clsx(
+            classNames?.popoverContent,
+            slotsProps.popoverProps?.classNames?.["content"],
+            props.className,
+          ),
+        }),
+      },
+    } as unknown as PopoverProps;
+  };
+
+  const getListBoxWrapperProps: PropGetter = (props: any = {}) => ({
+    ...mergeProps(slotsProps.scrollShadowProps, props),
+    className: slots.listboxWrapper({
+      class: clsx(
+        classNames?.listboxWrapper,
+        slotsProps.scrollShadowProps?.className,
+        props?.className,
+      ),
+    }),
+  });
+
+  const getEndContentWrapperProps: PropGetter = (props: any = {}) => ({
+    className: slots.endContentWrapper({
+      class: clsx(classNames?.endContentWrapper, props?.className),
+    }),
+    onClick: (e) => {
+      const inputFocused = inputRef.current === document.activeElement;
+
+      if (!inputFocused && !state.isFocused && e.currentTarget === e.target) {
+        onFocus(true);
+      }
+    },
+  });
+
+  return {
+    Component,
+    domRef,
+    label,
+    state,
+    slots,
+    classNames,
+    isLoading,
+    clearIcon,
+    isOpen,
+    disableAnimation,
+    allowsCustomValue,
+    selectorIcon,
+    getBaseProps,
+    getInputProps,
+    getListBoxProps,
+    getPopoverProps,
+    getClearButtonProps,
+    getSelectorButtonProps,
+    getListBoxWrapperProps,
+    getEndContentWrapperProps,
+  };
+}
+
+export type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>;
diff --git a/packages/components/autocomplete/stories/autocomplete.stories.tsx b/packages/components/autocomplete/stories/autocomplete.stories.tsx
new file mode 100644
index 000000000..656b39a7b
--- /dev/null
+++ b/packages/components/autocomplete/stories/autocomplete.stories.tsx
@@ -0,0 +1,811 @@
+import React, {Key} from "react";
+import {Meta} from "@storybook/react";
+import {autocomplete, input, button} from "@nextui-org/theme";
+import {
+  Pokemon,
+  usePokemonList,
+  animalsData,
+  usersData,
+  Animal,
+  User,
+} from "@nextui-org/stories-utils";
+import {useInfiniteScroll} from "@nextui-org/use-infinite-scroll";
+import {PetBoldIcon, SearchLinearIcon, SelectorIcon} from "@nextui-org/shared-icons";
+import {Avatar} from "@nextui-org/avatar";
+import {Button} from "@nextui-org/button";
+
+import {Autocomplete, AutocompleteItem, AutocompleteProps, AutocompleteSection} from "../src";
+
+export default {
+  title: "Components/Autocomplete",
+  component: Autocomplete,
+  argTypes: {
+    variant: {
+      control: {
+        type: "select",
+      },
+      options: ["flat", "faded", "bordered", "underlined"],
+    },
+    color: {
+      control: {
+        type: "select",
+      },
+      options: ["default", "primary", "secondary", "success", "warning", "danger"],
+    },
+    radius: {
+      control: {
+        type: "select",
+      },
+      options: ["none", "sm", "md", "lg", "full"],
+    },
+    size: {
+      control: {
+        type: "select",
+      },
+      options: ["sm", "md", "lg"],
+    },
+    labelPlacement: {
+      control: {
+        type: "select",
+      },
+      options: ["inside", "outside", "outside-left"],
+    },
+    isDisabled: {
+      control: {
+        type: "boolean",
+      },
+    },
+  },
+  decorators: [
+    (Story) => (
+      <div className="flex items-start justify-center w-screen h-screen">
+        <Story />
+      </div>
+    ),
+  ],
+} as Meta<typeof Autocomplete>;
+
+const defaultProps = {
+  ...input.defaultVariants,
+  ...autocomplete.defaultVariants,
+  className: "max-w-xs",
+};
+
+const items = animalsData.map((item) => (
+  <AutocompleteItem key={item.value} value={item.value}>
+    {item.label}
+  </AutocompleteItem>
+));
+
+const Template = (args: AutocompleteProps) => (
+  <Autocomplete label="Favorite Animal" {...args}>
+    <AutocompleteItem key="red_panda">Red Panda</AutocompleteItem>
+    <AutocompleteItem key="cat">Cat</AutocompleteItem>
+    <AutocompleteItem key="dog">Dog</AutocompleteItem>
+    <AutocompleteItem key="crocodile">Crocodile</AutocompleteItem>
+    <AutocompleteItem key="elephant">Elephant</AutocompleteItem>
+    <AutocompleteItem key="lion">Lion</AutocompleteItem>
+    <AutocompleteItem key="tiger">Tiger</AutocompleteItem>
+    <AutocompleteItem key="aardvark">Aardvark</AutocompleteItem>
+    <AutocompleteItem key="kangaroo">Kangaroo</AutocompleteItem>
+    <AutocompleteItem key="koala">Koala</AutocompleteItem>
+    <AutocompleteItem key="panda">Panda</AutocompleteItem>
+    <AutocompleteItem key="giraffe">Giraffe</AutocompleteItem>
+    <AutocompleteItem key="otter">Otter</AutocompleteItem>
+    <AutocompleteItem key="snake">Snake</AutocompleteItem>
+    <AutocompleteItem key="dolphin">Dolphin</AutocompleteItem>
+    <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+    <AutocompleteItem key="whale">Whale</AutocompleteItem>
+    <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+    <AutocompleteItem key="shark">Shark</AutocompleteItem>
+  </Autocomplete>
+);
+
+const DynamicTemplate = ({color, variant, ...args}: AutocompleteProps<Animal>) => (
+  <Autocomplete
+    className="max-w-xs"
+    color={color}
+    defaultItems={animalsData}
+    label="Favorite Animal"
+    variant={variant}
+    {...args}
+  >
+    {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+  </Autocomplete>
+);
+
+const RequiredTemplate = ({color, variant, ...args}: AutocompleteProps) => {
+  return (
+    <form
+      className="w-full max-w-xs items-start flex flex-col gap-4"
+      onSubmit={(e) => {
+        alert(`Submitted value: ${e.target["favorite-animal"].value}`);
+        e.preventDefault();
+      }}
+    >
+      <Autocomplete
+        isRequired
+        color={color}
+        label="Favorite Animal"
+        name="favorite-animal"
+        variant={variant}
+        {...args}
+      >
+        {items}
+      </Autocomplete>
+      <button className={button({className: "max-w-fit"})} type="submit">
+        Submit
+      </button>
+    </form>
+  );
+};
+
+const MirrorTemplate = ({color, variant, ...args}: AutocompleteProps) => (
+  <div className="w-full max-w-xl flex flex-row gap-4">
+    <Autocomplete
+      className="max-w-xs"
+      color={color}
+      label="Select an animal"
+      variant={variant}
+      {...args}
+    >
+      {items}
+    </Autocomplete>
+    <Autocomplete
+      className="max-w-xs"
+      color={color}
+      label="Favorite Animal"
+      placeholder="Select an animal"
+      variant={variant}
+      {...args}
+    >
+      {items}
+    </Autocomplete>
+  </div>
+);
+
+const LabelPlacementTemplate = ({color, variant, ...args}: AutocompleteProps) => (
+  <div className="w-full flex flex-col items-center gap-12">
+    <div className="w-full max-w-2xl flex flex-col gap-3">
+      <h3>Without placeholder</h3>
+      <div className="w-full flex flex-row items-end gap-4">
+        <Autocomplete color={color} label="Select an animal" variant={variant} {...args}>
+          {items}
+        </Autocomplete>
+        <Autocomplete
+          color={color}
+          label="Select an animal"
+          variant={variant}
+          {...args}
+          labelPlacement="outside"
+        >
+          {items}
+        </Autocomplete>
+        <Autocomplete
+          color={color}
+          label="Select an animal"
+          variant={variant}
+          {...args}
+          labelPlacement="outside-left"
+        >
+          {items}
+        </Autocomplete>
+      </div>
+    </div>
+    <div className="w-full max-w-2xl flex flex-col gap-3">
+      <h3>With placeholder</h3>
+      <div className="w-full flex flex-row items-end gap-4">
+        <Autocomplete
+          color={color}
+          label="Favorite Animal"
+          placeholder="Select an animal"
+          variant={variant}
+          {...args}
+        >
+          {items}
+        </Autocomplete>
+        <Autocomplete
+          color={color}
+          label="Favorite Animal"
+          placeholder="Select an animal"
+          variant={variant}
+          {...args}
+          labelPlacement="outside"
+        >
+          {items}
+        </Autocomplete>
+        <Autocomplete
+          color={color}
+          label="Favorite Animal"
+          placeholder="Select an animal"
+          variant={variant}
+          {...args}
+          labelPlacement="outside-left"
+        >
+          {items}
+        </Autocomplete>
+      </div>
+    </div>
+  </div>
+);
+
+const AsyncLoadingTemplate = ({color, variant, ...args}: AutocompleteProps<Pokemon>) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const {items, hasMore, isLoading, onLoadMore} = usePokemonList({fetchDelay: 1500});
+
+  const [, scrollerRef] = useInfiniteScroll({
+    hasMore,
+    distance: 20,
+    isEnabled: isOpen,
+    shouldUseLoader: false, // We don't want to show the loader at the bottom of the list
+    onLoadMore,
+  });
+
+  return (
+    <Autocomplete
+      className="max-w-xs"
+      color={color}
+      defaultItems={items}
+      isLoading={isLoading}
+      label="Pick a Pokemon"
+      placeholder="Select a Pokemon"
+      scrollRef={scrollerRef}
+      variant={variant}
+      onOpenChange={setIsOpen}
+      {...args}
+    >
+      {(item) => (
+        <AutocompleteItem key={item.name} className="capitalize">
+          {item.name}
+        </AutocompleteItem>
+      )}
+    </Autocomplete>
+  );
+};
+
+const StartContentTemplate = ({color, variant, ...args}: AutocompleteProps) => (
+  <Autocomplete
+    className="max-w-xs"
+    color={color}
+    defaultSelectedKey={"cat"}
+    label="Favorite Animal"
+    startContent={<PetBoldIcon className="text-xl" />}
+    variant={variant}
+    {...args}
+  >
+    {items}
+  </Autocomplete>
+);
+
+const DynamicTemplateWithDescriptions = ({color, variant, ...args}: AutocompleteProps<Animal>) => (
+  <Autocomplete
+    className="max-w-xs"
+    color={color}
+    defaultItems={animalsData}
+    label="Favorite Animal"
+    variant={variant}
+    {...args}
+  >
+    {(item) => (
+      <AutocompleteItem key={item.value} description={item.description}>
+        {item.label}
+      </AutocompleteItem>
+    )}
+  </Autocomplete>
+);
+
+const ItemStartContentTemplate = ({color, variant, ...args}: AutocompleteProps<Animal>) => (
+  <Autocomplete
+    className="max-w-xs"
+    color={color}
+    label="Select country"
+    variant={variant}
+    {...args}
+  >
+    <AutocompleteItem
+      key="argentina"
+      startContent={<Avatar alt="Argentina" className="w-6 h-6" src="https://flagcdn.com/ar.svg" />}
+    >
+      Argentina
+    </AutocompleteItem>
+    <AutocompleteItem
+      key="venezuela"
+      startContent={<Avatar alt="Venezuela" className="w-6 h-6" src="https://flagcdn.com/ve.svg" />}
+    >
+      Venezuela
+    </AutocompleteItem>
+    <AutocompleteItem
+      key="brazil"
+      startContent={<Avatar alt="Brazil" className="w-6 h-6" src="https://flagcdn.com/br.svg" />}
+    >
+      Brazil
+    </AutocompleteItem>
+    <AutocompleteItem
+      key="switzerland"
+      startContent={
+        <Avatar alt="Switzerland" className="w-6 h-6" src="https://flagcdn.com/ch.svg" />
+      }
+    >
+      Switzerland
+    </AutocompleteItem>
+    <AutocompleteItem
+      key="germany"
+      startContent={<Avatar alt="Germany" className="w-6 h-6" src="https://flagcdn.com/de.svg" />}
+    >
+      Germany
+    </AutocompleteItem>
+    <AutocompleteItem
+      key="spain"
+      startContent={<Avatar alt="Spain" className="w-6 h-6" src="https://flagcdn.com/es.svg" />}
+    >
+      Spain
+    </AutocompleteItem>
+    <AutocompleteItem
+      key="france"
+      startContent={<Avatar alt="France" className="w-6 h-6" src="https://flagcdn.com/fr.svg" />}
+    >
+      France
+    </AutocompleteItem>
+    <AutocompleteItem
+      key="italy"
+      startContent={<Avatar alt="Italy" className="w-6 h-6" src="https://flagcdn.com/it.svg" />}
+    >
+      Italy
+    </AutocompleteItem>
+    <AutocompleteItem
+      key="mexico"
+      startContent={<Avatar alt="Mexico" className="w-6 h-6" src="https://flagcdn.com/mx.svg" />}
+    >
+      Mexico
+    </AutocompleteItem>
+  </Autocomplete>
+);
+
+const ControlledTemplate = ({color, variant, ...args}: AutocompleteProps<Animal>) => {
+  const [value, setValue] = React.useState<Key>("cat");
+
+  const handleSelectionChange = (key: Key) => {
+    setValue(key);
+  };
+
+  return (
+    <div className="flex w-full max-w-xs flex-col gap-2">
+      <Autocomplete
+        fullWidth
+        color={color}
+        defaultItems={animalsData}
+        label="Favorite Animal"
+        selectedKey={value}
+        variant={variant}
+        onSelectionChange={handleSelectionChange}
+        {...args}
+      >
+        {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
+      </Autocomplete>
+      <p className="text-default-500">Selected: {value}</p>
+    </div>
+  );
+};
+
+const CustomItemsTemplate = ({color, variant, ...args}: AutocompleteProps<User>) => (
+  <Autocomplete
+    className="max-w-xs mt-8"
+    color={color}
+    defaultItems={usersData}
+    label="Assigned to"
+    placeholder="Select a user"
+    variant={variant}
+    {...args}
+    labelPlacement="outside"
+  >
+    {(item) => (
+      <AutocompleteItem key={item.id} textValue={item.name}>
+        <div className="flex gap-2 items-center">
+          <Avatar alt={item.name} className="flex-shrink-0" size="sm" src={item.avatar} />
+          <div className="flex flex-col">
+            <span className="text-small">{item.name}</span>
+            <span className="text-tiny text-default-400">{item.email}</span>
+          </div>
+        </div>
+      </AutocompleteItem>
+    )}
+  </Autocomplete>
+);
+
+const WithSectionsTemplate = ({color, variant, ...args}: AutocompleteProps<User>) => (
+  <Autocomplete
+    className="max-w-xs"
+    color={color}
+    label="Favorite Animal"
+    variant={variant}
+    {...args}
+  >
+    <AutocompleteSection showDivider title="Mammals">
+      <AutocompleteItem key="Lion">Lion</AutocompleteItem>
+      <AutocompleteItem key="Tiger">Tiger</AutocompleteItem>
+      <AutocompleteItem key="Elephant">Elephant</AutocompleteItem>
+      <AutocompleteItem key="Kangaroo">Kangaroo</AutocompleteItem>
+      <AutocompleteItem key="Panda">Panda</AutocompleteItem>
+      <AutocompleteItem key="Giraffe">Giraffe</AutocompleteItem>
+      <AutocompleteItem key="Zebra">Zebra</AutocompleteItem>
+      <AutocompleteItem key="Cheetah">Cheetah</AutocompleteItem>
+    </AutocompleteSection>
+    <AutocompleteSection title="Birds">
+      <AutocompleteItem key="Eagle">Eagle</AutocompleteItem>
+      <AutocompleteItem key="Parrot">Parrot</AutocompleteItem>
+      <AutocompleteItem key="Penguin">Penguin</AutocompleteItem>
+      <AutocompleteItem key="Ostrich">Ostrich</AutocompleteItem>
+      <AutocompleteItem key="Peacock">Peacock</AutocompleteItem>
+      <AutocompleteItem key="Swan">Swan</AutocompleteItem>
+      <AutocompleteItem key="Falcon">Falcon</AutocompleteItem>
+      <AutocompleteItem key="Flamingo">Flamingo</AutocompleteItem>
+    </AutocompleteSection>
+  </Autocomplete>
+);
+
+const WithCustomSectionsStylesTemplate = ({color, variant, ...args}: AutocompleteProps<User>) => {
+  const headingClasses =
+    "flex w-full sticky top-1 z-20 py-1.5 px-2 bg-default-100 shadow-small rounded-small";
+
+  return (
+    <Autocomplete
+      className="max-w-xs"
+      color={color}
+      label="Favorite Animal"
+      scrollShadowProps={{
+        isEnabled: false,
+      }}
+      variant={variant}
+      {...args}
+    >
+      <AutocompleteSection
+        classNames={{
+          heading: headingClasses,
+        }}
+        title="Mammals"
+      >
+        <AutocompleteItem key="Lion">Lion</AutocompleteItem>
+        <AutocompleteItem key="Tiger">Tiger</AutocompleteItem>
+        <AutocompleteItem key="Elephant">Elephant</AutocompleteItem>
+        <AutocompleteItem key="Kangaroo">Kangaroo</AutocompleteItem>
+        <AutocompleteItem key="Panda">Panda</AutocompleteItem>
+        <AutocompleteItem key="Giraffe">Giraffe</AutocompleteItem>
+        <AutocompleteItem key="Zebra">Zebra</AutocompleteItem>
+        <AutocompleteItem key="Cheetah">Cheetah</AutocompleteItem>
+      </AutocompleteSection>
+      <AutocompleteSection
+        classNames={{
+          heading: headingClasses,
+        }}
+        title="Birds"
+      >
+        <AutocompleteItem key="Eagle">Eagle</AutocompleteItem>
+        <AutocompleteItem key="Parrot">Parrot</AutocompleteItem>
+        <AutocompleteItem key="Penguin">Penguin</AutocompleteItem>
+        <AutocompleteItem key="Ostrich">Ostrich</AutocompleteItem>
+        <AutocompleteItem key="Peacock">Peacock</AutocompleteItem>
+        <AutocompleteItem key="Swan">Swan</AutocompleteItem>
+        <AutocompleteItem key="Falcon">Falcon</AutocompleteItem>
+        <AutocompleteItem key="Flamingo">Flamingo</AutocompleteItem>
+      </AutocompleteSection>
+    </Autocomplete>
+  );
+};
+
+const WithAriaLabelTemplate = ({color, variant, ...args}: AutocompleteProps) => (
+  <Autocomplete
+    className="max-w-xs"
+    color={color}
+    label="Favorite Animal"
+    variant={variant}
+    {...args}
+  >
+    {items}
+  </Autocomplete>
+);
+
+const CustomStylesTemplate = ({color, variant, ...args}: AutocompleteProps<User>) => {
+  return (
+    <Autocomplete
+      className="max-w-xs"
+      classNames={{
+        base: "min-h-unit-16",
+        listboxWrapper: "max-h-[400px]",
+      }}
+      color={color}
+      defaultItems={usersData}
+      label="Assigned to"
+      listboxProps={{
+        itemClasses: {
+          base: [
+            "rounded-md",
+            "text-default-500",
+            "transition-opacity",
+            "data-[hover=true]:text-foreground",
+            "data-[hover=true]:bg-default-100",
+            "dark:data-[hover=true]:bg-default-50",
+            "data-[selectable=true]:focus:bg-default-50",
+            "data-[pressed=true]:opacity-70",
+            "data-[focus-visible=true]:ring-default-500",
+          ],
+        },
+      }}
+      popoverProps={{
+        classNames: {
+          base: "before:bg-default-200",
+          content: "p-0 border-small border-divider bg-background",
+        },
+      }}
+      variant={variant}
+      {...args}
+    >
+      {(item) => (
+        <AutocompleteItem key={item.id} textValue={item.name}>
+          <div className="flex gap-2 items-center">
+            <Avatar alt={item.name} className="flex-shrink-0" size="sm" src={item.avatar} />
+            <div className="flex flex-col">
+              <span className="text-small">{item.name}</span>
+              <span className="text-tiny text-default-400">{item.email}</span>
+            </div>
+          </div>
+        </AutocompleteItem>
+      )}
+    </Autocomplete>
+  );
+};
+
+const CustomStylesWithCustomItemsTemplate = ({color, ...args}: AutocompleteProps<User>) => {
+  return (
+    <Autocomplete
+      aria-label="Select an employee"
+      className="max-w-xs"
+      classNames={{
+        listboxWrapper: "max-h-[400px]",
+      }}
+      color={color}
+      defaultItems={usersData}
+      inputProps={{
+        classNames: {
+          input: "ml-1",
+          inputWrapper: "h-[48px]",
+        },
+      }}
+      listboxProps={{
+        hideSelectedIcon: true,
+        itemClasses: {
+          base: [
+            "rounded-medium",
+            "text-default-500",
+            "transition-opacity",
+            "data-[hover=true]:text-foreground",
+            "dark:data-[hover=true]:bg-default-50",
+            "data-[pressed=true]:opacity-70",
+            "data-[hover=true]:bg-default-200",
+            "data-[selectable=true]:focus:bg-default-100",
+            "data-[focus-visible=true]:ring-default-500",
+          ],
+        },
+      }}
+      placeholder="Enter employee name"
+      popoverProps={{
+        offset: 10,
+        classNames: {
+          base: "rounded-large",
+          content: "p-1 border-small border-default-100 bg-background",
+        },
+      }}
+      startContent={<SearchLinearIcon className="text-default-400 text-xl" strokeWidth="2.5" />}
+      {...args}
+      radius="full"
+      variant="bordered"
+    >
+      {(item) => (
+        <AutocompleteItem key={item.id} textValue={item.name}>
+          <div className="flex justify-between items-center">
+            <div className="flex gap-2 items-center">
+              <Avatar alt={item.name} className="flex-shrink-0" size="sm" src={item.avatar} />
+              <div className="flex flex-col">
+                <span className="text-small">{item.name}</span>
+                <span className="text-tiny text-default-400">{item.team}</span>
+              </div>
+            </div>
+            <Button
+              className="border-small font-medium shadow-small"
+              radius="full"
+              size="sm"
+              variant="bordered"
+            >
+              Add
+            </Button>
+          </div>
+        </AutocompleteItem>
+      )}
+    </Autocomplete>
+  );
+};
+
+export const Default = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    placeholder: "Select an animal",
+  },
+};
+
+export const Required = {
+  render: RequiredTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const Disabled = {
+  render: Template,
+
+  args: {
+    ...defaultProps,
+    selectedKey: "cat",
+    variant: "faded",
+    isDisabled: true,
+  },
+};
+
+export const DisabledOptions = {
+  render: Template,
+
+  args: {
+    ...defaultProps,
+    disabledKeys: ["zebra", "tiger", "lion", "elephant", "crocodile", "whale"],
+  },
+};
+
+export const WithDescription = {
+  render: MirrorTemplate,
+
+  args: {
+    ...defaultProps,
+    description: "Select your favorite animal",
+  },
+};
+
+export const LabelPlacement = {
+  render: LabelPlacementTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const AsyncLoading = {
+  render: AsyncLoadingTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const StartContent = {
+  render: StartContentTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const WithoutScrollShadow = {
+  render: Template,
+
+  args: {
+    ...defaultProps,
+    scrollShadowProps: {
+      isEnabled: false,
+    },
+  },
+};
+
+export const WithItemDescriptions = {
+  render: DynamicTemplateWithDescriptions,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const WithItemStartContent = {
+  render: ItemStartContentTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const WithErrorMessage = {
+  render: DynamicTemplate,
+
+  args: {
+    ...defaultProps,
+    errorMessage: "Please select an animal",
+  },
+};
+
+export const IsInvalid = {
+  render: Template,
+
+  args: {
+    ...defaultProps,
+    isInvalid: true,
+    variant: "bordered",
+    defaultSelectedKey: "dog",
+    errorMessage: "Please select a valid animal",
+  },
+};
+
+export const Controlled = {
+  render: ControlledTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const CustomSelectorIcon = {
+  render: Template,
+
+  args: {
+    ...defaultProps,
+    disableSelectorIconRotation: true,
+    selectorIcon: <SelectorIcon />,
+  },
+};
+
+export const CustomItems = {
+  render: CustomItemsTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const WithSections = {
+  render: WithSectionsTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const WithCustomSectionsStyles = {
+  render: WithCustomSectionsStylesTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const WithAriaLabel = {
+  render: WithAriaLabelTemplate,
+
+  args: {
+    ...defaultProps,
+    label: "Select an animal 🐹",
+    "aria-label": "Select an animal",
+  },
+};
+
+export const CustomStyles = {
+  render: CustomStylesTemplate,
+
+  args: {
+    ...defaultProps,
+    variant: "bordered",
+  },
+};
+
+export const CustomStylesWithCustomItems = {
+  render: CustomStylesWithCustomItemsTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
diff --git a/packages/components/autocomplete/tsconfig.json b/packages/components/autocomplete/tsconfig.json
new file mode 100644
index 000000000..5d012f6e6
--- /dev/null
+++ b/packages/components/autocomplete/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "tailwind-variants": ["../../../node_modules/tailwind-variants"]
+    },
+  },
+  "include": ["src", "index.ts"]
+}
diff --git a/packages/components/autocomplete/tsup.config.ts b/packages/components/autocomplete/tsup.config.ts
new file mode 100644
index 000000000..3e2bcff6c
--- /dev/null
+++ b/packages/components/autocomplete/tsup.config.ts
@@ -0,0 +1,8 @@
+import {defineConfig} from "tsup";
+
+export default defineConfig({
+  clean: true,
+  target: "es2019",
+  format: ["cjs", "esm"],
+  banner: {js: '"use client";'},
+});
diff --git a/packages/components/avatar/package.json b/packages/components/avatar/package.json
index 9dbde6e85..22e6963a7 100644
--- a/packages/components/avatar/package.json
+++ b/packages/components/avatar/package.json
@@ -35,23 +35,26 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/use-image": "workspace:*",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/utils": "^3.20.0"
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/utils": "^3.21.1"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/test-utils": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/avatar/src/use-avatar-group.ts b/packages/components/avatar/src/use-avatar-group.ts
index c74f12a7f..461e90250 100644
--- a/packages/components/avatar/src/use-avatar-group.ts
+++ b/packages/components/avatar/src/use-avatar-group.ts
@@ -91,7 +91,7 @@ export function useAvatarGroup(props: UseAvatarGroupProps = {}) {
 
     const childProps = {
       className: clsx(
-        isFirstAvatar ? "ml-0" : !isGrid ? "-ml-2" : "",
+        isFirstAvatar ? "ms-0" : !isGrid ? "-ms-2" : "",
         isLastAvatar && remainingCount < 1 ? "hover:-translate-x-0" : "",
       ),
     };
diff --git a/packages/components/avatar/stories/avatar-group.stories.tsx b/packages/components/avatar/stories/avatar-group.stories.tsx
index df94eaf3a..cb0e63246 100644
--- a/packages/components/avatar/stories/avatar-group.stories.tsx
+++ b/packages/components/avatar/stories/avatar-group.stories.tsx
@@ -102,7 +102,7 @@ export const CustomCount = {
     max: 3,
     total: 10,
     renderCount: (count: number) => (
-      <p className="text-sm text-black dark:text-white ml-2">+{count}</p>
+      <p className="text-sm text-black dark:text-white ms-2">+{count}</p>
     ),
   },
 };
diff --git a/packages/components/badge/package.json b/packages/components/badge/package.json
index f8ce91bdd..e1d1f8296 100644
--- a/packages/components/badge/package.json
+++ b/packages/components/badge/package.json
@@ -35,20 +35,22 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
     "@nextui-org/avatar": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/switch": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/badge/src/use-badge.ts b/packages/components/badge/src/use-badge.ts
index faddd6e2e..f7dffc28d 100644
--- a/packages/components/badge/src/use-badge.ts
+++ b/packages/components/badge/src/use-badge.ts
@@ -21,6 +21,12 @@ interface Props extends HTMLNextUIProps<"span", "content"> {
    * The content of the badge. The badge will be rendered relative to its children.
    */
   content?: string | number | ReactNode;
+  /**
+   * Whether to disable the outline around the badge.
+   * @deprecated use `showOutline` instead
+   * @default false
+   */
+  disableOutline?: boolean;
   /**
    * Classname or List of classes to change the classNames of the element.
    * if `className` is passed, it will be added to the base slot.
@@ -58,6 +64,9 @@ export function useBadge(originalProps: UseBadgeProps) {
     () =>
       badge({
         ...variantProps,
+        showOutline: !!originalProps?.disableOutline
+          ? !originalProps?.disableOutline
+          : originalProps?.showOutline,
         isOneChar,
         isDot,
       }),
diff --git a/packages/components/breadcrumbs/README.md b/packages/components/breadcrumbs/README.md
new file mode 100644
index 000000000..16714da86
--- /dev/null
+++ b/packages/components/breadcrumbs/README.md
@@ -0,0 +1,24 @@
+# @nextui-org/breadcrumbs
+
+Breadcrumbs display a hierarchy of links to the current page or resource in an application.
+
+Please refer to the [documentation](https://nextui.org/docs/components/breadcrumbs) for more information.
+
+## Installation
+
+```sh
+yarn add @nextui-org/breadcrumbs
+# or
+npm i @nextui-org/breadcrumbs
+```
+
+## Contribution
+
+Yes please! See the
+[contributing guidelines](https://github.com/nextui-org/nextui/blob/master/CONTRIBUTING.md)
+for details.
+
+## Licence
+
+This project is licensed under the terms of the
+[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).
diff --git a/packages/components/breadcrumbs/__tests__/breadcrumbs.test.tsx b/packages/components/breadcrumbs/__tests__/breadcrumbs.test.tsx
new file mode 100644
index 000000000..7ff15a0a8
--- /dev/null
+++ b/packages/components/breadcrumbs/__tests__/breadcrumbs.test.tsx
@@ -0,0 +1,158 @@
+import * as React from "react";
+import {render} from "@testing-library/react";
+
+import {Breadcrumbs, BreadcrumbItem} from "../src";
+
+describe("Breadcrumbs", () => {
+  it("should render correctly", () => {
+    const wrapper = render(<Breadcrumbs />);
+
+    expect(() => wrapper.unmount()).not.toThrow();
+  });
+
+  it("ref should be forwarded", () => {
+    const ref = React.createRef<HTMLDivElement>();
+
+    render(<Breadcrumbs ref={ref} />);
+    expect(ref.current).not.toBeNull();
+  });
+
+  it("should support aria-label", () => {
+    const {container} = render(<Breadcrumbs aria-label="Routes" />);
+
+    expect(container.querySelector("nav")).toHaveAttribute("aria-label", "Routes");
+  });
+
+  it("should support multiple items", () => {
+    const {container} = render(
+      <Breadcrumbs>
+        <BreadcrumbItem href="#1">Item 1</BreadcrumbItem>
+        <BreadcrumbItem href="#2">Item 2</BreadcrumbItem>
+        <BreadcrumbItem href="#3">Item 3</BreadcrumbItem>
+      </Breadcrumbs>,
+    );
+
+    expect(container.querySelectorAll("span")).toHaveLength(3);
+  });
+
+  it("should support multiple links items", () => {
+    const {container} = render(
+      <Breadcrumbs>
+        <BreadcrumbItem href="#1">Item 1</BreadcrumbItem>
+        <BreadcrumbItem href="#2">Item 2</BreadcrumbItem>
+        <BreadcrumbItem href="#3">Item 3</BreadcrumbItem>
+      </Breadcrumbs>,
+    );
+
+    expect(container.querySelectorAll("a")).toHaveLength(2);
+
+    // The last one is not a link because it is the current page
+    const current = container.querySelector("[aria-current]");
+
+    expect(current).not.toBeNull();
+    expect(current).toHaveAttribute("aria-current", "page");
+
+    expect(current?.tagName.toLowerCase()).toBe("span");
+  });
+
+  it("should support maxItems", () => {
+    const {container, getByText} = render(
+      <Breadcrumbs itemsAfterCollapse={1} itemsBeforeCollapse={1} maxItems={3}>
+        <BreadcrumbItem href="#1">Item 1</BreadcrumbItem>
+        <BreadcrumbItem href="#2">Item 2</BreadcrumbItem>
+        <BreadcrumbItem href="#3">Item 3</BreadcrumbItem>
+        <BreadcrumbItem href="#4">Item 4</BreadcrumbItem>
+        <BreadcrumbItem href="#5">Item 5</BreadcrumbItem>
+      </Breadcrumbs>,
+    );
+
+    expect(container.querySelectorAll("a")).toHaveLength(2);
+
+    // visible items should be 1 and 5
+    const first = getByText("Item 1");
+    const last = getByText("Item 5");
+
+    // visible
+    expect(first).not.toBeNull();
+    expect(last).not.toBeNull();
+  });
+
+  it("should support custom separator", () => {
+    const {container} = render(
+      <Breadcrumbs separator="/">
+        <BreadcrumbItem>Item 1</BreadcrumbItem>
+        <BreadcrumbItem>Item 2</BreadcrumbItem>
+        <BreadcrumbItem>Item 3</BreadcrumbItem>
+      </Breadcrumbs>,
+    );
+
+    expect(container.querySelectorAll("[data-slot='item']")).toHaveLength(3);
+    expect(container.querySelector("[data-slot='separator']")).toHaveTextContent("/");
+  });
+
+  it("should disable the items before the current one", () => {
+    const {getByText} = render(
+      <Breadcrumbs isDisabled>
+        <BreadcrumbItem href="#1">Item 1</BreadcrumbItem>
+        <BreadcrumbItem href="#2">Item 2</BreadcrumbItem>
+        <BreadcrumbItem href="#3">Item 3</BreadcrumbItem>
+      </Breadcrumbs>,
+    );
+
+    const item1 = getByText("Item 1");
+
+    expect(item1).toHaveAttribute("aria-disabled", "true");
+    const item2 = getByText("Item 2");
+
+    expect(item2).toHaveAttribute("aria-disabled", "true");
+  });
+
+  it("should support aria-labelledby", function () {
+    let {getByRole} = render(
+      <>
+        <span id="test">Test</span>
+        <Breadcrumbs aria-labelledby="test">
+          <BreadcrumbItem>Folder 1</BreadcrumbItem>
+        </Breadcrumbs>
+      </>,
+    );
+
+    const breadcrumbs = getByRole("navigation");
+
+    expect(breadcrumbs).toHaveAttribute("aria-labelledby", "test");
+  });
+
+  it("should support aria-describedby", function () {
+    let {getByRole} = render(
+      <>
+        <span id="test">Test</span>
+        <Breadcrumbs aria-describedby="test">
+          <BreadcrumbItem>Folder 1</BreadcrumbItem>
+        </Breadcrumbs>
+      </>,
+    );
+
+    const breadcrumbs = getByRole("navigation");
+
+    expect(breadcrumbs).toHaveAttribute("aria-describedby", "test");
+  });
+
+  it("should support startContent & endContent", () => {
+    const {getByText} = render(
+      <Breadcrumbs>
+        <BreadcrumbItem
+          endContent={<span data-testid="end-content">End</span>}
+          startContent={<span data-testid="start-content">Start</span>}
+        >
+          Item 1
+        </BreadcrumbItem>
+      </Breadcrumbs>,
+    );
+
+    const startContent = getByText("Start");
+    const endContent = getByText("End");
+
+    expect(startContent).not.toBeNull();
+    expect(endContent).not.toBeNull();
+  });
+});
diff --git a/packages/components/breadcrumbs/package.json b/packages/components/breadcrumbs/package.json
new file mode 100644
index 000000000..afd046af7
--- /dev/null
+++ b/packages/components/breadcrumbs/package.json
@@ -0,0 +1,63 @@
+{
+  "name": "@nextui-org/breadcrumbs",
+  "version": "2.0.0",
+  "description": "Breadcrumbs display a hierarchy of links to the current page or resource in an application.",
+  "keywords": [
+    "breadcrumbs"
+  ],
+  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "homepage": "https://nextui.org",
+  "license": "MIT",
+  "main": "src/index.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nextui-org/nextui.git",
+    "directory": "packages/components/breadcrumbs"
+  },
+  "bugs": {
+    "url": "https://github.com/nextui-org/nextui/issues"
+  },
+  "scripts": {
+    "build": "tsup src --dts",
+    "build:fast": "tsup src",
+    "dev": "yarn build:fast -- --watch",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
+  },
+  "dependencies": {
+    "@nextui-org/react-utils": "workspace:*",
+    "@nextui-org/shared-utils": "workspace:*",
+    "@nextui-org/shared-icons": "workspace:*",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/breadcrumbs": "^3.5.7",
+    "@react-aria/utils": "^3.21.1",
+    "@react-types/breadcrumbs": "^3.7.1",
+    "@react-types/shared": "^3.21.0"
+  },
+  "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
+    "@nextui-org/dropdown": "workspace:*",
+    "@nextui-org/tooltip": "workspace:*",
+    "@nextui-org/button": "workspace:*",
+    "clean-package": "2.2.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "clean-package": "../../../clean-package.config.json"
+}
diff --git a/packages/components/breadcrumbs/src/breadcrumb-item.tsx b/packages/components/breadcrumbs/src/breadcrumb-item.tsx
new file mode 100644
index 000000000..b721e9372
--- /dev/null
+++ b/packages/components/breadcrumbs/src/breadcrumb-item.tsx
@@ -0,0 +1,39 @@
+import {forwardRef} from "@nextui-org/system";
+
+import {UseBreadcrumbItemProps, useBreadcrumbItem} from "./use-breadcrumb-item";
+
+export interface BreadcrumbItemProps extends UseBreadcrumbItemProps {}
+
+const Breadcrumbs = forwardRef<"li", BreadcrumbItemProps>((props, ref) => {
+  const {
+    Component,
+    WrapperComponent,
+    children,
+    isLast,
+    separator,
+    startContent,
+    endContent,
+    hideSeparator,
+    getBaseProps,
+    getItemProps,
+    getSeparatorProps,
+  } = useBreadcrumbItem({
+    ...props,
+    ref,
+  });
+
+  return (
+    <WrapperComponent {...getBaseProps()}>
+      <Component {...getItemProps()}>
+        {startContent}
+        {children}
+        {endContent}
+      </Component>
+      {!isLast && !hideSeparator && <span {...getSeparatorProps()}>{separator}</span>}
+    </WrapperComponent>
+  );
+});
+
+Breadcrumbs.displayName = "NextUI.Breadcrumbs";
+
+export default Breadcrumbs;
diff --git a/packages/components/breadcrumbs/src/breadcrumbs.tsx b/packages/components/breadcrumbs/src/breadcrumbs.tsx
new file mode 100644
index 000000000..67f5c32a5
--- /dev/null
+++ b/packages/components/breadcrumbs/src/breadcrumbs.tsx
@@ -0,0 +1,115 @@
+import {cloneElement, useMemo} from "react";
+import {forwardRef} from "@nextui-org/system";
+import {ChevronRightIcon, EllipsisIcon} from "@nextui-org/shared-icons";
+import {warn} from "@nextui-org/shared-utils";
+import {chain} from "@react-aria/utils";
+
+import {UseBreadcrumbsProps, useBreadcrumbs} from "./use-breadcrumbs";
+
+export interface BreadcrumbsProps extends UseBreadcrumbsProps {}
+
+const Breadcrumbs = forwardRef<"div", BreadcrumbsProps>((props, ref) => {
+  const {
+    Component,
+    children,
+    childCount,
+    itemProps,
+    separator = <ChevronRightIcon />,
+    maxItems,
+    itemsBeforeCollapse,
+    itemsAfterCollapse,
+    isDisabled,
+    renderEllipsis,
+    getBaseProps,
+    getListProps,
+    getEllipsisProps,
+    getSeparatorProps,
+    onAction,
+  } = useBreadcrumbs({
+    ...props,
+    ref,
+  });
+
+  const content = useMemo(() => {
+    let items = children?.map((child, i) => {
+      const isLast = i === childCount - 1;
+      const itemKey = child?.key || i;
+
+      return cloneElement(child, {
+        ...itemProps,
+        isLast,
+        separator,
+        isDisabled: isDisabled && !isLast,
+        isCurrent: isLast || child.props.isCurrent,
+        ...child.props,
+        key: itemKey,
+        onPress: chain(child.props?.onPress, () => onAction?.(itemKey)),
+      });
+    });
+
+    if (!items) return null;
+
+    if (childCount < maxItems) {
+      return items;
+    }
+
+    if (itemsBeforeCollapse + itemsAfterCollapse >= childCount) {
+      warn(
+        `You have provided an invalid combination of props to the Breadcrumbs. itemsAfterCollapse={${itemsAfterCollapse}} + itemsBeforeCollapse={${itemsBeforeCollapse}} >= itemsCount={${childCount}}`,
+        "Breadcrumbs",
+      );
+
+      return items;
+    }
+
+    const itemsInEllipsis = items.slice(itemsBeforeCollapse, items.length - itemsAfterCollapse);
+
+    if (itemsInEllipsis.length < 1) {
+      return items;
+    }
+
+    const ellipsisIcon = <EllipsisIcon {...getEllipsisProps()} />;
+    const collapsedItem = cloneElement(itemsInEllipsis[0], {
+      ...itemsInEllipsis[0].props,
+      key: "ellipsis",
+      children: ellipsisIcon,
+    });
+
+    const ellipsisItem =
+      typeof renderEllipsis === "function"
+        ? renderEllipsis({
+            collapsedItem,
+            items: itemsInEllipsis.map((item) => item.props),
+            maxItems,
+            ellipsisIcon,
+            itemsBeforeCollapse,
+            itemsAfterCollapse,
+            separator: <span {...getSeparatorProps()}>{separator}</span>,
+          })
+        : collapsedItem;
+
+    return [
+      ...items.slice(0, itemsBeforeCollapse),
+      ellipsisItem,
+      ...items.slice(items.length - itemsAfterCollapse, items.length),
+    ];
+  }, [
+    children,
+    childCount,
+    separator,
+    itemProps,
+    itemsBeforeCollapse,
+    itemsAfterCollapse,
+    isDisabled,
+  ]);
+
+  return (
+    <Component {...getBaseProps()}>
+      <ol {...getListProps()}>{content}</ol>
+    </Component>
+  );
+});
+
+Breadcrumbs.displayName = "NextUI.Breadcrumbs";
+
+export default Breadcrumbs;
diff --git a/packages/components/breadcrumbs/src/index.ts b/packages/components/breadcrumbs/src/index.ts
new file mode 100644
index 000000000..ceedc939c
--- /dev/null
+++ b/packages/components/breadcrumbs/src/index.ts
@@ -0,0 +1,13 @@
+import Breadcrumbs from "./breadcrumbs";
+import BreadcrumbItem from "./breadcrumb-item";
+
+// export types
+export type {BreadcrumbsProps} from "./breadcrumbs";
+export type {BreadcrumbItemProps} from "./breadcrumb-item";
+
+// export hooks
+export {useBreadcrumbs} from "./use-breadcrumbs";
+export {useBreadcrumbItem} from "./use-breadcrumb-item";
+
+// export component
+export {Breadcrumbs, BreadcrumbItem};
diff --git a/packages/components/breadcrumbs/src/use-breadcrumb-item.ts b/packages/components/breadcrumbs/src/use-breadcrumb-item.ts
new file mode 100644
index 000000000..3136bd452
--- /dev/null
+++ b/packages/components/breadcrumbs/src/use-breadcrumb-item.ts
@@ -0,0 +1,145 @@
+import type {
+  BreadcrumbItemVariantProps,
+  SlotsToClasses,
+  BreadcrumbItemSlots,
+} from "@nextui-org/theme";
+import type {ReactNode} from "react";
+import type {BreadcrumbItemProps as AriaBreadcrumbItemProps} from "@react-types/breadcrumbs";
+
+import {HTMLNextUIProps, mapPropsVariants, PropGetter} from "@nextui-org/system";
+import {useFocusRing} from "@react-aria/focus";
+import {breadcrumbItem} from "@nextui-org/theme";
+import {filterDOMProps, ReactRef, useDOMRef} from "@nextui-org/react-utils";
+import {useBreadcrumbItem as useAriaBreadcrumbItem} from "@react-aria/breadcrumbs";
+import {clsx, dataAttr} from "@nextui-org/shared-utils";
+import {useMemo} from "react";
+import {mergeProps} from "@react-aria/utils";
+
+interface Props
+  extends Omit<HTMLNextUIProps<"li">, keyof AriaBreadcrumbItemProps>,
+    AriaBreadcrumbItemProps {
+  /**
+   * Ref to the DOM node.
+   */
+  ref?: ReactRef<HTMLLIElement | null>;
+  /**
+   * The item custom separator. It is a chevron by default.
+   */
+  separator?: ReactNode;
+  /**
+   * Whether the item is the last one.
+   * @default false
+   */
+  isLast?: boolean;
+  /**
+   * Whether to hide the separator element.
+   * @default false
+   */
+  hideSeparator?: boolean;
+  /**
+   * The start content of the item.
+   */
+  startContent?: ReactNode;
+  /**
+   * The end content of the item.
+   */
+  endContent?: ReactNode;
+  /**
+   * The breadcrumbs item classNames.
+   */
+  classNames?: SlotsToClasses<BreadcrumbItemSlots>;
+}
+
+export type UseBreadcrumbItemProps = Props & BreadcrumbItemVariantProps;
+
+export function useBreadcrumbItem(originalProps: UseBreadcrumbItemProps) {
+  const [props, variantProps] = mapPropsVariants(originalProps, breadcrumbItem.variantKeys);
+
+  const {
+    ref,
+    as,
+    className,
+    children,
+    isLast,
+    separator,
+    startContent,
+    endContent,
+    classNames,
+    hideSeparator = false,
+    ...otherProps
+  } = props;
+
+  const WrapperComponent = as || "li";
+
+  const isCurrent = !!originalProps?.isCurrent;
+  const isDisabled = originalProps?.isDisabled;
+
+  const Component = originalProps?.href && !isCurrent ? "a" : "span";
+  const shouldFilterDOMProps = typeof Component === "string";
+
+  const domRef = useDOMRef(ref);
+
+  const {itemProps} = useAriaBreadcrumbItem(
+    {...originalProps, isCurrent, elementType: Component},
+    domRef,
+  );
+  const {isFocusVisible, isFocused, focusProps} = useFocusRing();
+
+  const slots = useMemo(
+    () =>
+      breadcrumbItem({
+        ...variantProps,
+        isCurrent,
+        underline:
+          originalProps?.underline !== undefined && !isCurrent ? originalProps?.underline : "none",
+        className,
+      }),
+    [...Object.values(variantProps), isCurrent, className],
+  );
+
+  const baseStyles = clsx(classNames?.base, className);
+
+  const getBaseProps = () => ({
+    ref: domRef,
+    "data-slot": "base",
+    className: slots.base({class: baseStyles}),
+    ...filterDOMProps(otherProps, {
+      enabled: shouldFilterDOMProps,
+    }),
+  });
+
+  const getItemProps: PropGetter = () => ({
+    href: !isCurrent ? originalProps?.href : undefined,
+    "data-slot": "item",
+    "data-focus": dataAttr(isFocused),
+    "data-focus-visible": dataAttr(isFocusVisible),
+    "data-disabled": originalProps?.isDisabled,
+    "data-current": originalProps?.isCurrent,
+    className: slots.item({class: classNames?.item}),
+    ...mergeProps(itemProps, isDisabled ? {} : focusProps),
+  });
+
+  const getSeparatorProps = () => ({
+    "data-slot": "separator",
+    "aria-hidden": dataAttr(true),
+    className: slots.separator({class: classNames?.separator}),
+  });
+
+  return {
+    Component,
+    WrapperComponent,
+    children,
+    separator,
+    startContent,
+    endContent,
+    isDisabled,
+    isCurrent,
+    isLast,
+    hideSeparator,
+    getBaseProps,
+    getItemProps,
+    getSeparatorProps,
+  };
+}
+
+export type UseBreadcrumbItemReturn = ReturnType<typeof useBreadcrumbItem>;
diff --git a/packages/components/breadcrumbs/src/use-breadcrumbs.ts b/packages/components/breadcrumbs/src/use-breadcrumbs.ts
new file mode 100644
index 000000000..327f0060d
--- /dev/null
+++ b/packages/components/breadcrumbs/src/use-breadcrumbs.ts
@@ -0,0 +1,209 @@
+import type {BreadcrumbsVariantProps, SlotsToClasses, BreadcrumbsSlots} from "@nextui-org/theme";
+import type {AriaBreadcrumbsProps} from "@react-types/breadcrumbs";
+
+import {Children, ReactNode, Key, ReactElement} from "react";
+import {HTMLNextUIProps, mapPropsVariants, PropGetter} from "@nextui-org/system";
+import {breadcrumbs} from "@nextui-org/theme";
+import {filterDOMProps, pickChildren, ReactRef, useDOMRef} from "@nextui-org/react-utils";
+import {mergeProps} from "@react-aria/utils";
+import {useBreadcrumbs as useAriaBreadcrumbs} from "@react-aria/breadcrumbs";
+import {useMemo} from "react";
+import {clsx, dataAttr} from "@nextui-org/shared-utils";
+
+import BreadcrumbItem, {BreadcrumbItemProps} from "./breadcrumb-item";
+
+type RenderEllipsisItemProps = {
+  /**
+   * The collapsed items.
+   */
+  items: BreadcrumbItemProps[];
+  /**
+   * The max number of items.
+   */
+  maxItems: number;
+  /**
+   * The picked item to render the ellipsis.
+   */
+  collapsedItem: ReactNode;
+  /**
+   * The default ellipsis icon.
+   */
+  ellipsisIcon: ReactNode;
+  /**
+   * Number of items to show before the ellipsis.
+   */
+  itemsBeforeCollapse: number;
+  /**
+   * Number of items to show after the ellipsis.
+   */
+  itemsAfterCollapse: number;
+  /**
+   * The separator between each breadcrumb. It is a chevron by default.
+   */
+  separator: ReactNode;
+};
+
+interface Props extends HTMLNextUIProps<"nav">, AriaBreadcrumbsProps {
+  /**
+   * Ref to the DOM node.
+   */
+  ref?: ReactRef<HTMLElement | null>;
+  /**
+   * If max items is exceeded, the number of items to show before the ellipsis.
+   * @default 1
+   */
+  itemsBeforeCollapse?: number;
+  /**
+   * If max items is exceeded, the number of items to show after the ellipsis.
+   * @default 2
+   */
+  itemsAfterCollapse?: number;
+  /**
+   * Specifies the maximum number of breadcrumbs to display. When there are more
+   * than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse`
+   * will be shown, with an ellipsis in between.
+   * @default 8
+   */
+  maxItems?: number;
+  /**
+   * The separator between each breadcrumb. It is a chevron by default.
+   */
+  separator?: ReactNode;
+  /**
+   * Breadcrumbs in a disabled state shows items, but indicates that navigation is
+   * not available. This can be used to maintain layout continuity.
+   * @default false
+   */
+  isDisabled?: boolean;
+  /**
+   * The breadcrumbs classNames.
+   */
+  classNames?: SlotsToClasses<BreadcrumbsSlots>;
+  /**
+   * The breadcrumbs items classNames.
+   */
+  itemClasses?: BreadcrumbItemProps["classNames"];
+  /**
+   * A function that allows to render the ellipsis when the number of items is exceeded.
+   *
+   * @param props RenderEllipsisItemProps
+   */
+  renderEllipsis?: (props: RenderEllipsisItemProps) => ReactNode;
+  /**
+   * Callback when any of the breadcrumbs is pressed.
+   * @param key string
+   */
+  onAction?: (key: Key) => void;
+}
+
+export type UseBreadcrumbsProps = Props &
+  BreadcrumbsVariantProps &
+  Partial<
+    Pick<BreadcrumbItemProps, "color" | "size" | "underline" | "hideSeparator" | "disableAnimation">
+  >;
+
+export function useBreadcrumbs(originalProps: UseBreadcrumbsProps) {
+  const [props, variantProps] = mapPropsVariants(originalProps, breadcrumbs.variantKeys);
+
+  const {
+    ref,
+    as,
+    color,
+    underline,
+    isDisabled,
+    separator,
+    children: childrenProp,
+    itemsBeforeCollapse = 1,
+    itemsAfterCollapse = 2,
+    maxItems = 8,
+    hideSeparator,
+    disableAnimation,
+    renderEllipsis,
+    className,
+    classNames,
+    itemClasses,
+    onAction,
+    ...otherProps
+  } = props;
+
+  const Component = as || "nav";
+  const shouldFilterDOMProps = typeof Component === "string";
+
+  const {navProps} = useAriaBreadcrumbs(originalProps);
+
+  const [, children] = pickChildren<ReactElement>(childrenProp as ReactElement, BreadcrumbItem);
+
+  const childCount = Children.count(children);
+
+  const domRef = useDOMRef(ref);
+
+  const slots = useMemo(
+    () =>
+      breadcrumbs({
+        ...variantProps,
+        className,
+      }),
+    [...Object.values(variantProps), className],
+  );
+
+  const baseStyles = clsx(classNames?.base, className);
+
+  const itemProps: Partial<BreadcrumbItemProps> = {
+    color,
+    underline,
+    disableAnimation,
+    hideSeparator,
+    size: originalProps?.size,
+    classNames: itemClasses,
+  };
+
+  const getBaseProps: PropGetter = () => ({
+    ref: domRef,
+    "data-slot": "base",
+    className: slots.base({class: baseStyles}),
+    ...mergeProps(
+      navProps,
+      filterDOMProps(otherProps, {
+        enabled: shouldFilterDOMProps,
+      }),
+    ),
+  });
+
+  const getListProps = () => ({
+    "data-slot": "list",
+    className: slots.list({class: classNames?.list}),
+  });
+
+  const getEllipsisProps = () => ({
+    "data-slot": "ellipsis",
+    className: slots.ellipsis({class: classNames?.ellipsis}),
+  });
+
+  const getSeparatorProps = () => ({
+    "data-slot": "separator",
+    "aria-hidden": dataAttr(true),
+    className: slots.separator({class: classNames?.separator}),
+  });
+
+  return {
+    Component,
+    children,
+    slots,
+    separator,
+    childCount,
+    itemsAfterCollapse,
+    itemsBeforeCollapse,
+    maxItems,
+    classNames,
+    isDisabled,
+    itemProps,
+    renderEllipsis,
+    getBaseProps,
+    getListProps,
+    getEllipsisProps,
+    getSeparatorProps,
+    onAction,
+  };
+}
+
+export type UseBreadcrumbsReturn = ReturnType<typeof useBreadcrumbs>;
diff --git a/packages/components/breadcrumbs/stories/breadcrumbs.stories.tsx b/packages/components/breadcrumbs/stories/breadcrumbs.stories.tsx
new file mode 100644
index 000000000..787eb0152
--- /dev/null
+++ b/packages/components/breadcrumbs/stories/breadcrumbs.stories.tsx
@@ -0,0 +1,452 @@
+import React from "react";
+import {Meta} from "@storybook/react";
+import {breadcrumbItem} from "@nextui-org/theme";
+import {Dropdown, DropdownTrigger, DropdownMenu, DropdownItem} from "@nextui-org/dropdown";
+import {Button} from "@nextui-org/button";
+import {Tooltip} from "@nextui-org/tooltip";
+import {
+  CheckIcon,
+  ChevronDownIcon,
+  HeadphonesIcon,
+  InfoIcon,
+  MailFilledIcon,
+  PetBoldIcon,
+  ShoppingCartBoldIcon,
+} from "@nextui-org/shared-icons";
+import {clsx} from "@nextui-org/shared-utils";
+
+import {Breadcrumbs, BreadcrumbItem, BreadcrumbsProps} from "../src";
+
+export default {
+  title: "Components/Breadcrumbs",
+  component: Breadcrumbs,
+  argTypes: {
+    page: {
+      control: {
+        type: "number",
+      },
+    },
+    variant: {
+      control: {
+        type: "select",
+      },
+      options: ["solid", "bordered", "light"],
+    },
+    color: {
+      control: {
+        type: "select",
+      },
+      options: ["foreground", "primary", "secondary", "success", "warning", "danger"],
+    },
+    size: {
+      control: {
+        type: "select",
+      },
+      options: ["sm", "md", "lg"],
+    },
+    maxItems: {
+      control: {
+        type: "number",
+      },
+    },
+    itemsBeforeCollapse: {
+      control: {
+        type: "number",
+      },
+    },
+    itemsAfterCollapse: {
+      control: {
+        type: "number",
+      },
+    },
+    underline: {
+      control: {
+        type: "select",
+      },
+      options: ["none", "hover", "always", "active", "focus"],
+    },
+    isDisabled: {
+      control: {
+        type: "boolean",
+      },
+    },
+  },
+} as Meta<typeof Breadcrumbs>;
+
+const defaultProps = {
+  ...breadcrumbItem.defaultVariants,
+  variant: "light",
+};
+
+const Template = (args: BreadcrumbsProps & {page: number}) => (
+  <Breadcrumbs {...args}>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:1">
+      Home
+    </BreadcrumbItem>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:2">
+      Music
+    </BreadcrumbItem>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:3">
+      Artist
+    </BreadcrumbItem>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:4">
+      Album
+    </BreadcrumbItem>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:5">
+      Song
+    </BreadcrumbItem>
+  </Breadcrumbs>
+);
+
+const ControlledTemplate = (args: BreadcrumbsProps & {page: number}) => {
+  const [currentPage, setCurrentPage] = React.useState<React.Key>("song");
+
+  return (
+    <Breadcrumbs {...args} onAction={(key) => setCurrentPage(key)}>
+      <BreadcrumbItem key="home" isCurrent={currentPage === "home"}>
+        Home
+      </BreadcrumbItem>
+      <BreadcrumbItem key="music" isCurrent={currentPage === "music"}>
+        Music
+      </BreadcrumbItem>
+      <BreadcrumbItem key="artist" isCurrent={currentPage === "artist"}>
+        Artist
+      </BreadcrumbItem>
+      <BreadcrumbItem key="album" isCurrent={currentPage === "album"}>
+        Album
+      </BreadcrumbItem>
+      <BreadcrumbItem key="song" isCurrent={currentPage === "song"}>
+        Song
+      </BreadcrumbItem>
+    </Breadcrumbs>
+  );
+};
+
+const MenuTypeTemplate = (args: BreadcrumbsProps & {page: number}) => {
+  const [currentPage, setCurrentPage] = React.useState<React.Key>("music");
+
+  return (
+    <Breadcrumbs
+      {...args}
+      classNames={{
+        list: "gap-2",
+      }}
+      itemClasses={{
+        item: [
+          "px-2 py-0.5 border-small border-default-400 rounded-small",
+          "data-[current='true']:border-foreground transition-colors",
+          "data-[disabled='true']:border-default-400 data-[disabled='true']:bg-default-100",
+        ],
+        separator: "hidden",
+      }}
+      onAction={(key) => setCurrentPage(key)}
+    >
+      <BreadcrumbItem key="home" isCurrent={currentPage === "home"}>
+        Home
+      </BreadcrumbItem>
+      <BreadcrumbItem key="music" isCurrent={currentPage === "music"}>
+        Music
+      </BreadcrumbItem>
+      <BreadcrumbItem key="artist" isCurrent={currentPage === "artist"}>
+        Artist
+      </BreadcrumbItem>
+      <BreadcrumbItem key="album" isCurrent={currentPage === "album"}>
+        Album
+      </BreadcrumbItem>
+      <BreadcrumbItem key="song" isDisabled isCurrent={currentPage === "song"}>
+        Song
+      </BreadcrumbItem>
+    </Breadcrumbs>
+  );
+};
+
+const WithStartContentTemplate = (args: BreadcrumbsProps & {page: number}) => (
+  <Breadcrumbs {...args}>
+    <BreadcrumbItem
+      href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:1"
+      startContent={<PetBoldIcon />}
+    >
+      Home
+    </BreadcrumbItem>
+    <BreadcrumbItem
+      href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:2"
+      startContent={<HeadphonesIcon />}
+    >
+      Music
+    </BreadcrumbItem>
+    <BreadcrumbItem
+      href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:3"
+      startContent={<InfoIcon />}
+    >
+      Artist
+    </BreadcrumbItem>
+    <BreadcrumbItem
+      href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:4"
+      startContent={<CheckIcon />}
+    >
+      Album
+    </BreadcrumbItem>
+    <BreadcrumbItem
+      href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:5"
+      startContent={<MailFilledIcon />}
+    >
+      Song
+    </BreadcrumbItem>
+  </Breadcrumbs>
+);
+
+const WithEndContentTemplate = (args: BreadcrumbsProps & {page: number}) => (
+  <Breadcrumbs {...args}>
+    <BreadcrumbItem
+      endContent={<PetBoldIcon />}
+      href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:1"
+    >
+      Home
+    </BreadcrumbItem>
+    <BreadcrumbItem
+      endContent={<HeadphonesIcon />}
+      href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:2"
+    >
+      Music
+    </BreadcrumbItem>
+    <BreadcrumbItem
+      endContent={<InfoIcon />}
+      href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:3"
+    >
+      Artist
+    </BreadcrumbItem>
+    <BreadcrumbItem
+      endContent={<CheckIcon />}
+      href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:4"
+    >
+      Album
+    </BreadcrumbItem>
+    <BreadcrumbItem
+      endContent={<MailFilledIcon />}
+      href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:5"
+    >
+      Song
+    </BreadcrumbItem>
+  </Breadcrumbs>
+);
+
+const WithDropdownEllipsisTemplate = (args: BreadcrumbsProps & {page: number}) => (
+  <Breadcrumbs
+    {...args}
+    renderEllipsis={({items, ellipsisIcon, separator}) => (
+      <div className="flex items-center">
+        <Dropdown>
+          <DropdownTrigger>
+            <Button isIconOnly className="min-w-unit-6 w-unit-6 h-unit-6" size="sm" variant="flat">
+              {ellipsisIcon}
+            </Button>
+          </DropdownTrigger>
+          <DropdownMenu aria-label="Routes">
+            {items.map((item, index) => (
+              <DropdownItem key={index} href={item.href}>
+                {item.children}
+              </DropdownItem>
+            ))}
+          </DropdownMenu>
+        </Dropdown>
+        {separator}
+      </div>
+    )}
+  >
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:1">
+      Electronics
+    </BreadcrumbItem>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:2">
+      GPS
+    </BreadcrumbItem>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:3">
+      Finders
+    </BreadcrumbItem>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:4">
+      Accessories
+    </BreadcrumbItem>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:5">
+      Bluetooth
+    </BreadcrumbItem>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:6">
+      Remote Controls
+    </BreadcrumbItem>
+  </Breadcrumbs>
+);
+
+const WithDropdownItemTemplate = (args: BreadcrumbsProps & {page: number}) => {
+  const sizeMap = {
+    sm: "text-tiny",
+    md: "text-small",
+    lg: "text-medium",
+  };
+
+  return (
+    <Breadcrumbs
+      {...args}
+      itemClasses={{
+        item: "px-2",
+        separator: "px-0",
+      }}
+    >
+      <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:1">
+        Home
+      </BreadcrumbItem>
+      <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:2">
+        Music
+      </BreadcrumbItem>
+      <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:3">
+        Artist
+      </BreadcrumbItem>
+      <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:4">
+        Album
+      </BreadcrumbItem>
+      <BreadcrumbItem
+        classNames={{
+          item: "px-0",
+        }}
+        href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:5"
+      >
+        <Dropdown>
+          <DropdownTrigger>
+            <Button
+              className={clsx("h-6 pr-2", args.size && sizeMap[args.size])}
+              endContent={<ChevronDownIcon className="text-default-500" />}
+              radius="full"
+              size="sm"
+              variant="light"
+            >
+              Songs
+            </Button>
+          </DropdownTrigger>
+          <DropdownMenu aria-label="Routes">
+            <DropdownItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:1">
+              Song 1
+            </DropdownItem>
+            <DropdownItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:2">
+              Song 2
+            </DropdownItem>
+            <DropdownItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:3">
+              Song 3
+            </DropdownItem>
+          </DropdownMenu>
+        </Dropdown>
+      </BreadcrumbItem>
+    </Breadcrumbs>
+  );
+};
+
+const CustomStylesTemplate = (args: BreadcrumbsProps & {page: number}) => (
+  <Breadcrumbs
+    {...args}
+    classNames={{
+      list: "bg-gradient-to-br from-violet-500 to-fuchsia-500 shadow-small",
+    }}
+    itemClasses={{
+      item: "text-white/60 data-[current=true]:text-white",
+      separator: "text-white/40",
+    }}
+    variant="solid"
+  >
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:1">
+      <Tooltip content="Shopping Cart" size="sm">
+        <ShoppingCartBoldIcon />
+      </Tooltip>
+    </BreadcrumbItem>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:2">
+      Checkout
+    </BreadcrumbItem>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:3">
+      Payment
+    </BreadcrumbItem>
+    <BreadcrumbItem href="http://localhost:6006/?path=/story/components-breadcrumbs--default&args=page:4">
+      Delivery Address
+    </BreadcrumbItem>
+  </Breadcrumbs>
+);
+
+export const Default = {
+  render: Template,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const CustomSeparator = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    itemClasses: {
+      separator: "px-2",
+    },
+    separator: "/",
+  },
+};
+
+export const ControlledCurrentItem = {
+  render: ControlledTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const MenuType = {
+  render: MenuTypeTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const WithStartContent = {
+  render: WithStartContentTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const WithEndContent = {
+  render: WithEndContentTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const WithMaxItems = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    maxItems: 3,
+  },
+};
+
+export const WithDropdownEllipsis = {
+  render: WithDropdownEllipsisTemplate,
+  args: {
+    ...defaultProps,
+    maxItems: 3,
+  },
+};
+
+export const WithItemsBeforeCollapse = {
+  render: WithDropdownEllipsisTemplate,
+  args: {
+    ...defaultProps,
+    maxItems: 3,
+    itemsBeforeCollapse: 2,
+    itemsAfterCollapse: 1,
+  },
+};
+
+export const WithDropdownItem = {
+  render: WithDropdownItemTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const CustomStyles = {
+  render: CustomStylesTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
diff --git a/packages/components/breadcrumbs/tsconfig.json b/packages/components/breadcrumbs/tsconfig.json
new file mode 100644
index 000000000..5d012f6e6
--- /dev/null
+++ b/packages/components/breadcrumbs/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "tailwind-variants": ["../../../node_modules/tailwind-variants"]
+    },
+  },
+  "include": ["src", "index.ts"]
+}
diff --git a/packages/components/breadcrumbs/tsup.config.ts b/packages/components/breadcrumbs/tsup.config.ts
new file mode 100644
index 000000000..3e2bcff6c
--- /dev/null
+++ b/packages/components/breadcrumbs/tsup.config.ts
@@ -0,0 +1,8 @@
+import {defineConfig} from "tsup";
+
+export default defineConfig({
+  clean: true,
+  target: "es2019",
+  format: ["cjs", "esm"],
+  banner: {js: '"use client";'},
+});
diff --git a/packages/components/button/package.json b/packages/components/button/package.json
index 3ead5887a..b5a6f1d45 100644
--- a/packages/components/button/package.json
+++ b/packages/components/button/package.json
@@ -36,27 +36,30 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "framer-motion": ">=4.0.0"
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/system": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/use-aria-button": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/ripple": "workspace:*",
     "@nextui-org/spinner": "workspace:*",
-    "@react-aria/button": "^3.8.2",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-aria/focus": "^3.14.1",
-    "@react-types/shared": "^3.20.0",
-    "@react-types/button": "^3.8.0"
+    "@react-aria/button": "^3.8.4",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/focus": "^3.14.3",
+    "@react-types/shared": "^3.21.0",
+    "@react-types/button": "^3.9.0"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/button/src/button.tsx b/packages/components/button/src/button.tsx
index e99569ea8..f70a14574 100644
--- a/packages/components/button/src/button.tsx
+++ b/packages/components/button/src/button.tsx
@@ -21,13 +21,14 @@ const Button = forwardRef<"button", ButtonProps>((props, ref) => {
     disableRipple,
     getButtonProps,
     getRippleProps,
+    isIconOnly,
   } = useButton({...props, ref});
 
   return (
     <Component ref={domRef} className={styles} {...getButtonProps()}>
       {startContent}
       {isLoading && spinnerPlacement === "start" && spinner}
-      {children}
+      {isLoading && isIconOnly ? null : children}
       {isLoading && spinnerPlacement === "end" && spinner}
       {endContent}
       {!disableRipple && <Ripple {...getRippleProps()} />}
diff --git a/packages/components/button/src/use-button.ts b/packages/components/button/src/use-button.ts
index aa2a275b7..1d0943227 100644
--- a/packages/components/button/src/use-button.ts
+++ b/packages/components/button/src/use-button.ts
@@ -229,6 +229,7 @@ export function useButton(props: UseButtonProps) {
     disableRipple,
     getButtonProps,
     getRippleProps,
+    isIconOnly,
   };
 }
 
diff --git a/packages/components/button/stories/button.stories.tsx b/packages/components/button/stories/button.stories.tsx
index cd7ee9b97..2478bd43f 100644
--- a/packages/components/button/stories/button.stories.tsx
+++ b/packages/components/button/stories/button.stories.tsx
@@ -71,12 +71,14 @@ const defaultProps = {
 const StateTemplate = (args: ButtonProps) => {
   const [isOpen, setIsOpen] = React.useState(false);
 
-  const handleClick = () => {
+  const handlePress = () => {
+    // eslint-disable-next-line no-console
+    console.log("Pressed");
     setIsOpen((prev) => !prev);
   };
 
   return (
-    <Button {...args} aria-label="Open" aria-pressed={isOpen} onPress={handleClick}>
+    <Button {...args} aria-label="Open" aria-pressed={isOpen} onPress={handlePress}>
       {isOpen ? "Close" : "Open"}
     </Button>
   );
diff --git a/packages/components/card/package.json b/packages/components/card/package.json
index 76c7e364d..886787f03 100644
--- a/packages/components/card/package.json
+++ b/packages/components/card/package.json
@@ -36,29 +36,32 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "framer-motion": ">=4.0.0"
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/theme": "workspace:*",
-    "@nextui-org/system": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/use-aria-button": "workspace:*",
     "@nextui-org/ripple": "workspace:*",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/utils": "^3.20.0",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/button": "^3.8.2",
-    "@react-types/shared": "^3.20.0"
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/button": "^3.8.4",
+    "@react-types/shared": "^3.21.0"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/code": "workspace:*",
     "@nextui-org/link": "workspace:*",
     "@nextui-org/button": "workspace:*",
     "@nextui-org/avatar": "workspace:*",
     "@nextui-org/image": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/checkbox/package.json b/packages/components/checkbox/package.json
index ba8ef96ef..14951b018 100644
--- a/packages/components/checkbox/package.json
+++ b/packages/components/checkbox/package.json
@@ -35,30 +35,34 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/system": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
-    "@react-aria/checkbox": "^3.11.0",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/visually-hidden": "^3.8.4",
-    "@react-stately/checkbox": "^3.5.0",
-    "@react-stately/toggle": "^3.6.2",
-    "@react-aria/utils": "^3.20.0",
-    "@react-types/checkbox": "^3.5.1",
-    "@react-types/shared": "^3.20.0"
+    "@nextui-org/use-aria-press": "workspace:*",
+    "@react-aria/checkbox": "^3.11.2",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/visually-hidden": "^3.8.6",
+    "@react-stately/checkbox": "^3.5.1",
+    "@react-stately/toggle": "^3.6.3",
+    "@react-aria/utils": "^3.21.1",
+    "@react-types/checkbox": "^3.5.2",
+    "@react-types/shared": "^3.21.0"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/chip": "workspace:*",
     "@nextui-org/user": "workspace:*",
     "@nextui-org/link": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/checkbox/src/use-checkbox.ts b/packages/components/checkbox/src/use-checkbox.ts
index f027380de..77b769761 100644
--- a/packages/components/checkbox/src/use-checkbox.ts
+++ b/packages/components/checkbox/src/use-checkbox.ts
@@ -6,7 +6,8 @@ import {ReactNode, Ref, useCallback, useId, useState} from "react";
 import {useMemo, useRef} from "react";
 import {useToggleState} from "@react-stately/toggle";
 import {checkbox} from "@nextui-org/theme";
-import {useHover, usePress} from "@react-aria/interactions";
+import {useHover} from "@react-aria/interactions";
+import {usePress} from "@nextui-org/use-aria-press";
 import {useFocusRing} from "@react-aria/focus";
 import {chain, mergeProps} from "@react-aria/utils";
 import {useFocusableRef} from "@nextui-org/react-utils";
diff --git a/packages/components/chip/package.json b/packages/components/chip/package.json
index 706e8b9ab..45154a0c9 100644
--- a/packages/components/chip/package.json
+++ b/packages/components/chip/package.json
@@ -35,23 +35,27 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-types/checkbox": "^3.5.1"
+    "@nextui-org/use-aria-press": "workspace:*",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-types/checkbox": "^3.5.2"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/avatar": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/chip/src/use-chip.ts b/packages/components/chip/src/use-chip.ts
index 63d34f484..2a7e2d11d 100644
--- a/packages/components/chip/src/use-chip.ts
+++ b/packages/components/chip/src/use-chip.ts
@@ -3,7 +3,7 @@ import type {ReactNode} from "react";
 
 import {HTMLNextUIProps, mapPropsVariants, PropGetter} from "@nextui-org/system";
 import {mergeProps} from "@react-aria/utils";
-import {usePress} from "@react-aria/interactions";
+import {usePress} from "@nextui-org/use-aria-press";
 import {useFocusRing} from "@react-aria/focus";
 import {chip} from "@nextui-org/theme";
 import {useDOMRef} from "@nextui-org/react-utils";
diff --git a/packages/components/code/package.json b/packages/components/code/package.json
index 92f3bb465..0b1bf6d9c 100644
--- a/packages/components/code/package.json
+++ b/packages/components/code/package.json
@@ -35,17 +35,19 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/divider/package.json b/packages/components/divider/package.json
index b4fd1b204..9b4eeb8b8 100644
--- a/packages/components/divider/package.json
+++ b/packages/components/divider/package.json
@@ -35,18 +35,20 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-rsc-utils": "workspace:*",
     "@nextui-org/system-rsc": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
-    "@react-types/shared": "^3.20.0"
+    "@react-types/shared": "^3.21.0"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/dropdown/package.json b/packages/components/dropdown/package.json
index 3032007d4..35fbc0afb 100644
--- a/packages/components/dropdown/package.json
+++ b/packages/components/dropdown/package.json
@@ -36,29 +36,32 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "framer-motion": ">=4.0.0"
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/menu": "workspace:*",
     "@nextui-org/popover": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
-    "@react-aria/menu": "^3.10.2",
-    "@react-aria/utils": "^3.20.0",
-    "@react-stately/menu": "^3.5.5",
-    "@react-aria/focus": "^3.14.1",
-    "@react-types/menu": "^3.9.4"
+    "@react-aria/menu": "^3.11.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-stately/menu": "^3.5.6",
+    "@react-aria/focus": "^3.14.3",
+    "@react-types/menu": "^3.9.5"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/button": "workspace:*",
     "@nextui-org/avatar": "workspace:*",
     "@nextui-org/user": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
-    "framer-motion": "^10.15.1",
+    "framer-motion": "^10.16.4",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/dropdown/src/dropdown-menu.tsx b/packages/components/dropdown/src/dropdown-menu.tsx
index 636639ab8..db3811bd6 100644
--- a/packages/components/dropdown/src/dropdown-menu.tsx
+++ b/packages/components/dropdown/src/dropdown-menu.tsx
@@ -2,23 +2,29 @@ import {PopoverContent} from "@nextui-org/popover";
 import {FocusScope} from "@react-aria/focus";
 import {forwardRef} from "@nextui-org/system";
 import {Menu, MenuProps} from "@nextui-org/menu";
+import {ForwardedRef, ReactElement, Ref} from "react";
 
 import {useDropdownContext} from "./dropdown-context";
 
-export interface DropdownMenuProps extends Omit<MenuProps, "menuProps"> {}
+interface Props<T> extends Omit<MenuProps<T>, "menuProps"> {}
 
-const DropdownMenu = forwardRef<"ul", DropdownMenuProps>((props, ref) => {
+function DropdownMenu<T extends object>(props: Props<T>, ref: ForwardedRef<HTMLUListElement>) {
   const {getMenuProps} = useDropdownContext();
 
   return (
     <PopoverContent>
       <FocusScope contain restoreFocus>
-        <Menu {...getMenuProps(props, ref)} />
+        <Menu {...getMenuProps<T>(props, ref)} />
       </FocusScope>
     </PopoverContent>
   );
-});
+}
+
+export type DropdownMenuProps<T = object> = Props<T> & {ref?: Ref<HTMLElement>};
+
+// forwardRef doesn't support generic parameters, so cast the result to the correct type
+export default forwardRef(DropdownMenu) as <T = object>(
+  props: DropdownMenuProps<T>,
+) => ReactElement;
 
 DropdownMenu.displayName = "NextUI.DropdownMenu";
-
-export default DropdownMenu;
diff --git a/packages/components/dropdown/src/use-dropdown.ts b/packages/components/dropdown/src/use-dropdown.ts
index ca73dd5ac..8cf0ce8f8 100644
--- a/packages/components/dropdown/src/use-dropdown.ts
+++ b/packages/components/dropdown/src/use-dropdown.ts
@@ -114,8 +114,7 @@ export function useDropdown(props: UseDropdownProps) {
     classNames: {
       ...classNamesProp,
       ...props.classNames,
-      base: clsx(classNames, classNamesProp?.base, props.className),
-      arrow: clsx(classNamesProp?.arrow),
+      content: clsx(classNames, classNamesProp?.content, props.className),
     },
   });
 
@@ -133,7 +132,10 @@ export function useDropdown(props: UseDropdownProps) {
     };
   };
 
-  const getMenuProps = (props?: Partial<MenuProps>, _ref: Ref<any> | null | undefined = null) => {
+  const getMenuProps = <T>(
+    props?: Partial<MenuProps<T>>,
+    _ref: Ref<any> | null | undefined = null,
+  ) => {
     return {
       ref: mergeRefs(_ref, menuRef),
       menuProps,
diff --git a/packages/components/dropdown/stories/dropdown.stories.tsx b/packages/components/dropdown/stories/dropdown.stories.tsx
index 6491f8c6f..8082f4915 100644
--- a/packages/components/dropdown/stories/dropdown.stories.tsx
+++ b/packages/components/dropdown/stories/dropdown.stories.tsx
@@ -113,6 +113,25 @@ const defaultProps = {
   disableAnimation: false,
 };
 
+const items = [
+  {
+    key: "new",
+    label: "New file",
+  },
+  {
+    key: "copy",
+    label: "Copy link",
+  },
+  {
+    key: "edit",
+    label: "Edit file",
+  },
+  {
+    key: "delete",
+    label: "Delete file",
+  },
+];
+
 const Template = ({color, variant, ...args}: DropdownProps & DropdownMenuProps) => (
   <Dropdown {...args}>
     <DropdownTrigger>
@@ -129,6 +148,31 @@ const Template = ({color, variant, ...args}: DropdownProps & DropdownMenuProps)
   </Dropdown>
 );
 
+const DynamicTemplate = ({color, variant, ...args}: DropdownProps & DropdownMenuProps) => (
+  <Dropdown {...args}>
+    <DropdownTrigger>
+      <Button>Trigger</Button>
+    </DropdownTrigger>
+    <DropdownMenu
+      aria-label="Actions"
+      color={color}
+      items={items}
+      variant={variant}
+      onAction={alert}
+    >
+      {(item) => (
+        <DropdownItem
+          key={item.key}
+          className={item.key === "delete" ? "text-danger" : ""}
+          color={item.key === "delete" ? "danger" : "default"}
+        >
+          {item.label}
+        </DropdownItem>
+      )}
+    </DropdownMenu>
+  </Dropdown>
+);
+
 const DividerTemplate = ({color, variant, ...args}: DropdownProps & DropdownMenuProps) => (
   <Dropdown {...args}>
     <DropdownTrigger>
@@ -533,6 +577,14 @@ export const Default = {
   },
 };
 
+export const Dynamic = {
+  render: DynamicTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
 export const WithArrow = {
   render: Template,
 
diff --git a/packages/components/image/package.json b/packages/components/image/package.json
index d925540fa..9bf8f69ba 100644
--- a/packages/components/image/package.json
+++ b/packages/components/image/package.json
@@ -35,18 +35,21 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/use-image": "workspace:*"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/input/package.json b/packages/components/input/package.json
index 8de439d81..844be8b4d 100644
--- a/packages/components/input/package.json
+++ b/packages/components/input/package.json
@@ -35,26 +35,29 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/textfield": "^3.12.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-stately/utils": "^3.7.0",
-    "@react-types/shared": "^3.20.0",
-    "@react-types/textfield": "^3.8.0",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/textfield": "^3.12.2",
+    "@react-aria/utils": "^3.21.1",
+    "@react-stately/utils": "^3.8.0",
+    "@react-types/shared": "^3.21.0",
+    "@react-types/textfield": "^3.8.1",
     "react-textarea-autosize": "^8.5.2"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/input/src/input.tsx b/packages/components/input/src/input.tsx
index 63385e4f5..b9f577e1b 100644
--- a/packages/components/input/src/input.tsx
+++ b/packages/components/input/src/input.tsx
@@ -4,7 +4,7 @@ import {forwardRef} from "@nextui-org/system";
 
 import {UseInputProps, useInput} from "./use-input";
 
-export interface InputProps extends Omit<UseInputProps, "isLabelPlaceholder" | "isMultiline"> {}
+export interface InputProps extends Omit<UseInputProps, "isMultiline"> {}
 
 const Input = forwardRef<"input", InputProps>((props, ref) => {
   const {
@@ -15,7 +15,6 @@ const Input = forwardRef<"input", InputProps>((props, ref) => {
     startContent,
     endContent,
     labelPlacement,
-    hasPlaceholder,
     hasHelper,
     isLabelOutside,
     isLabelOutsideAsPlaceholder,
@@ -75,7 +74,11 @@ const Input = forwardRef<"input", InputProps>((props, ref) => {
       );
     }
 
-    return <input {...getInputProps()} />;
+    return (
+      <div {...getInnerWrapperProps()}>
+        <input {...getInputProps()} />
+      </div>
+    );
   }, [startContent, end, getInputProps, getInnerWrapperProps]);
 
   const mainWrapper = useMemo(() => {
@@ -105,7 +108,6 @@ const Input = forwardRef<"input", InputProps>((props, ref) => {
     helperWrapper,
     shouldLabelBeOutside,
     isLabelOutsideAsPlaceholder,
-    hasPlaceholder,
     labelContent,
     innerWrapper,
     errorMessage,
diff --git a/packages/components/input/src/textarea.tsx b/packages/components/input/src/textarea.tsx
index 54d685735..3fbb47db4 100644
--- a/packages/components/input/src/textarea.tsx
+++ b/packages/components/input/src/textarea.tsx
@@ -1,5 +1,7 @@
+import {dataAttr} from "@nextui-org/shared-utils";
 import {forwardRef} from "@nextui-org/system";
 import {mergeProps} from "@react-aria/utils";
+import {useState} from "react";
 import TextareaAutosize from "react-textarea-autosize";
 
 import {UseInputProps, useInput} from "./use-input";
@@ -25,6 +27,11 @@ export type TextareaHeightChangeMeta = {
 };
 
 export interface TextAreaProps extends Omit<UseInputProps, OmittedInputProps> {
+  /**
+   * Whether the textarea should automatically grow vertically to accomodate content.
+   * @default false
+   */
+  disableAutosize?: boolean;
   /**
    * Minimum number of rows to show for textarea
    * @default 3
@@ -53,7 +60,15 @@ export interface TextAreaProps extends Omit<UseInputProps, OmittedInputProps> {
 
 const Textarea = forwardRef<"textarea", TextAreaProps>(
   (
-    {style, minRows = 3, maxRows = 8, cacheMeasurements = false, onHeightChange, ...otherProps},
+    {
+      style,
+      minRows = 3,
+      maxRows = 8,
+      cacheMeasurements = false,
+      disableAutosize = false,
+      onHeightChange,
+      ...otherProps
+    },
     ref,
   ) => {
     const {
@@ -72,22 +87,40 @@ const Textarea = forwardRef<"textarea", TextAreaProps>(
       getErrorMessageProps,
     } = useInput<HTMLTextAreaElement>({...otherProps, ref, isMultiline: true});
 
+    const [isLimitReached, setIsLimitReached] = useState(false);
     const labelContent = <label {...getLabelProps()}>{label}</label>;
     const inputProps = getInputProps();
 
+    const handleHeightChange = (height: number, meta: TextareaHeightChangeMeta) => {
+      if (maxRows > minRows) {
+        const limitReached = height >= maxRows * meta.rowHeight;
+
+        setIsLimitReached(limitReached);
+      }
+
+      onHeightChange?.(height, meta);
+    };
+
+    const content = disableAutosize ? (
+      <textarea {...inputProps} style={mergeProps(inputProps.style, style ?? {})} />
+    ) : (
+      <TextareaAutosize
+        {...inputProps}
+        cacheMeasurements={cacheMeasurements}
+        data-hide-scroll={dataAttr(!isLimitReached)}
+        maxRows={maxRows}
+        minRows={minRows}
+        style={mergeProps(inputProps.style as TextareaAutoSizeStyle, style ?? {})}
+        onHeightChange={handleHeightChange}
+      />
+    );
+
     return (
       <Component {...getBaseProps()}>
         {shouldLabelBeOutside ? labelContent : null}
         <div {...getInputWrapperProps()}>
           {shouldLabelBeInside ? labelContent : null}
-          <TextareaAutosize
-            {...inputProps}
-            cacheMeasurements={cacheMeasurements}
-            maxRows={maxRows}
-            minRows={minRows}
-            style={mergeProps(inputProps.style as TextareaAutoSizeStyle, style ?? {})}
-            onHeightChange={onHeightChange}
-          />
+          {content}
         </div>
         <div {...getHelperWrapperProps()}>
           {errorMessage ? (
diff --git a/packages/components/input/src/use-input.ts b/packages/components/input/src/use-input.ts
index 0ac15d22f..bd988a3b9 100644
--- a/packages/components/input/src/use-input.ts
+++ b/packages/components/input/src/use-input.ts
@@ -18,6 +18,21 @@ export interface Props<T extends HTMLInputElement | HTMLTextAreaElement = HTMLIn
    * Ref to the DOM node.
    */
   ref?: Ref<T>;
+  /**
+   * Ref to the container DOM node.
+   */
+  baseRef?: Ref<HTMLDivElement>;
+  /**
+   * Ref to the input wrapper DOM node.
+   * This is the element that wraps the input label and the innerWrapper when the labelPlacement="inside"
+   * and the input has start/end content.
+   */
+  wrapperRef?: Ref<HTMLDivElement>;
+  /**
+   * Ref to the input inner wrapper DOM node.
+   * This is the element that wraps the input and the start/end content when passed.
+   */
+  innerWrapperRef?: Ref<HTMLDivElement>;
   /**
    * Element to be rendered in the left side of the input.
    */
@@ -73,6 +88,8 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
     ref,
     as,
     label,
+    baseRef,
+    wrapperRef,
     description,
     errorMessage,
     className,
@@ -83,6 +100,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
     onClear,
     onChange,
     validationState,
+    innerWrapperRef: innerWrapperRefProp,
     onValueChange = () => {},
     ...otherProps
   } = props;
@@ -99,6 +117,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
     props.defaultValue,
     handleValueChange,
   );
+
   const [isFocusWithin, setFocusWithin] = useState(false);
 
   const Component = as || "div";
@@ -109,6 +128,9 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
   const isMultiline = originalProps.isMultiline;
 
   const domRef = useDOMRef<T>(ref);
+  const baseDomRef = useDOMRef<HTMLDivElement>(baseRef);
+  const inputWrapperRef = useDOMRef<HTMLDivElement>(wrapperRef);
+  const innerWrapperRef = useDOMRef<HTMLDivElement>(innerWrapperRefProp);
 
   const handleClear = useCallback(() => {
     setInputValue("");
@@ -162,16 +184,17 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
     return originalProps.labelPlacement ?? "inside";
   }, [originalProps.labelPlacement, label]);
 
-  const isLabelPlaceholder =
-    !props.placeholder && labelPlacement !== "outside-left" && !isMultiline;
-
   const isClearable = !!onClear || originalProps.isClearable;
   const hasElements = !!label || !!description || !!errorMessage;
   const hasPlaceholder = !!props.placeholder;
+  const hasLabel = !!label;
   const hasHelper = !!description || !!errorMessage;
-
   const shouldLabelBeOutside = labelPlacement === "outside" || labelPlacement === "outside-left";
   const shouldLabelBeInside = labelPlacement === "inside";
+  const isPlaceholderShown = domRef.current
+    ? (!domRef.current.value || domRef.current.value === "" || !inputValue || inputValue === "") &&
+      hasPlaceholder
+    : false;
 
   const hasStartContent = !!startContent;
   const isLabelOutside = shouldLabelBeOutside
@@ -189,24 +212,22 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
         isInvalid,
         isClearable,
         labelPlacement,
-        isLabelPlaceholder: isLabelPlaceholder && !hasStartContent,
       }),
-    [
-      ...Object.values(variantProps),
-      isInvalid,
-      labelPlacement,
-      isClearable,
-      isLabelPlaceholder,
-      hasStartContent,
-    ],
+    [...Object.values(variantProps), isInvalid, labelPlacement, isClearable, hasStartContent],
   );
 
   const getBaseProps: PropGetter = useCallback(
     (props = {}) => {
       return {
+        ref: baseDomRef,
         className: slots.base({class: baseStyles}),
-        "data-filled": dataAttr(isFilled),
-        "data-filled-within": dataAttr(isFilledWithin),
+        "data-slot": "base",
+        "data-filled": dataAttr(
+          isFilled || hasPlaceholder || hasStartContent || isPlaceholderShown,
+        ),
+        "data-filled-within": dataAttr(
+          isFilledWithin || hasPlaceholder || hasStartContent || isPlaceholderShown,
+        ),
         "data-focus-within": dataAttr(isFocusWithin),
         "data-focus-visible": dataAttr(isFocusVisible),
         "data-readonly": dataAttr(originalProps.isReadOnly),
@@ -217,6 +238,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
         "data-disabled": dataAttr(originalProps.isDisabled),
         "data-has-elements": dataAttr(hasElements),
         "data-has-helper": dataAttr(hasHelper),
+        "data-has-label": dataAttr(hasLabel),
         ...focusWithinProps,
         ...props,
       };
@@ -229,10 +251,14 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
       isHovered,
       isInvalid,
       hasHelper,
+      hasLabel,
       hasElements,
+      isPlaceholderShown,
+      hasStartContent,
       isFocusWithin,
       isFocusVisible,
       isFilledWithin,
+      hasPlaceholder,
       focusWithinProps,
       originalProps.isReadOnly,
       originalProps.isRequired,
@@ -243,6 +269,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
   const getLabelProps: PropGetter = useCallback(
     (props = {}) => {
       return {
+        "data-slot": "label",
         className: slots.label({class: classNames?.label}),
         ...labelProps,
         ...props,
@@ -255,8 +282,11 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
     (props = {}) => {
       return {
         ref: domRef,
+        "data-slot": "input",
         "data-filled": dataAttr(isFilled),
         "data-filled-within": dataAttr(isFilledWithin),
+        "data-has-start-content": dataAttr(hasStartContent),
+        "data-has-end-content": dataAttr(!!endContent),
         className: slots.input({class: clsx(classNames?.input, !!inputValue ? "is-filled" : "")}),
         ...mergeProps(
           focusProps,
@@ -282,6 +312,8 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
       otherProps,
       isFilled,
       isFilledWithin,
+      hasStartContent,
+      endContent,
       classNames?.input,
       originalProps.isReadOnly,
       originalProps.isRequired,
@@ -292,18 +324,20 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
   const getInputWrapperProps: PropGetter = useCallback(
     (props = {}) => {
       return {
+        ref: inputWrapperRef,
+        "data-slot": "input-wrapper",
         "data-hover": dataAttr(isHovered),
         "data-focus-visible": dataAttr(isFocusVisible),
         "data-focus": dataAttr(isFocused),
         className: slots.inputWrapper({
           class: clsx(classNames?.inputWrapper, !!inputValue ? "is-filled" : ""),
         }),
-        onClick: (e: React.MouseEvent) => {
-          if (e.target === e.currentTarget) {
-            domRef.current?.focus();
+        ...mergeProps(props, hoverProps),
+        onClick: (e) => {
+          if (domRef.current && e.currentTarget === e.target) {
+            domRef.current.focus();
           }
         },
-        ...mergeProps(props, hoverProps),
         style: {
           cursor: "text",
           ...props.style,
@@ -317,6 +351,13 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
     (props = {}) => {
       return {
         ...props,
+        ref: innerWrapperRef,
+        "data-slot": "inner-wrapper",
+        onClick: (e) => {
+          if (domRef.current && e.currentTarget === e.target) {
+            domRef.current.focus();
+          }
+        },
         className: slots.innerWrapper({
           class: clsx(classNames?.innerWrapper, props?.className),
         }),
@@ -329,6 +370,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
     (props = {}) => {
       return {
         ...props,
+        "data-slot": "main-wrapper",
         className: slots.mainWrapper({
           class: clsx(classNames?.mainWrapper, props?.className),
         }),
@@ -341,6 +383,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
     (props = {}) => {
       return {
         ...props,
+        "data-slot": "helper-wrapper",
         className: slots.helperWrapper({
           class: clsx(classNames?.helperWrapper, props?.className),
         }),
@@ -354,6 +397,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
       return {
         ...props,
         ...descriptionProps,
+        "data-slot": "description",
         className: slots.description({class: clsx(classNames?.description, props?.className)}),
       };
     },
@@ -365,6 +409,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
       return {
         ...props,
         ...errorMessageProps,
+        "data-slot": "error-message",
         className: slots.errorMessage({class: clsx(classNames?.errorMessage, props?.className)}),
       };
     },
@@ -377,6 +422,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
         ...props,
         role: "button",
         tabIndex: 0,
+        "data-slot": "clear-button",
         "data-focus-visible": dataAttr(isClearButtonFocusVisible),
         className: slots.clearButton({class: clsx(classNames?.clearButton, props?.className)}),
         ...mergeProps(clearPressProps, clearFocusProps),
diff --git a/packages/components/input/stories/input.stories.tsx b/packages/components/input/stories/input.stories.tsx
index b2d0d5440..af7e89186 100644
--- a/packages/components/input/stories/input.stories.tsx
+++ b/packages/components/input/stories/input.stories.tsx
@@ -347,6 +347,7 @@ const CustomWithClassNamesTemplate = (args) => (
           </kbd>
         </div>
       }
+      labelPlacement="outside"
       placeholder="Quick search..."
       startContent={
         <SearchIcon className="text-xl text-slate-400 pointer-events-none flex-shrink-0" />
@@ -619,7 +620,7 @@ export const CustomWithHooks = {
     type: "search",
     placeholder: "Type to search...",
     startContent: (
-      <SearchIcon className="text-black/50 dark:text-white/90 text-slate-400 pointer-events-none flex-shrink-0" />
+      <SearchIcon className="text-black/50 mb-0.5 dark:text-white/90 text-slate-400 pointer-events-none flex-shrink-0" />
     ),
   },
 };
diff --git a/packages/components/input/stories/textarea.stories.tsx b/packages/components/input/stories/textarea.stories.tsx
index efd6ef992..186bbf4b1 100644
--- a/packages/components/input/stories/textarea.stories.tsx
+++ b/packages/components/input/stories/textarea.stories.tsx
@@ -38,6 +38,11 @@ export default {
       },
       options: ["inside", "outside", "outside-left"],
     },
+    disableAutosize: {
+      control: {
+        type: "boolean",
+      },
+    },
     isDisabled: {
       control: {
         type: "boolean",
@@ -55,6 +60,7 @@ export default {
 
 const defaultProps = {
   ...input.defaultVariants,
+  disableAutosize: false,
   label: "Description",
   placeholder: "Enter your description",
 };
diff --git a/packages/components/kbd/package.json b/packages/components/kbd/package.json
index 3370688c1..f509c1085 100644
--- a/packages/components/kbd/package.json
+++ b/packages/components/kbd/package.json
@@ -35,18 +35,20 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@react-aria/utils": "^3.20.0"
+    "@react-aria/utils": "^3.21.1"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/link/package.json b/packages/components/link/package.json
index 8cca9dcfb..3d37efc71 100644
--- a/packages/components/link/package.json
+++ b/packages/components/link/package.json
@@ -35,23 +35,26 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/use-aria-link": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
-    "@react-aria/link": "^3.5.4",
-    "@react-aria/utils": "^3.20.0",
-    "@react-aria/focus": "^3.14.1",
-    "@react-types/link": "^3.4.5"
+    "@react-aria/link": "^3.6.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/focus": "^3.14.3",
+    "@react-types/link": "^3.5.1"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/listbox/package.json b/packages/components/listbox/package.json
index 715b040e2..d14acdcad 100644
--- a/packages/components/listbox/package.json
+++ b/packages/components/listbox/package.json
@@ -35,28 +35,36 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/divider": "workspace:*",
     "@nextui-org/aria-utils": "workspace:*",
     "@nextui-org/use-is-mobile": "workspace:*",
-    "@react-aria/utils": "^3.20.0",
-    "@react-aria/listbox": "^3.10.2",
-    "@react-stately/list": "^3.9.2",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-types/menu": "^3.9.4",
-    "@react-types/shared": "^3.20.0"
+    "@nextui-org/use-aria-press": "workspace:*",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/listbox": "^3.11.1",
+    "@react-stately/list": "^3.10.0",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-types/menu": "^3.9.5",
+    "@react-types/shared": "^3.21.0"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "clean-package": "2.2.0",
     "@nextui-org/shared-icons": "workspace:*",
-    "react": "^18.0.0"
+    "@nextui-org/stories-utils": "workspace:*",
+    "@nextui-org/scroll-shadow": "workspace:*",
+    "@nextui-org/chip": "workspace:*",
+    "@nextui-org/avatar": "workspace:*",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/listbox/src/base/listbox-item-base.tsx b/packages/components/listbox/src/base/listbox-item-base.tsx
index 6e545b777..d3d68d6c6 100644
--- a/packages/components/listbox/src/base/listbox-item-base.tsx
+++ b/packages/components/listbox/src/base/listbox-item-base.tsx
@@ -47,6 +47,11 @@ interface Props<T extends object = {}> extends Omit<ItemProps<"li", T>, "childre
    * @default false
    */
   isReadOnly?: boolean;
+  /**
+   * Whether to hide the check icon when the items are selected.
+   * @default false
+   */
+  hideSelectedIcon?: boolean;
   /**
    * The listbox item `selected` icon, it's usually an checkmark icon.
    * If you pass a function, NextUI will expose the current selected icon and the selected status,
@@ -55,6 +60,11 @@ interface Props<T extends object = {}> extends Omit<ItemProps<"li", T>, "childre
    * Important: The selected icon will be rendered only if the listbox selection mode is different than `none`.
    */
   selectedIcon?: ReactNode | ((props: ListboxItemSelectedIconProps) => ReactNode) | null;
+  /**
+   * Whether the item should be highlighted on focus.
+   * @default false
+   */
+  shouldHighlightOnFocus?: boolean;
   /**
    * Whether to disable the items animation.
    * @default false
diff --git a/packages/components/listbox/src/listbox-item.tsx b/packages/components/listbox/src/listbox-item.tsx
index 4bf17798b..f2e8010f7 100644
--- a/packages/components/listbox/src/listbox-item.tsx
+++ b/packages/components/listbox/src/listbox-item.tsx
@@ -20,6 +20,7 @@ const ListboxItem = forwardRef<"li", ListboxItemProps>((props, _) => {
     selectedIcon,
     startContent,
     endContent,
+    hideSelectedIcon,
     disableAnimation,
     getItemProps,
     getLabelProps,
@@ -53,7 +54,9 @@ const ListboxItem = forwardRef<"li", ListboxItemProps>((props, _) => {
       ) : (
         <span {...getLabelProps()}>{rendered}</span>
       )}
-      {isSelectable && <span {...getSelectedIconProps()}>{selectedContent}</span>}
+      {isSelectable && !hideSelectedIcon && (
+        <span {...getSelectedIconProps()}>{selectedContent}</span>
+      )}
       {endContent}
     </Component>
   );
diff --git a/packages/components/listbox/src/listbox.tsx b/packages/components/listbox/src/listbox.tsx
index 4f835b420..5cf8d6f91 100644
--- a/packages/components/listbox/src/listbox.tsx
+++ b/packages/components/listbox/src/listbox.tsx
@@ -1,5 +1,4 @@
-import type {ForwardedRef, ReactElement, Ref} from "react";
-
+import {ForwardedRef, ReactElement, Ref} from "react";
 import {forwardRef} from "@nextui-org/system";
 import {mergeProps} from "@react-aria/utils";
 
@@ -10,18 +9,38 @@ import ListboxItem from "./listbox-item";
 interface Props<T> extends UseListboxProps<T> {}
 
 function Listbox<T extends object>(props: Props<T>, ref: ForwardedRef<HTMLUListElement>) {
-  const {Component, state, getBaseProps, color, disableAnimation, variant, itemClasses} =
-    useListbox<T>({...props, ref});
+  const {
+    Component,
+    state,
+    color,
+    variant,
+    itemClasses,
+    getBaseProps,
+    topContent,
+    bottomContent,
+    hideEmptyContent,
+    hideSelectedIcon,
+    shouldHighlightOnFocus,
+    disableAnimation,
+    getEmptyContentProps,
+    getListProps,
+  } = useListbox<T>({...props, ref});
 
-  return (
-    <Component {...getBaseProps()}>
+  const content = (
+    <Component {...getListProps()}>
+      {!state.collection.size && !hideEmptyContent && (
+        <li>
+          <div {...getEmptyContentProps()} />
+        </li>
+      )}
       {[...state.collection].map((item) => {
         const itemProps = {
           color,
-          disableAnimation,
           item,
           state,
           variant,
+          disableAnimation,
+          hideSelectedIcon,
           ...item.props,
         };
 
@@ -33,6 +52,7 @@ function Listbox<T extends object>(props: Props<T>, ref: ForwardedRef<HTMLUListE
             key={item.key}
             {...itemProps}
             classNames={mergeProps(itemClasses, item.props?.classNames)}
+            shouldHighlightOnFocus={shouldHighlightOnFocus}
           />
         );
 
@@ -44,6 +64,14 @@ function Listbox<T extends object>(props: Props<T>, ref: ForwardedRef<HTMLUListE
       })}
     </Component>
   );
+
+  return (
+    <div {...getBaseProps()}>
+      {topContent}
+      {content}
+      {bottomContent}
+    </div>
+  );
 }
 
 Listbox.displayName = "NextUI.Listbox";
diff --git a/packages/components/listbox/src/use-listbox-item.ts b/packages/components/listbox/src/use-listbox-item.ts
index f46a552d5..cfc78d152 100644
--- a/packages/components/listbox/src/use-listbox-item.ts
+++ b/packages/components/listbox/src/use-listbox-item.ts
@@ -9,7 +9,8 @@ import {filterDOMProps} from "@nextui-org/react-utils";
 import {clsx, dataAttr, removeEvents} from "@nextui-org/shared-utils";
 import {useOption} from "@react-aria/listbox";
 import {mergeProps} from "@react-aria/utils";
-import {useHover, usePress} from "@react-aria/interactions";
+import {useHover} from "@react-aria/interactions";
+import {usePress} from "@nextui-org/use-aria-press";
 import {useIsMobile} from "@nextui-org/use-is-mobile";
 import {ListState} from "@react-stately/list";
 
@@ -38,6 +39,8 @@ export function useListboxItem<T extends object>(originalProps: UseListboxItemPr
     autoFocus,
     onPress,
     onClick,
+    shouldHighlightOnFocus,
+    hideSelectedIcon = false,
     isReadOnly = false,
     ...otherProps
   } = props;
@@ -46,7 +49,7 @@ export function useListboxItem<T extends object>(originalProps: UseListboxItemPr
 
   const domRef = useRef<HTMLLIElement>(null);
 
-  const Component = as || "li";
+  const Component = as || (originalProps.href ? "a" : "li");
   const shouldFilterDOMProps = typeof Component === "string";
 
   const {rendered, key} = item;
@@ -99,6 +102,14 @@ export function useListboxItem<T extends object>(originalProps: UseListboxItemPr
     itemProps = removeEvents(itemProps);
   }
 
+  const isHighlighted = useMemo(() => {
+    if (shouldHighlightOnFocus && isFocused) {
+      return true;
+    }
+
+    return isMobile ? isHovered || isPressed : isHovered;
+  }, [isHovered, isPressed, isFocused, isMobile, shouldHighlightOnFocus]);
+
   const getItemProps: PropGetter = (props = {}) => ({
     ref: domRef,
     ...mergeProps(
@@ -113,7 +124,7 @@ export function useListboxItem<T extends object>(originalProps: UseListboxItemPr
     ),
     "data-selectable": dataAttr(isSelectable),
     "data-focus": dataAttr(isFocused),
-    "data-hover": dataAttr(isMobile ? isHovered || isPressed : isHovered),
+    "data-hover": dataAttr(isHighlighted),
     "data-disabled": dataAttr(isDisabled),
     "data-selected": dataAttr(isSelected),
     "data-pressed": dataAttr(isPressed),
@@ -162,6 +173,7 @@ export function useListboxItem<T extends object>(originalProps: UseListboxItemPr
     startContent,
     endContent,
     selectedIcon,
+    hideSelectedIcon,
     disableAnimation,
     getItemProps,
     getLabelProps,
diff --git a/packages/components/listbox/src/use-listbox.ts b/packages/components/listbox/src/use-listbox.ts
index 523f29256..59ce86c03 100644
--- a/packages/components/listbox/src/use-listbox.ts
+++ b/packages/components/listbox/src/use-listbox.ts
@@ -2,10 +2,11 @@ import type {KeyboardDelegate} from "@react-types/shared";
 
 import {AriaListBoxProps, useListBox as useAriaListbox} from "@react-aria/listbox";
 import {HTMLNextUIProps, PropGetter} from "@nextui-org/system";
-import {listbox, ListboxVariantProps} from "@nextui-org/theme";
+import {listbox, ListboxVariantProps, ListboxSlots, SlotsToClasses} from "@nextui-org/theme";
 import {ListState, useListState} from "@react-stately/list";
 import {filterDOMProps, ReactRef, useDOMRef} from "@nextui-org/react-utils";
-import {useMemo} from "react";
+import {ReactNode, useMemo} from "react";
+import {clsx} from "@nextui-org/shared-utils";
 
 import {ListboxItemProps} from "./listbox-item";
 
@@ -25,6 +26,8 @@ interface AriaListBoxOptions<T> extends AriaListBoxProps<T> {
   shouldSelectOnPressUp?: boolean;
   /** Whether options should be focused when the user hovers over them. */
   shouldFocusOnHover?: boolean;
+  /** Whether the item should display the same "hover" styles as when it is focused. */
+  shouldHighlightOnFocus?: boolean;
 }
 
 interface Props<T> extends Omit<HTMLNextUIProps<"ul">, "children"> {
@@ -44,11 +47,47 @@ interface Props<T> extends Omit<HTMLNextUIProps<"ul">, "children"> {
    * The listbox items color.
    */
   color?: ListboxItemProps["color"];
+  /**
+   * Provides content to include a component in the top of the table.
+   */
+  topContent?: ReactNode;
+  /**
+   * Provides content to include a component in the bottom of the table.
+   */
+  bottomContent?: ReactNode;
+  /**
+   * Whether to not display the empty content when there are no items.
+   * @default false
+   */
+  hideEmptyContent?: boolean;
+  /**
+   *  Provides content to display when there are no items.
+   * @default "No items."
+   */
+  emptyContent?: ReactNode;
+  /**
+   * Whether to hide the check icon when the items are selected.
+   * @default false
+   */
+  hideSelectedIcon?: boolean;
   /**
    * Whether to disable the items animation.
    * @default false
    */
   disableAnimation?: boolean;
+  /**
+   * Classname or List of classes to change the classNames of the element.
+   * if `className` is passed, it will be added to the base slot.
+   *
+   * @example
+   * ```ts
+   * <Listbox classNames={{
+   *    base:"base-classes",
+   *    emptyContent: "empty-content-classes",
+   * }} />
+   * ```
+   */
+  classNames?: SlotsToClasses<ListboxSlots>;
   /**
    * The menu items classNames.
    */
@@ -65,10 +104,18 @@ export function useListbox<T extends object>(props: UseListboxProps<T>) {
     variant,
     color,
     onAction,
+    children,
     onSelectionChange,
     disableAnimation,
     itemClasses,
     className,
+    topContent,
+    bottomContent,
+    emptyContent = "No items.",
+    hideSelectedIcon = false,
+    hideEmptyContent = false,
+    shouldHighlightOnFocus = false,
+    classNames,
     ...otherProps
   } = props;
 
@@ -77,18 +124,20 @@ export function useListbox<T extends object>(props: UseListboxProps<T>) {
 
   const domRef = useDOMRef(ref);
 
-  const innerState = useListState({...props, onSelectionChange});
+  const innerState = useListState({...props, children, onSelectionChange});
   const state = propState || innerState;
 
   const {listBoxProps} = useAriaListbox({...props, onAction}, state, domRef);
 
-  const styles = useMemo(() => listbox({className}), [className]);
+  const slots = useMemo(() => listbox({className}), [, className]);
+
+  const baseStyles = clsx(classNames?.base, className);
 
   const getBaseProps: PropGetter = (props = {}) => {
     return {
       ref: domRef,
-      className: styles,
-      ...listBoxProps,
+      "data-slot": "base",
+      className: slots.base({class: baseStyles}),
       ...filterDOMProps(otherProps, {
         enabled: shouldFilterDOMProps,
       }),
@@ -96,15 +145,43 @@ export function useListbox<T extends object>(props: UseListboxProps<T>) {
     };
   };
 
+  const getListProps: PropGetter = (props = {}) => {
+    return {
+      "data-slot": "list",
+      className: slots.list({class: classNames?.list}),
+      ...listBoxProps,
+      ...props,
+    };
+  };
+
+  const getEmptyContentProps: PropGetter = (props = {}) => {
+    return {
+      "data-slot": "empty-content",
+      children: emptyContent,
+      className: slots.emptyContent({class: classNames?.emptyContent}),
+      ...props,
+    };
+  };
+
   return {
     Component,
     state,
     variant,
     color,
+    slots,
+    classNames,
+    topContent,
+    bottomContent,
+    emptyContent,
+    hideEmptyContent,
+    shouldHighlightOnFocus,
+    hideSelectedIcon,
     disableAnimation,
     className,
     itemClasses,
     getBaseProps,
+    getListProps,
+    getEmptyContentProps,
   };
 }
 
diff --git a/packages/components/listbox/stories/listbox.stories.tsx b/packages/components/listbox/stories/listbox.stories.tsx
index f917edd4d..9f24e947a 100644
--- a/packages/components/listbox/stories/listbox.stories.tsx
+++ b/packages/components/listbox/stories/listbox.stories.tsx
@@ -1,3 +1,5 @@
+import type {Selection} from "@react-types/shared";
+
 import React, {Key} from "react";
 import {Meta} from "@storybook/react";
 import {menuItem} from "@nextui-org/theme";
@@ -8,7 +10,11 @@ import {
   DeleteDocumentBulkIcon,
   ChevronRightIcon,
 } from "@nextui-org/shared-icons";
+import {usersData} from "@nextui-org/stories-utils";
+import {Avatar} from "@nextui-org/avatar";
+import {Chip} from "@nextui-org/chip";
 import {clsx} from "@nextui-org/shared-utils";
+import {ScrollShadow} from "@nextui-org/scroll-shadow";
 
 import {Listbox, ListboxItem, ListboxSection, ListboxProps} from "../src";
 
@@ -136,6 +142,30 @@ const defaultProps = {
     "w-full max-w-[260px] border-small px-1 py-2 rounded-small border-default-200 dark:border-default-100",
 };
 
+type Item = {
+  key: string;
+  label: string;
+};
+
+const items = [
+  {
+    key: "new",
+    label: "New file",
+  },
+  {
+    key: "copy",
+    label: "Copy link",
+  },
+  {
+    key: "edit",
+    label: "Edit file",
+  },
+  {
+    key: "delete",
+    label: "Delete file",
+  },
+];
+
 const Template = ({color, variant, ...args}: ListboxProps) => (
   <Listbox
     aria-label="Actions"
@@ -153,6 +183,27 @@ const Template = ({color, variant, ...args}: ListboxProps) => (
   </Listbox>
 );
 
+const DynamicTemplate = ({color, variant, ...args}: ListboxProps<Item>) => (
+  <Listbox
+    aria-label="Dynamic Actions"
+    color={color}
+    items={items}
+    variant={variant}
+    onAction={(key) => alert(key)}
+    {...args}
+  >
+    {(item) => (
+      <ListboxItem
+        key={item.key}
+        className={item.key === "delete" ? "text-danger" : ""}
+        color={item.key === "delete" ? "danger" : "default"}
+      >
+        {item.label}
+      </ListboxItem>
+    )}
+  </Listbox>
+);
+
 const DisabledKeysTemplate = ({color, variant, ...args}: ListboxProps) => (
   <Listbox
     aria-label="Actions"
@@ -283,6 +334,114 @@ const WithEndContentTemplate = ({color, variant, disableAnimation, ...args}) =>
   );
 };
 
+const WithTopContentTemplate = ({color, ...args}) => {
+  const [values, setValues] = React.useState<Selection>(new Set(["1", "3", "5"]));
+
+  const arrayValues = Array.from(values);
+
+  const topContent = React.useMemo(() => {
+    if (!arrayValues.length) {
+      return null;
+    }
+
+    return (
+      <ScrollShadow
+        hideScrollBar
+        className="w-full bg-background flex py-0.5 px-2 gap-1 "
+        orientation="horizontal"
+      >
+        {arrayValues.map((value) => (
+          <Chip key={value}>{usersData.find((user) => `${user.id}` === `${value}`)?.name}</Chip>
+        ))}
+      </ScrollShadow>
+    );
+  }, [arrayValues.length]);
+
+  return (
+    <Listbox
+      classNames={{
+        base: "max-w-xs",
+        list: "max-h-[300px] overflow-scroll",
+      }}
+      color={color}
+      defaultSelectedKeys={["1", "3", "5"]}
+      items={usersData}
+      label="Assigned to"
+      selectionMode="multiple"
+      topContent={topContent}
+      variant="flat"
+      onSelectionChange={setValues}
+      {...args}
+    >
+      {(item) => (
+        <ListboxItem key={item.id} textValue={item.name}>
+          <div className="flex gap-2 items-center">
+            <Avatar alt={item.name} className="flex-shrink-0" size="sm" src={item.avatar} />
+            <div className="flex flex-col">
+              <span className="text-small">{item.name}</span>
+              <span className="text-tiny text-default-400">{item.email}</span>
+            </div>
+          </div>
+        </ListboxItem>
+      )}
+    </Listbox>
+  );
+};
+
+const WithBottomContentTemplate = ({color, ...args}) => {
+  const [values, setValues] = React.useState<Selection>(new Set(["1", "3", "5"]));
+
+  const arrayValues = Array.from(values);
+
+  const topContent = React.useMemo(() => {
+    if (!arrayValues.length) {
+      return null;
+    }
+
+    return (
+      <ScrollShadow
+        hideScrollBar
+        className="w-full flex py-0.5 px-2 gap-1 "
+        orientation="horizontal"
+      >
+        {arrayValues.map((value) => (
+          <Chip key={value}>{usersData.find((user) => `${user.id}` === `${value}`)?.name}</Chip>
+        ))}
+      </ScrollShadow>
+    );
+  }, [arrayValues.length]);
+
+  return (
+    <Listbox
+      bottomContent={topContent}
+      classNames={{
+        base: "max-w-xs",
+        list: "max-h-[300px] overflow-scroll",
+      }}
+      color={color}
+      defaultSelectedKeys={["1", "3", "5"]}
+      items={usersData}
+      label="Assigned to"
+      selectionMode="multiple"
+      onSelectionChange={setValues}
+      {...args}
+      variant="flat"
+    >
+      {(item) => (
+        <ListboxItem key={item.id} textValue={item.name}>
+          <div className="flex gap-2 items-center">
+            <Avatar alt={item.name} className="flex-shrink-0" size="sm" src={item.avatar} />
+            <div className="flex flex-col">
+              <span className="text-small">{item.name}</span>
+              <span className="text-tiny text-default-400">{item.email}</span>
+            </div>
+          </div>
+        </ListboxItem>
+      )}
+    </Listbox>
+  );
+};
+
 const WithDescriptionTemplate = ({color, variant, disableAnimation, ...args}) => {
   const iconClasses = "text-2xl text-secondary pointer-events-none flex-shrink-0";
 
@@ -499,7 +658,7 @@ const CustomWithClassNamesTemplate = ({color, variant, disableAnimation, ...args
         endContent={<ItemCounter number={82} />}
         startContent={
           <IconWrapper className="bg-default/50 text-foreground">
-            <WatchersIcon/>
+            <WatchersIcon />
           </IconWrapper>
         }
       >
@@ -527,6 +686,13 @@ export const Default = {
   },
 };
 
+export const Dynamic = {
+  render: DynamicTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
 export const DisabledKeys = {
   render: DisabledKeysTemplate,
 
@@ -571,6 +737,22 @@ export const WithEndContent = {
   },
 };
 
+export const WithTopContent = {
+  render: WithTopContentTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const WithBottomContent = {
+  render: WithBottomContentTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};
+
 export const WithDescription = {
   render: WithDescriptionTemplate,
 
diff --git a/packages/components/menu/package.json b/packages/components/menu/package.json
index 023492a91..2484029ab 100644
--- a/packages/components/menu/package.json
+++ b/packages/components/menu/package.json
@@ -35,29 +35,33 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/divider": "workspace:*",
     "@nextui-org/aria-utils": "workspace:*",
     "@nextui-org/use-is-mobile": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@react-aria/menu": "^3.10.2",
-    "@react-aria/utils": "^3.20.0",
-    "@react-stately/menu": "^3.5.5",
-    "@react-stately/tree": "^3.7.2",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-types/menu": "^3.9.4",
-    "@react-types/shared": "^3.20.0"
+    "@nextui-org/use-aria-press": "workspace:*",
+    "@react-aria/menu": "^3.11.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-stately/menu": "^3.5.6",
+    "@react-stately/tree": "^3.7.3",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-types/menu": "^3.9.5",
+    "@react-types/shared": "^3.21.0"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "clean-package": "2.2.0",
     "@nextui-org/shared-icons": "workspace:*",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/menu/src/base/menu-item-base.tsx b/packages/components/menu/src/base/menu-item-base.tsx
index 915e6b213..e1228b0e0 100644
--- a/packages/components/menu/src/base/menu-item-base.tsx
+++ b/packages/components/menu/src/base/menu-item-base.tsx
@@ -51,6 +51,11 @@ interface Props<T extends object = {}> extends Omit<ItemProps<"li", T>, "childre
    * @default false
    */
   isReadOnly?: boolean;
+  /**
+   * Whether to hide the check icon when the items are selected.
+   * @default false
+   */
+  hideSelectedIcon?: boolean;
   /**
    * The menu item `selected` icon, it's usually an checkmark icon.
    * If you pass a function, NextUI will expose the current selected icon and the selected status,
diff --git a/packages/components/menu/src/menu-item.tsx b/packages/components/menu/src/menu-item.tsx
index 3887090f8..226d28fd8 100644
--- a/packages/components/menu/src/menu-item.tsx
+++ b/packages/components/menu/src/menu-item.tsx
@@ -24,6 +24,7 @@ const MenuItem = forwardRef<"li", MenuItemProps>((props, _) => {
     startContent,
     endContent,
     disableAnimation,
+    hideSelectedIcon,
     getItemProps,
     getLabelProps,
     getDescriptionProps,
@@ -57,7 +58,9 @@ const MenuItem = forwardRef<"li", MenuItemProps>((props, _) => {
         <span {...getLabelProps()}>{rendered}</span>
       )}
       {shortcut && <kbd {...getKeyboardShortcutProps()}>{shortcut}</kbd>}
-      {isSelectable && <span {...getSelectedIconProps()}>{selectedContent}</span>}
+      {isSelectable && !hideSelectedIcon && (
+        <span {...getSelectedIconProps()}>{selectedContent}</span>
+      )}
       {endContent}
     </Component>
   );
diff --git a/packages/components/menu/src/menu.tsx b/packages/components/menu/src/menu.tsx
index 2be52310f..2e7bab14f 100644
--- a/packages/components/menu/src/menu.tsx
+++ b/packages/components/menu/src/menu.tsx
@@ -1,27 +1,39 @@
 import {forwardRef} from "@nextui-org/system";
+import {ForwardedRef, ReactElement, Ref} from "react";
 
 import {UseMenuProps, useMenu} from "./use-menu";
 import MenuSection from "./menu-section";
 import MenuItem from "./menu-item";
 
-export interface MenuProps extends UseMenuProps {}
+interface Props<T> extends UseMenuProps<T> {}
 
-const Menu = forwardRef<"ul", MenuProps>((props, ref) => {
+function Menu<T extends object>(props: Props<T>, ref: ForwardedRef<HTMLUListElement>) {
   const {
     Component,
     state,
-    getMenuProps,
     closeOnSelect,
     color,
     disableAnimation,
+    hideSelectedIcon,
+    hideEmptyContent,
     variant,
     onClose,
     onAction,
+    topContent,
+    bottomContent,
     itemClasses,
-  } = useMenu({...props, ref});
+    getBaseProps,
+    getListProps,
+    getEmptyContentProps,
+  } = useMenu<T>({...props, ref});
 
-  return (
-    <Component {...getMenuProps()}>
+  const content = (
+    <Component {...getListProps()}>
+      {!state.collection.size && !hideEmptyContent && (
+        <li>
+          <div {...getEmptyContentProps()} />
+        </li>
+      )}
       {[...state.collection].map((item) => {
         const itemProps = {
           closeOnSelect,
@@ -32,6 +44,7 @@ const Menu = forwardRef<"ul", MenuProps>((props, ref) => {
           variant,
           onClose,
           onAction,
+          hideSelectedIcon,
           ...item.props,
         };
 
@@ -48,8 +61,19 @@ const Menu = forwardRef<"ul", MenuProps>((props, ref) => {
       })}
     </Component>
   );
-});
+
+  return (
+    <div {...getBaseProps()}>
+      {topContent}
+      {content}
+      {bottomContent}
+    </div>
+  );
+}
+
+export type MenuProps<T = object> = Props<T> & {ref?: Ref<HTMLElement>};
+
+// forwardRef doesn't support generic parameters, so cast the result to the correct type
+export default forwardRef(Menu) as <T = object>(props: MenuProps<T>) => ReactElement;
 
 Menu.displayName = "NextUI.Menu";
-
-export default Menu;
diff --git a/packages/components/menu/src/use-menu-item.ts b/packages/components/menu/src/use-menu-item.ts
index f82a598e8..31b1234b9 100644
--- a/packages/components/menu/src/use-menu-item.ts
+++ b/packages/components/menu/src/use-menu-item.ts
@@ -10,7 +10,8 @@ import {TreeState} from "@react-stately/tree";
 import {clsx, dataAttr, removeEvents} from "@nextui-org/shared-utils";
 import {useMenuItem as useAriaMenuItem} from "@react-aria/menu";
 import {chain, mergeProps} from "@react-aria/utils";
-import {useHover, usePress} from "@react-aria/interactions";
+import {useHover} from "@react-aria/interactions";
+import {usePress} from "@nextui-org/use-aria-press";
 import {useIsMobile} from "@nextui-org/use-is-mobile";
 
 interface Props<T extends object> extends MenuItemBaseProps<T> {
@@ -40,6 +41,7 @@ export function useMenuItem<T extends object>(originalProps: UseMenuItemProps<T>
     autoFocus,
     onPress,
     onClick,
+    hideSelectedIcon = false,
     isReadOnly = false,
     closeOnSelect,
     onClose,
@@ -50,7 +52,7 @@ export function useMenuItem<T extends object>(originalProps: UseMenuItemProps<T>
 
   const domRef = useRef<HTMLLIElement>(null);
 
-  const Component = as || "li";
+  const Component = as || (otherProps?.href ? "a" : "li");
   const shouldFilterDOMProps = typeof Component === "string";
 
   const {rendered, key} = item;
@@ -179,6 +181,7 @@ export function useMenuItem<T extends object>(originalProps: UseMenuItemProps<T>
     disableAnimation,
     getItemProps,
     getLabelProps,
+    hideSelectedIcon,
     getDescriptionProps,
     getKeyboardShortcutProps,
     getSelectedIconProps,
diff --git a/packages/components/menu/src/use-menu.ts b/packages/components/menu/src/use-menu.ts
index 67708a91c..48191e29a 100644
--- a/packages/components/menu/src/use-menu.ts
+++ b/packages/components/menu/src/use-menu.ts
@@ -2,10 +2,11 @@ import type {HTMLNextUIProps, PropGetter} from "@nextui-org/system";
 import type {AriaMenuProps} from "@react-types/menu";
 
 import {AriaMenuOptions, useMenu as useAriaMenu} from "@react-aria/menu";
-import {menu, MenuVariantProps} from "@nextui-org/theme";
+import {menu, MenuVariantProps, SlotsToClasses, MenuSlots} from "@nextui-org/theme";
 import {TreeState, useTreeState} from "@react-stately/tree";
-import {ReactRef, useDOMRef} from "@nextui-org/react-utils";
-import {useMemo} from "react";
+import {ReactRef, filterDOMProps, useDOMRef} from "@nextui-org/react-utils";
+import {ReactNode, useMemo} from "react";
+import {clsx} from "@nextui-org/shared-utils";
 
 import {MenuItemProps} from "./menu-item";
 
@@ -30,6 +31,29 @@ interface Props<T> {
    * The menu items color.
    */
   color?: MenuItemProps["color"];
+  /**
+   * Whether to hide the check icon when the items are selected.
+   * @default false
+   */
+  hideSelectedIcon?: boolean;
+  /**
+   * Provides content to include a component in the top of the table.
+   */
+  topContent?: ReactNode;
+  /**
+   * Provides content to include a component in the bottom of the table.
+   */
+  bottomContent?: ReactNode;
+  /**
+   * Whether to not display the empty content when there are no items.
+   * @default false
+   */
+  hideEmptyContent?: boolean;
+  /**
+   *  Provides content to display when there are no items.
+   * @default "No items."
+   */
+  emptyContent?: React.ReactNode;
   /**
    * Whether to disable the items animation.
    * @default false
@@ -40,6 +64,19 @@ interface Props<T> {
    * @default true
    */
   closeOnSelect?: MenuItemProps["closeOnSelect"];
+  /**
+   * Classname or List of classes to change the classNames of the element.
+   * if `className` is passed, it will be added to the base slot.
+   *
+   * @example
+   * ```ts
+   * <Listbox classNames={{
+   *    base:"base-classes",
+   *    emptyContent: "empty-content-classes",
+   * }} />
+   * ```
+   */
+  classNames?: SlotsToClasses<MenuSlots>;
   /**
    * The menu items classNames.
    */
@@ -51,41 +88,71 @@ export type UseMenuProps<T = object> = Props<T> &
   AriaMenuProps<T> &
   MenuVariantProps;
 
-export function useMenu(props: UseMenuProps) {
+export function useMenu<T extends object>(props: UseMenuProps<T>) {
   const {
     as,
     ref,
     variant,
     color,
+    children,
     disableAnimation,
     onAction,
     closeOnSelect,
     itemClasses,
     className,
     state: propState,
+    topContent,
+    bottomContent,
+    hideEmptyContent = false,
+    hideSelectedIcon = false,
+    emptyContent = "No items.",
     menuProps: userMenuProps,
     onClose,
+    classNames,
     ...otherProps
   } = props;
 
   const Component = as || "ul";
 
   const domRef = useDOMRef(ref);
+  const shouldFilterDOMProps = typeof Component === "string";
 
-  const innerState = useTreeState(otherProps);
+  const innerState = useTreeState({...otherProps, children});
 
   const state = propState || innerState;
 
   const {menuProps} = useAriaMenu(otherProps, state, domRef);
 
-  const styles = useMemo(() => menu({className}), [className]);
+  const slots = useMemo(() => menu({className}), [className]);
+  const baseStyles = clsx(classNames?.base, className);
 
-  const getMenuProps: PropGetter = (props = {}) => {
+  const getBaseProps: PropGetter = (props = {}) => {
     return {
       ref: domRef,
-      className: styles,
+      "data-slot": "base",
+      className: slots.base({class: baseStyles}),
+      ...filterDOMProps(otherProps, {
+        enabled: shouldFilterDOMProps,
+      }),
+      ...props,
+    };
+  };
+
+  const getListProps: PropGetter = (props = {}) => {
+    return {
+      "data-slot": "list",
+      className: slots.list({class: classNames?.list}),
       ...userMenuProps,
       ...menuProps,
+
+      ...props,
+    };
+  };
+
+  const getEmptyContentProps: PropGetter = (props = {}) => {
+    return {
+      children: emptyContent,
+      className: slots.emptyContent({class: classNames?.emptyContent}),
       ...props,
     };
   };
@@ -98,10 +165,16 @@ export function useMenu(props: UseMenuProps) {
     disableAnimation,
     onAction,
     onClose,
+    topContent,
+    bottomContent,
     closeOnSelect,
     className,
     itemClasses,
-    getMenuProps,
+    getBaseProps,
+    getListProps,
+    hideEmptyContent,
+    hideSelectedIcon,
+    getEmptyContentProps,
   };
 }
 
diff --git a/packages/components/modal/package.json b/packages/components/modal/package.json
index bb3d18c5c..908627764 100644
--- a/packages/components/modal/package.json
+++ b/packages/components/modal/package.json
@@ -36,11 +36,11 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "framer-motion": ">=4.0.0"
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/use-disclosure": "workspace:*",
     "@nextui-org/use-aria-button": "workspace:*",
     "@nextui-org/framer-transitions": "workspace:*",
@@ -48,24 +48,27 @@
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/use-aria-modal-overlay": "workspace:*",
-    "@react-aria/dialog": "^3.5.5",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/overlays": "^3.17.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-stately/overlays": "^3.6.2",
-    "@react-aria/focus": "^3.14.1",
-    "@react-types/overlays": "^3.8.2",
+    "@react-aria/dialog": "^3.5.7",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/overlays": "^3.18.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-stately/overlays": "^3.6.3",
+    "@react-aria/focus": "^3.14.3",
+    "@react-types/overlays": "^3.8.3",
     "react-remove-scroll": "^2.5.6"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/input": "workspace:*",
     "@nextui-org/checkbox": "workspace:*",
     "@nextui-org/button": "workspace:*",
     "@nextui-org/link": "workspace:*",
     "react-lorem-component": "0.13.0",
-    "framer-motion": "^10.15.1",
+    "framer-motion": "^10.16.4",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/navbar/package.json b/packages/components/navbar/package.json
index aac10c748..ff3b9035c 100644
--- a/packages/components/navbar/package.json
+++ b/packages/components/navbar/package.json
@@ -36,34 +36,37 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "framer-motion": ">=4.0.0"
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/framer-transitions": "workspace:*",
     "@nextui-org/use-aria-toggle-button": "workspace:*",
     "@nextui-org/use-scroll-position": "workspace:*",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-stately/toggle": "^3.6.2",
-    "@react-stately/utils": "^3.7.0",
-    "@react-aria/overlays": "^3.17.0",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-stately/toggle": "^3.6.3",
+    "@react-stately/utils": "^3.8.0",
+    "@react-aria/overlays": "^3.18.1",
     "react-remove-scroll": "^2.5.6"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/avatar": "workspace:*",
     "@nextui-org/button": "workspace:*",
     "@nextui-org/dropdown": "workspace:*",
     "@nextui-org/input": "workspace:*",
     "@nextui-org/link": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
+    "react-lorem-component": "0.13.0",
     "clean-package": "2.2.0",
     "react": "^18.0.0",
-    "react-lorem-component": "0.13.0"
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/navbar/src/navbar-menu-item.tsx b/packages/components/navbar/src/navbar-menu-item.tsx
index dcd30e627..5c20cd55b 100644
--- a/packages/components/navbar/src/navbar-menu-item.tsx
+++ b/packages/components/navbar/src/navbar-menu-item.tsx
@@ -5,11 +5,16 @@ import {clsx, dataAttr} from "@nextui-org/shared-utils";
 import {useNavbarContext} from "./navbar-context";
 
 export interface NavbarMenuItemProps extends HTMLNextUIProps<"li"> {
+  /**
+   * Whether the item is active or not.
+   * @default false
+   */
+  isActive?: boolean;
   children?: React.ReactNode;
 }
 
 const NavbarMenuItem = forwardRef<"li", NavbarMenuItemProps>((props, ref) => {
-  const {className, children, ...otherProps} = props;
+  const {className, children, isActive, ...otherProps} = props;
 
   const domRef = useDOMRef(ref);
 
@@ -21,6 +26,7 @@ const NavbarMenuItem = forwardRef<"li", NavbarMenuItemProps>((props, ref) => {
     <li
       ref={domRef}
       className={slots.menuItem?.({class: styles})}
+      data-active={dataAttr(isActive)}
       data-open={dataAttr(isMenuOpen)}
       {...otherProps}
     >
diff --git a/packages/components/pagination/package.json b/packages/components/pagination/package.json
index b80bfe64c..d3fa6edb2 100644
--- a/packages/components/pagination/package.json
+++ b/packages/components/pagination/package.json
@@ -35,23 +35,27 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/system": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/use-pagination": "workspace:*",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/utils": "^3.20.0",
+    "@nextui-org/use-aria-press": "workspace:*",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/utils": "^3.21.1",
     "scroll-into-view-if-needed": "3.0.10"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/pagination/src/pagination.tsx b/packages/components/pagination/src/pagination.tsx
index 0bd9106e3..ac613dc1a 100644
--- a/packages/components/pagination/src/pagination.tsx
+++ b/packages/components/pagination/src/pagination.tsx
@@ -40,10 +40,56 @@ const Pagination = forwardRef<"nav", PaginationProps>((props, ref) => {
       const isBefore = index < range.indexOf(activePage);
 
       if (renderItemProp && typeof renderItemProp === "function") {
+        let page = typeof value == "number" ? value : index;
+
+        if (value === PaginationItemType.NEXT) {
+          page = activePage + 1;
+        }
+
+        if (value === PaginationItemType.PREV) {
+          page = activePage - 1;
+        }
+
+        if (value === PaginationItemType.DOTS) {
+          page = isBefore
+            ? activePage - dotsJump >= 1
+              ? activePage - dotsJump
+              : 1
+            : activePage + dotsJump <= total
+            ? activePage + dotsJump
+            : total;
+        }
+
+        const itemChildren: Record<PaginationItemType, React.ReactNode> = {
+          [PaginationItemType.PREV]: <ChevronIcon />,
+          [PaginationItemType.NEXT]: (
+            <ChevronIcon
+              className={slots.chevronNext({
+                class: classNames?.chevronNext,
+              })}
+            />
+          ),
+          [PaginationItemType.DOTS]: (
+            <>
+              <EllipsisIcon className={slots?.ellipsis({class: classNames?.ellipsis})} />
+              <ForwardIcon
+                className={slots?.forwardIcon({class: classNames?.forwardIcon})}
+                data-before={dataAttr(isBefore)}
+              />
+            </>
+          ),
+        };
+
         return renderItemProp({
           value,
           index,
+          key: `${value}-${index}`,
+          page,
+          total,
+          children: typeof value === "number" ? value : itemChildren[value],
           activePage,
+          dotsJump,
+          isBefore,
           isActive: value === activePage,
           isPrevious: value === activePage - 1,
           isNext: value === activePage + 1,
@@ -52,8 +98,10 @@ const Pagination = forwardRef<"nav", PaginationProps>((props, ref) => {
           onNext,
           onPrevious,
           setPage,
+          onPress: () => setPage(page),
           ref: typeof value === "number" ? (node) => getItemRef(node, value) : undefined,
           className: slots.item({class: classNames?.item}),
+          getAriaLabel: getItemAriaLabel,
         });
       }
 
diff --git a/packages/components/pagination/src/use-pagination-item.ts b/packages/components/pagination/src/use-pagination-item.ts
index 3037a3fcb..4bb856fe0 100644
--- a/packages/components/pagination/src/use-pagination-item.ts
+++ b/packages/components/pagination/src/use-pagination-item.ts
@@ -1,16 +1,17 @@
 import type {Ref} from "react";
 import type {HTMLNextUIProps, PropGetter} from "@nextui-org/system";
-import type {PressEvent} from "@react-types/shared";
+import type {LinkDOMProps, PressEvent} from "@react-types/shared";
 
 import {useMemo} from "react";
-import {PaginationItemType} from "@nextui-org/use-pagination";
+import {PaginationItemValue} from "@nextui-org/use-pagination";
 import {clsx, dataAttr} from "@nextui-org/shared-utils";
-import {chain, mergeProps} from "@react-aria/utils";
-import {useDOMRef} from "@nextui-org/react-utils";
-import {useHover, usePress} from "@react-aria/interactions";
+import {chain, mergeProps, shouldClientNavigate, useRouter} from "@react-aria/utils";
+import {usePress} from "@nextui-org/use-aria-press";
+import {filterDOMProps, useDOMRef} from "@nextui-org/react-utils";
+import {useHover} from "@react-aria/interactions";
 import {useFocusRing} from "@react-aria/focus";
 
-export interface UsePaginationItemProps extends Omit<HTMLNextUIProps<"li">, "onClick"> {
+interface Props extends Omit<HTMLNextUIProps<"li">, "onClick"> {
   /**
    * Ref to the DOM node.
    */
@@ -18,7 +19,7 @@ export interface UsePaginationItemProps extends Omit<HTMLNextUIProps<"li">, "onC
   /**
    * Value of the item.
    */
-  value?: PaginationItemType;
+  value?: PaginationItemValue;
   /**
    * Whether the item is active.
    * @default false
@@ -40,13 +41,14 @@ export interface UsePaginationItemProps extends Omit<HTMLNextUIProps<"li">, "onC
    * @param e PressEvent
    */
   onPress?: (e: PressEvent) => void;
-
   /**
    * Function to get the aria-label of the item.
    */
-  getAriaLabel?: (page?: string) => string | undefined;
+  getAriaLabel?: (page?: PaginationItemValue) => string | undefined;
 }
 
+export type UsePaginationItemProps = Props & LinkDOMProps;
+
 export function usePaginationItem(props: UsePaginationItemProps) {
   const {
     as,
@@ -62,9 +64,13 @@ export function usePaginationItem(props: UsePaginationItemProps) {
     ...otherProps
   } = props;
 
-  const Component = as || "li";
+  const isLink = !!props?.href;
+  const Component = as || isLink ? "a" : "li";
+  const shouldFilterDOMProps = typeof Component === "string";
   const domRef = useDOMRef(ref);
 
+  const router = useRouter();
+
   const ariaLabel = useMemo(
     () => (isActive ? `${getAriaLabel?.(value)} active` : getAriaLabel?.(value)),
     [value, isActive],
@@ -92,9 +98,32 @@ export function usePaginationItem(props: UsePaginationItemProps) {
       "data-hover": dataAttr(isHovered),
       "data-pressed": dataAttr(isPressed),
       "data-focus-visible": dataAttr(isFocusVisible),
-      ...mergeProps(props, pressProps, focusProps, hoverProps, otherProps),
+      ...mergeProps(
+        props,
+        pressProps,
+        focusProps,
+        hoverProps,
+        filterDOMProps(otherProps, {
+          enabled: shouldFilterDOMProps,
+        }),
+      ),
       className: clsx(className, props.className),
-      onClick: chain(pressProps.onClick, onClick),
+      onClick: (e: React.MouseEvent<HTMLAnchorElement>) => {
+        chain(pressProps?.onClick, onClick)(e);
+
+        // If a custom router is provided, prevent default and forward if this link should client navigate.
+        if (
+          !router.isNative &&
+          e.currentTarget instanceof HTMLAnchorElement &&
+          e.currentTarget.href &&
+          // If props are applied to a router Link component, it may have already prevented default.
+          !e.isDefaultPrevented() &&
+          shouldClientNavigate(e.currentTarget, e)
+        ) {
+          e.preventDefault();
+          router.open(e.currentTarget, e);
+        }
+      },
     };
   };
 
diff --git a/packages/components/pagination/src/use-pagination.ts b/packages/components/pagination/src/use-pagination.ts
index c9fd5d653..9a377f22e 100644
--- a/packages/components/pagination/src/use-pagination.ts
+++ b/packages/components/pagination/src/use-pagination.ts
@@ -1,6 +1,6 @@
 import type {PaginationSlots, PaginationVariantProps, SlotsToClasses} from "@nextui-org/theme";
 import type {Timer} from "@nextui-org/shared-utils";
-import type {ReactNode, Ref} from "react";
+import type {Key, ReactNode, Ref} from "react";
 import type {HTMLNextUIProps, PropGetter} from "@nextui-org/system";
 
 import {
@@ -15,12 +15,21 @@ import scrollIntoView from "scroll-into-view-if-needed";
 import {pagination} from "@nextui-org/theme";
 import {useDOMRef} from "@nextui-org/react-utils";
 import {clsx, dataAttr} from "@nextui-org/shared-utils";
+import {PressEvent} from "@react-types/shared";
 
 export type PaginationItemRenderProps = {
   /**
    * The pagination item ref.
    */
   ref?: Ref<any>;
+  /**
+   * React key.
+   */
+  key?: Key;
+  /**
+   * The pagination item value.
+   */
+  children?: ReactNode;
   /**
    * The pagination item value.
    */
@@ -29,6 +38,14 @@ export type PaginationItemRenderProps = {
    * The pagination item index.
    */
   index: number;
+  /**
+   * Calculated pagination item position. This includes the dots.
+   */
+  page: number;
+  /**
+   * The pagination total number of pages.
+   */
+  total: number;
   /**
    * The active page number.
    */
@@ -37,6 +54,10 @@ export type PaginationItemRenderProps = {
    * Whether the pagination item is active.
    */
   isActive: boolean;
+  /**
+   * Whether the item is before the active page.
+   */
+  isBefore: boolean;
   /**
    * Whether the pagination item is the first item in the pagination.
    */
@@ -49,6 +70,11 @@ export type PaginationItemRenderProps = {
    * Whether the pagination item is the next item in the pagination.
    */
   isNext: boolean;
+  /**
+   * Number of pages that are added or subtracted on the '...' button.
+   * @default 5
+   */
+  dotsJump: number;
   /**
    * Whether the pagination item is the previous item in the pagination.
    */
@@ -69,6 +95,15 @@ export type PaginationItemRenderProps = {
    * Callback to go to the page.
    */
   setPage: (page: number) => void;
+  /**
+   * Callback fired when the item is clicked.
+   * @param e PressEvent
+   */
+  onPress?: (e: PressEvent) => void;
+  /**
+   * Function to get the aria-label of the item.
+   */
+  getAriaLabel?: (page?: PaginationItemValue) => string | undefined;
 };
 
 interface Props extends Omit<HTMLNextUIProps<"nav">, "onChange"> {
@@ -100,7 +135,7 @@ interface Props extends Omit<HTMLNextUIProps<"nav">, "onChange"> {
   /**
    * Function to get the aria-label of the item. If not provided, pagination will use the default one.
    */
-  getItemAriaLabel?: (page?: string) => string;
+  getItemAriaLabel?: (page?: string | PaginationItemValue) => string;
   /**
    * Classname or List of classes to change the classNames of the element.
    * if `className` is passed, it will be added to the base slot.
@@ -301,7 +336,7 @@ export function usePagination(originalProps: UsePaginationProps) {
     };
   };
 
-  const getItemAriaLabel = (page?: string) => {
+  const getItemAriaLabel = (page?: string | PaginationItemValue) => {
     if (!page) return;
 
     if (getItemAriaLabelProp) {
diff --git a/packages/components/popover/package.json b/packages/components/popover/package.json
index bac3140a9..a6ff58cc9 100644
--- a/packages/components/popover/package.json
+++ b/packages/components/popover/package.json
@@ -36,7 +36,9 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "framer-motion": ">=4.0.0"
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/aria-utils": "workspace:*",
@@ -45,24 +47,25 @@
     "@nextui-org/button": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
-    "@react-aria/dialog": "^3.5.5",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/overlays": "^3.17.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-stately/overlays": "^3.6.2",
-    "@react-aria/focus": "^3.14.1",
-    "@react-types/overlays": "^3.8.2",
-    "@react-types/button": "^3.8.0",
+    "@react-aria/dialog": "^3.5.7",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/overlays": "^3.18.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-stately/overlays": "^3.6.3",
+    "@react-aria/focus": "^3.14.3",
+    "@react-types/overlays": "^3.8.3",
+    "@react-types/button": "^3.9.0",
     "react-remove-scroll": "^2.5.6"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/input": "workspace:*",
     "@nextui-org/card": "workspace:*",
-    "framer-motion": "^10.15.1",
+    "framer-motion": "^10.16.4",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/popover/src/free-solo-popover.tsx b/packages/components/popover/src/free-solo-popover.tsx
index 46abf3ce0..87008bdba 100644
--- a/packages/components/popover/src/free-solo-popover.tsx
+++ b/packages/components/popover/src/free-solo-popover.tsx
@@ -62,7 +62,6 @@ const FreeSoloPopover = forwardRef<"div", FreeSoloPopoverProps>((props, ref) =>
     children,
     placement,
     backdrop,
-    showArrow,
     portalContainer,
     disableAnimation,
     motionProps,
@@ -70,7 +69,7 @@ const FreeSoloPopover = forwardRef<"div", FreeSoloPopoverProps>((props, ref) =>
     getPopoverProps,
     getBackdropProps,
     getDialogProps,
-    getArrowProps,
+    getContentProps,
   } = usePopover({
     ...props,
     // avoid closing the popover when navigating with the keyboard
@@ -78,12 +77,6 @@ const FreeSoloPopover = forwardRef<"div", FreeSoloPopoverProps>((props, ref) =>
     ref,
   });
 
-  const arrowContent = React.useMemo(() => {
-    if (!showArrow) return null;
-
-    return <span {...getArrowProps()} />;
-  }, [showArrow, getArrowProps]);
-
   const backdropContent = React.useMemo(() => {
     if (backdrop === "transparent") {
       return null;
@@ -116,8 +109,7 @@ const FreeSoloPopover = forwardRef<"div", FreeSoloPopoverProps>((props, ref) =>
           {...getDialogProps()}
         >
           {!isNonModal && <DismissButton onDismiss={state.close} />}
-          {children}
-          {arrowContent}
+          <div {...getContentProps()}>{children}</div>
           <DismissButton onDismiss={state.close} />
         </FreeSoloPopoverWrapper>
       </Component>
diff --git a/packages/components/popover/src/popover-content.tsx b/packages/components/popover/src/popover-content.tsx
index 34be283de..ff48a733f 100644
--- a/packages/components/popover/src/popover-content.tsx
+++ b/packages/components/popover/src/popover-content.tsx
@@ -21,21 +21,20 @@ export interface PopoverContentProps
 }
 
 const PopoverContent = forwardRef<"div", PopoverContentProps>((props, _) => {
-  const {as, children, ...otherProps} = props;
+  const {as, children, className, ...otherProps} = props;
 
   const {
     Component: OverlayComponent,
     isOpen,
     placement,
-    showArrow,
     motionProps,
     backdrop,
     disableAnimation,
     shouldBlockScroll,
     getPopoverProps,
-    getArrowProps,
     getDialogProps,
     getBackdropProps,
+    getContentProps,
     isNonModal,
     onClose,
   } = usePopoverContext();
@@ -48,19 +47,14 @@ const PopoverContent = forwardRef<"div", PopoverContentProps>((props, _) => {
   // Not needed in the popover context, the popover role comes from getPopoverProps
   delete dialogProps.role;
 
-  const arrowContent = useMemo(() => {
-    if (!showArrow) return null;
-
-    return <span {...getArrowProps()} />;
-  }, [showArrow, getArrowProps]);
-
   const content = (
     <>
       {!isNonModal && <DismissButton onDismiss={onClose} />}
       <Component {...getDialogProps(mergeProps(dialogProps, otherProps))} ref={dialogRef}>
-        {typeof children === "function" ? children(titleProps) : children}
+        <div {...getContentProps({className})}>
+          {typeof children === "function" ? children(titleProps) : children}
+        </div>
       </Component>
-      {arrowContent}
       <DismissButton onDismiss={onClose} />
     </>
   );
diff --git a/packages/components/popover/src/use-popover.ts b/packages/components/popover/src/use-popover.ts
index ccb6708d1..3db2d7c00 100644
--- a/packages/components/popover/src/use-popover.ts
+++ b/packages/components/popover/src/use-popover.ts
@@ -13,6 +13,7 @@ import {popover} from "@nextui-org/theme";
 import {mergeProps, mergeRefs} from "@react-aria/utils";
 import {clsx, dataAttr} from "@nextui-org/shared-utils";
 import {useMemo, useCallback, useRef} from "react";
+import {PressEvent} from "@react-types/shared";
 
 import {useReactAriaPopover, ReactAriaPopoverProps} from "./use-aria-popover";
 
@@ -55,9 +56,9 @@ export interface Props extends HTMLNextUIProps<"div"> {
    * ```ts
    * <Popover classNames={{
    *    base:"base-classes",
+   *    content: "content-classes",
    *    trigger: "trigger-classes",
    *    backdrop: "backdrop-classes",
-   *    arrow: "arrow-classes",
    * }} />
    * ```
    */
@@ -83,9 +84,9 @@ export function usePopover(originalProps: UsePopoverProps) {
     state: stateProp,
     triggerRef: triggerRefProp,
     scrollRef,
-    isOpen,
     defaultOpen,
     onOpenChange,
+    isOpen: isOpenProp,
     isNonModal = true,
     shouldFlip = true,
     containerPadding = 12,
@@ -112,13 +113,14 @@ export function usePopover(originalProps: UsePopoverProps) {
   const domRef = useDOMRef(ref);
 
   const domTriggerRef = useRef<HTMLElement>(null);
+  const wasTriggerPressedRef = useRef(false);
 
   const triggerRef = triggerRefProp || domTriggerRef;
 
   const disableAnimation = originalProps.disableAnimation ?? false;
 
   const innerState = useOverlayTriggerState({
-    isOpen,
+    isOpen: isOpenProp,
     defaultOpen,
     onOpenChange: (isOpen) => {
       onOpenChange?.(isOpen);
@@ -133,7 +135,6 @@ export function usePopover(originalProps: UsePopoverProps) {
   const {
     popoverProps,
     underlayProps,
-    arrowProps,
     placement: ariaPlacement,
   } = useReactAriaPopover(
     {
@@ -175,52 +176,95 @@ export function usePopover(originalProps: UsePopoverProps) {
   });
 
   const getDialogProps: PropGetter = (props = {}) => ({
+    "data-slot": "base",
     "data-open": dataAttr(state.isOpen),
     "data-focus": dataAttr(isFocused),
+    "data-arrow": dataAttr(showArrow),
     "data-focus-visible": dataAttr(isFocusVisible),
     "data-placement": getArrowPlacement(ariaPlacement, placementProp),
     ...mergeProps(focusProps, props),
-    className: slots.base({class: clsx(baseStyles, props.className)}),
+    className: slots.base({class: clsx(baseStyles)}),
     style: {
       // this prevent the dialog to have a default outline
       outline: "none",
     },
   });
 
+  const getContentProps = useCallback<PropGetter>(
+    (props = {}) => ({
+      "data-slot": "content",
+      "data-open": dataAttr(state.isOpen),
+      "data-arrow": dataAttr(showArrow),
+      "data-placement": getArrowPlacement(ariaPlacement, placementProp),
+      className: slots.content({class: clsx(classNames?.content, props.className)}),
+    }),
+    [slots, state.isOpen, showArrow, ariaPlacement, placementProp, classNames],
+  );
+
   const placement = useMemo(
     () => (getShouldUseAxisPlacement(ariaPlacement, placementProp) ? ariaPlacement : placementProp),
     [ariaPlacement, placementProp],
   );
 
+  const onPress = useCallback(
+    (e: PressEvent) => {
+      let pressTimer: ReturnType<typeof setTimeout>;
+
+      // Artificial delay to prevent the underlay to be triggered immediately after the onPress
+      // this only happens when the backdrop is blur or opaque & pointerType === "touch"
+      // TODO: find a better way to handle this
+      if (
+        e.pointerType === "touch" &&
+        (originalProps?.backdrop === "blur" || originalProps?.backdrop === "opaque")
+      ) {
+        pressTimer = setTimeout(() => {
+          wasTriggerPressedRef.current = true;
+        }, 100);
+      } else {
+        wasTriggerPressedRef.current = true;
+      }
+
+      triggerProps.onPress?.(e);
+
+      return () => {
+        clearTimeout(pressTimer);
+      };
+    },
+    [triggerProps?.onPress],
+  );
+
   const getTriggerProps = useCallback<PropGetter>(
     (props = {}, _ref: Ref<any> | null | undefined = null) => {
       return {
+        "data-slot": "trigger",
         "aria-haspopup": "dialog",
         ...mergeProps(triggerProps, props),
+        onPress,
         className: slots.trigger({class: clsx(classNames?.trigger, props.className)}),
         ref: mergeRefs(_ref, triggerRef),
       };
     },
-    [isOpen, state, triggerProps, triggerRef],
+    [state, triggerProps, onPress, triggerRef],
   );
 
   const getBackdropProps = useCallback<PropGetter>(
     (props = {}) => ({
+      "data-slot": "backdrop",
       className: slots.backdrop({class: classNames?.backdrop}),
-      onClick: () => state.close(),
+      onClick: (e) => {
+        if (!wasTriggerPressedRef.current) {
+          e.preventDefault();
+
+          return;
+        }
+
+        state.close();
+        wasTriggerPressedRef.current = false;
+      },
       ...underlayProps,
       ...props,
     }),
-    [slots, classNames, underlayProps],
-  );
-
-  const getArrowProps = useCallback<PropGetter>(
-    () => ({
-      className: slots.arrow({class: classNames?.arrow}),
-      "data-placement": getArrowPlacement(ariaPlacement, placementProp),
-      ...arrowProps,
-    }),
-    [arrowProps, ariaPlacement, placementProp, slots, classNames],
+    [slots, state.isOpen, classNames, underlayProps],
   );
 
   useEffect(() => {
@@ -249,8 +293,8 @@ export function usePopover(originalProps: UsePopoverProps) {
     getBackdropProps,
     getPopoverProps,
     getTriggerProps,
-    getArrowProps,
     getDialogProps,
+    getContentProps,
   };
 }
 
diff --git a/packages/components/popover/stories/popover.stories.tsx b/packages/components/popover/stories/popover.stories.tsx
index 5427d2f0f..10a3defc6 100644
--- a/packages/components/popover/stories/popover.stories.tsx
+++ b/packages/components/popover/stories/popover.stories.tsx
@@ -344,6 +344,50 @@ const WithFormTemplate = (args: PopoverProps) => (
   </Popover>
 );
 
+const BackdropsTemplate = (args: PopoverProps) => {
+  const backdrops: PopoverProps["backdrop"][] = ["opaque", "blur", "transparent"];
+
+  const content = (
+    <PopoverContent className="w-[240px]">
+      {(titleProps) => (
+        <div className="px-1 py-2 w-full">
+          <p className="text-small font-bold text-foreground" {...titleProps}>
+            Dimensions
+          </p>
+          <div className="mt-2 flex flex-col gap-2 w-full">
+            <Input defaultValue="100%" label="Width" size="sm" variant="bordered" />
+            <Input defaultValue="300px" label="Max. width" size="sm" variant="bordered" />
+            <Input defaultValue="24px" label="Height" size="sm" variant="bordered" />
+            <Input defaultValue="30px" label="Max. height" size="sm" variant="bordered" />
+          </div>
+        </div>
+      )}
+    </PopoverContent>
+  );
+
+  return (
+    <div className="flex flex-wrap gap-4">
+      {backdrops.map((backdrop) => (
+        <Popover
+          key={backdrop}
+          showArrow
+          offset={10}
+          placement="bottom"
+          {...args}
+          backdrop={backdrop}
+        >
+          <PopoverTrigger>
+            <Button className="capitalize" color="warning" variant="flat">
+              {backdrop}
+            </Button>
+          </PopoverTrigger>
+          {content}
+        </Popover>
+      ))}
+    </div>
+  );
+};
+
 const WithBackdropTemplate = (args: PopoverProps) => (
   <Card isFooterBlurred className="w-[420px] h-[400px] col-span-12 sm:col-span-7">
     <CardHeader className="absolute z-10 top-1 flex-col items-start">
@@ -474,6 +518,17 @@ export const WithForm = {
   },
 };
 
+export const Backdrops = {
+  render: BackdropsTemplate,
+
+  args: {
+    ...defaultProps,
+    showArrow: true,
+    offset: 10,
+    placement: "bottom",
+  },
+};
+
 export const WithBackdrop = {
   render: WithBackdropTemplate,
 
@@ -483,7 +538,6 @@ export const WithBackdrop = {
     offset: 10,
     placement: "left",
     backdrop: "blur",
-    className: "bg-content1",
   },
 };
 
diff --git a/packages/components/progress/package.json b/packages/components/progress/package.json
index 0fe36d790..bbd789494 100644
--- a/packages/components/progress/package.json
+++ b/packages/components/progress/package.json
@@ -35,24 +35,27 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/use-is-mounted": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
-    "@react-aria/i18n": "^3.8.2",
-    "@react-aria/progress": "^3.4.5",
-    "@react-aria/utils": "^3.20.0",
-    "@react-types/progress": "^3.4.3"
+    "@react-aria/i18n": "^3.8.4",
+    "@react-aria/progress": "^3.4.7",
+    "@react-aria/utils": "^3.21.1",
+    "@react-types/progress": "^3.5.0"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/card": "workspace:*",
     "@nextui-org/chip": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/radio/package.json b/packages/components/radio/package.json
index caa5600e4..589a68921 100644
--- a/packages/components/radio/package.json
+++ b/packages/components/radio/package.json
@@ -35,26 +35,30 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/radio": "^3.8.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-aria/visually-hidden": "^3.8.4",
-    "@react-stately/radio": "^3.9.0",
-    "@react-types/radio": "^3.5.1",
-    "@react-types/shared": "^3.20.0"
+    "@nextui-org/use-aria-press": "workspace:*",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/radio": "^3.8.2",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/visually-hidden": "^3.8.6",
+    "@react-stately/radio": "^3.9.1",
+    "@react-types/radio": "^3.5.2",
+    "@react-types/shared": "^3.21.0"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/button": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/radio/src/use-radio.ts b/packages/components/radio/src/use-radio.ts
index 7d1d0e46c..973e6135b 100644
--- a/packages/components/radio/src/use-radio.ts
+++ b/packages/components/radio/src/use-radio.ts
@@ -4,7 +4,8 @@ import type {RadioVariantProps, RadioSlots, SlotsToClasses} from "@nextui-org/th
 import {Ref, ReactNode, useCallback, useId, useState} from "react";
 import {useMemo, useRef} from "react";
 import {useFocusRing} from "@react-aria/focus";
-import {useHover, usePress} from "@react-aria/interactions";
+import {useHover} from "@react-aria/interactions";
+import {usePress} from "@nextui-org/use-aria-press";
 import {radio} from "@nextui-org/theme";
 import {useRadio as useReactAriaRadio} from "@react-aria/radio";
 import {HTMLNextUIProps, PropGetter} from "@nextui-org/system";
diff --git a/packages/components/ripple/package.json b/packages/components/ripple/package.json
index f4fdfcc2d..3d9bf02e3 100644
--- a/packages/components/ripple/package.json
+++ b/packages/components/ripple/package.json
@@ -36,18 +36,21 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "framer-motion": ">=4.0.0"
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "clean-package": "2.2.0",
-    "framer-motion": "^10.15.1",
-    "react": "^18.0.0"
+    "framer-motion": "^10.16.4",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/scroll-shadow/__tests__/scroll-shadow.test.tsx b/packages/components/scroll-shadow/__tests__/scroll-shadow.test.tsx
index aea9d5ecb..68608e402 100644
--- a/packages/components/scroll-shadow/__tests__/scroll-shadow.test.tsx
+++ b/packages/components/scroll-shadow/__tests__/scroll-shadow.test.tsx
@@ -16,4 +16,11 @@ describe("ScrollShadow", () => {
     render(<ScrollShadow ref={ref} />);
     expect(ref.current).not.toBeNull();
   });
+
+  it("should support controlled visibility state", () => {
+    const {getByTestId} = render(<ScrollShadow data-testid="scroll-shadow" visibility="top" />);
+
+    // should have the data-top-scroll attribute in true
+    expect(getByTestId("scroll-shadow")).toHaveAttribute("data-top-scroll", "true");
+  });
 });
diff --git a/packages/components/scroll-shadow/package.json b/packages/components/scroll-shadow/package.json
index ce82b6c59..bbf10a8d5 100644
--- a/packages/components/scroll-shadow/package.json
+++ b/packages/components/scroll-shadow/package.json
@@ -35,19 +35,22 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/use-data-scroll-overflow": "workspace:*"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "clean-package": "2.2.0",
     "react-lorem-component": "0.13.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/scroll-shadow/src/index.ts b/packages/components/scroll-shadow/src/index.ts
index f0f22a8ab..e5d9e5bf1 100644
--- a/packages/components/scroll-shadow/src/index.ts
+++ b/packages/components/scroll-shadow/src/index.ts
@@ -2,6 +2,10 @@ import ScrollShadow from "./scroll-shadow";
 
 // export types
 export type {ScrollShadowProps} from "./scroll-shadow";
+export type {
+  ScrollOverflowVisibility as ScrollShadowVisibility,
+  ScrollOverflowOrientation as ScrollShadowOrientation,
+} from "@nextui-org/use-data-scroll-overflow";
 
 // export hooks
 export {useScrollShadow} from "./use-scroll-shadow";
diff --git a/packages/components/scroll-shadow/src/use-scroll-shadow.ts b/packages/components/scroll-shadow/src/use-scroll-shadow.ts
index c6c765a8a..347f89b20 100644
--- a/packages/components/scroll-shadow/src/use-scroll-shadow.ts
+++ b/packages/components/scroll-shadow/src/use-scroll-shadow.ts
@@ -3,10 +3,13 @@ import type {ScrollShadowVariantProps} from "@nextui-org/theme";
 import {HTMLNextUIProps, mapPropsVariants, PropGetter} from "@nextui-org/system";
 import {scrollShadow} from "@nextui-org/theme";
 import {ReactRef, useDOMRef} from "@nextui-org/react-utils";
-import {useDataScrollOverflow} from "@nextui-org/use-data-scroll-overflow";
+import {
+  useDataScrollOverflow,
+  UseDataScrollOverflowProps,
+} from "@nextui-org/use-data-scroll-overflow";
 import {useMemo} from "react";
 
-interface Props extends HTMLNextUIProps<"div"> {
+interface Props extends HTMLNextUIProps<"div">, Omit<UseDataScrollOverflowProps, "domRef"> {
   /**
    * Ref to the DOM node.
    */
@@ -16,16 +19,6 @@ interface Props extends HTMLNextUIProps<"div"> {
    * @default 40
    */
   size?: number;
-  /**
-   * The scroll offset to show the shadow.
-   * @default 0
-   */
-  offset?: number;
-  /**
-   * Whether the shadow is enabled.
-   * @default true
-   */
-  isEnabled?: boolean;
 }
 
 export type UseScrollShadowProps = Props & ScrollShadowVariantProps;
@@ -38,10 +31,12 @@ export function useScrollShadow(originalProps: UseScrollShadowProps) {
     as,
     children,
     className,
+    style,
     size = 40,
     offset = 0,
+    visibility = "auto",
     isEnabled = true,
-    style,
+    onVisibilityChange,
     ...otherProps
   } = props;
 
@@ -52,7 +47,10 @@ export function useScrollShadow(originalProps: UseScrollShadowProps) {
   useDataScrollOverflow({
     domRef,
     offset,
+    visibility,
     isEnabled,
+    onVisibilityChange,
+    updateDeps: [children],
     overflowCheck: originalProps.orientation ?? "vertical",
   });
 
diff --git a/packages/components/scroll-shadow/stories/scroll-shadow.stories.tsx b/packages/components/scroll-shadow/stories/scroll-shadow.stories.tsx
index 88a534475..a6ab36169 100644
--- a/packages/components/scroll-shadow/stories/scroll-shadow.stories.tsx
+++ b/packages/components/scroll-shadow/stories/scroll-shadow.stories.tsx
@@ -1,9 +1,14 @@
 import React from "react";
 import {Meta} from "@storybook/react";
-import {scrollShadow} from "@nextui-org/theme";
+import {scrollShadow, button} from "@nextui-org/theme";
 import Lorem from "react-lorem-component";
 
-import {ScrollShadow, ScrollShadowProps} from "../src";
+import {
+  ScrollShadow,
+  ScrollShadowProps,
+  ScrollShadowOrientation,
+  ScrollShadowVisibility,
+} from "../src";
 
 export default {
   title: "Components/ScrollShadow",
@@ -16,6 +21,10 @@ export default {
     offset: {
       control: {type: "number"},
     },
+    visible: {
+      control: {type: "select"},
+      options: ["auto", "top", "bottom", "both", "left", "right"],
+    },
     children: {
       table: {
         disable: true,
@@ -33,12 +42,73 @@ export default {
 
 const defaultProps = {
   ...scrollShadow.defaultVariants,
+  visible: "auto",
   className: "w-[300px] h-[400px]",
   children: <Lorem count={10} />,
 };
 
 const Template = (args: ScrollShadowProps) => <ScrollShadow {...args} />;
 
+const ControlledTemplate = ({children, ...args}: ScrollShadowProps) => {
+  const [visible, setVisible] = React.useState<ScrollShadowVisibility>("top");
+  const [orientation, setOrientation] = React.useState<ScrollShadowOrientation>("vertical");
+
+  const states: Record<ScrollShadowOrientation, ScrollShadowVisibility[]> = {
+    ["vertical"]: ["top", "bottom", "both"],
+    ["horizontal"]: ["left", "right", "both"],
+  };
+
+  const orientationStates: ScrollShadowOrientation[] = ["vertical", "horizontal"];
+
+  return (
+    <div className="flex flex-col gap-3">
+      <ScrollShadow
+        {...args}
+        className={orientation === "horizontal" ? "max-w-[300px] max-h-[400px]" : args.className}
+        orientation={orientation}
+        visible={visible}
+      >
+        {orientation === "horizontal" ? <div className="w-[800px]">{children}</div> : children}
+      </ScrollShadow>
+      <p className="text-default-500">Orientation: {orientation}</p>
+      <p className="text-default-500">Visible state: {visible}</p>
+      <div className="flex mt-2 gap-2">
+        {orientationStates.map((o) => (
+          <button
+            key={o}
+            className={button({
+              color: orientation === o ? "primary" : "default",
+            })}
+            onClick={() => {
+              if (o === "horizontal") {
+                setVisible("left");
+              } else {
+                setVisible("top");
+              }
+              setOrientation(o);
+            }}
+          >
+            {o}
+          </button>
+        ))}
+      </div>
+      <div className="flex mt-2 gap-2">
+        {states[orientation].map((state) => (
+          <button
+            key={state}
+            className={button({
+              color: visible === state ? "primary" : "default",
+            })}
+            onClick={() => setVisible(state)}
+          >
+            {state}
+          </button>
+        ))}
+      </div>
+    </div>
+  );
+};
+
 export const Default = {
   render: Template,
   args: {
@@ -46,6 +116,13 @@ export const Default = {
   },
 };
 
+export const Controlled = {
+  render: ControlledTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
 export const HideScrollBar = {
   render: Template,
   args: {
diff --git a/packages/components/select/package.json b/packages/components/select/package.json
index 575bc2cd1..6a881b8fb 100644
--- a/packages/components/select/package.json
+++ b/packages/components/select/package.json
@@ -36,7 +36,9 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "framer-motion": ">=4.0.0"
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/aria-utils": "workspace:*",
@@ -47,25 +49,28 @@
     "@nextui-org/scroll-shadow": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/use-aria-button": "workspace:*",
     "@nextui-org/use-aria-multiselect": "workspace:*",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-aria/visually-hidden": "^3.8.4",
-    "@react-types/shared": "^3.20.0"
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/visually-hidden": "^3.8.6",
+    "@react-types/shared": "^3.21.0"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/avatar": "workspace:*",
     "@nextui-org/input": "workspace:*",
     "@nextui-org/chip": "workspace:*",
-    "framer-motion": "^10.15.1",
+    "@nextui-org/stories-utils": "workspace:*",
     "@nextui-org/use-infinite-scroll": "workspace:*",
-    "@react-stately/data": "^3.10.2",
+    "framer-motion": "^10.16.4",
+    "@react-stately/data": "^3.10.3",
+    "@react-aria/i18n": "^3.8.4",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/select/src/select.tsx b/packages/components/select/src/select.tsx
index da4789072..afc985da9 100644
--- a/packages/components/select/src/select.tsx
+++ b/packages/components/select/src/select.tsx
@@ -11,7 +11,7 @@ import {AnimatePresence} from "framer-motion";
 import {HiddenSelect} from "./hidden-select";
 import {UseSelectProps, useSelect} from "./use-select";
 
-interface Props<T> extends Omit<UseSelectProps<T>, "isLabelPlaceholder"> {}
+interface Props<T> extends UseSelectProps<T> {}
 
 function Select<T extends object>(props: Props<T>, ref: ForwardedRef<HTMLSelectElement>) {
   const {
diff --git a/packages/components/select/src/use-select.ts b/packages/components/select/src/use-select.ts
index 3e3a7223c..9ec4c8316 100644
--- a/packages/components/select/src/use-select.ts
+++ b/packages/components/select/src/use-select.ts
@@ -12,8 +12,6 @@ import {clsx, dataAttr} from "@nextui-org/shared-utils";
 import {mergeProps} from "@react-aria/utils";
 import {useHover} from "@react-aria/interactions";
 import {PopoverProps} from "@nextui-org/popover";
-import {CollectionProps} from "@nextui-org/aria-utils";
-import {CollectionChildren} from "@react-types/shared";
 import {ScrollShadowProps} from "@nextui-org/scroll-shadow";
 import {
   MultiSelectProps,
@@ -21,6 +19,7 @@ import {
   useMultiSelectState,
 } from "@nextui-org/use-aria-multiselect";
 import {SpinnerProps} from "@nextui-org/spinner";
+import {CollectionChildren} from "@react-types/shared";
 
 export type SelectedItemProps<T = object> = {
   /** A unique key for the item. */
@@ -124,20 +123,18 @@ interface Props<T> extends Omit<HTMLNextUIProps<"select">, keyof SelectVariantPr
 
 export type UseSelectProps<T> = Omit<Props<T>, keyof MultiSelectProps<T>> &
   MultiSelectProps<T> &
-  CollectionProps<T> &
   SelectVariantProps;
 
 export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
   const [props, variantProps] = mapPropsVariants(originalProps, select.variantKeys);
   const disableAnimation = originalProps.disableAnimation ?? false;
 
-  let {
+  const {
     ref,
     as,
     isOpen,
     label,
     name,
-    children,
     isLoading,
     selectorIcon,
     defaultOpen,
@@ -149,15 +146,16 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
     renderValue,
     onSelectionChange,
     placeholder,
+    children,
     disallowEmptySelection = false,
     selectionMode = "single",
     spinnerRef,
     scrollRef: scrollRefProp,
-    popoverProps: userPopoverProps,
-    scrollShadowProps: userScrollShadowProps,
-    listboxProps: userListboxProps,
+    popoverProps = {},
+    scrollShadowProps = {},
+    listboxProps = {},
+    spinnerProps = {},
     validationState,
-    spinnerProps,
     onChange,
     onClose,
     className,
@@ -167,41 +165,43 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
 
   const scrollShadowRef = useDOMRef(scrollRefProp);
 
-  const defaultRelatedComponentsProps: {
+  const slotsProps: {
     popoverProps: UseSelectProps<T>["popoverProps"];
     scrollShadowProps: UseSelectProps<T>["scrollShadowProps"];
     listboxProps: UseSelectProps<T>["listboxProps"];
   } = {
-    popoverProps: {
-      placement: "bottom",
-      triggerScaleOnOpen: false,
-      offset: 5,
-      disableAnimation,
-    },
-    scrollShadowProps: {
-      ref: scrollShadowRef,
-      isEnabled: originalProps.showScrollIndicators ?? true,
-      hideScrollBar: true,
-      offset: 15,
-    },
-    listboxProps: {
-      disableAnimation,
-    },
+    popoverProps: mergeProps(
+      {
+        placement: "bottom",
+        triggerScaleOnOpen: false,
+        offset: 5,
+        disableAnimation,
+      },
+      popoverProps,
+    ),
+    scrollShadowProps: mergeProps(
+      {
+        ref: scrollShadowRef,
+        isEnabled: originalProps.showScrollIndicators ?? true,
+        hideScrollBar: true,
+        offset: 15,
+      },
+      scrollShadowProps,
+    ),
+    listboxProps: mergeProps(
+      {
+        disableAnimation,
+      },
+      listboxProps,
+    ),
   };
 
-  userPopoverProps = {...defaultRelatedComponentsProps.popoverProps, ...userPopoverProps};
-  userScrollShadowProps = {
-    ...defaultRelatedComponentsProps.scrollShadowProps,
-    ...userScrollShadowProps,
-  };
-  userListboxProps = {...defaultRelatedComponentsProps.listboxProps, ...userListboxProps};
-
   const Component = as || "button";
   const shouldFilterDOMProps = typeof Component === "string";
 
   const domRef = useDOMRef(ref);
   const triggerRef = useRef<HTMLElement>(null);
-  const listboxRef = useRef<HTMLUListElement>(null);
+  const listBoxRef = useRef<HTMLUListElement>(null);
   const popoverRef = useRef<HTMLDivElement>(null);
 
   const state = useMultiSelectState<T>({
@@ -261,26 +261,26 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
   const shouldLabelBeOutside =
     labelPlacement === "outside-left" || (labelPlacement === "outside" && hasPlaceholder);
   const shouldLabelBeInside = labelPlacement === "inside";
-  const isLabelPlaceholder = !hasPlaceholder && labelPlacement !== "outside-left";
-  const isFilled = state.isOpen || !!state.selectedItems || !!startContent || !!endContent;
-
+  const isFilled =
+    state.isOpen || hasPlaceholder || !!state.selectedItems || !!startContent || !!endContent;
+  const hasValue = !!state.selectedItems;
+  const hasLabel = !!label;
   const baseStyles = clsx(classNames?.base, className);
 
   const slots = useMemo(
     () =>
       select({
         ...variantProps,
-        isLabelPlaceholder,
         isInvalid,
         className,
       }),
-    [...Object.values(variantProps), isInvalid, isLabelPlaceholder, className],
+    [...Object.values(variantProps), isInvalid, className],
   );
 
   // scroll the listbox to the selected item
   useEffect(() => {
-    if (state.isOpen && popoverRef.current && listboxRef.current) {
-      let selectedItem = listboxRef.current.querySelector("[aria-selected=true] [data-label=true]");
+    if (state.isOpen && popoverRef.current && listBoxRef.current) {
+      let selectedItem = listBoxRef.current.querySelector("[aria-selected=true] [data-label=true]");
       let scrollShadow = scrollShadowRef.current;
 
       // scroll the listbox to the selected item
@@ -309,13 +309,15 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
   const getBaseProps: PropGetter = useCallback(
     (props = {}) => ({
       "data-filled": dataAttr(isFilled),
+      "data-has-value": dataAttr(hasValue),
+      "data-has-label": dataAttr(hasLabel),
       "data-has-helper": dataAttr(hasHelper),
       className: slots.base({
         class: clsx(baseStyles, props.className),
       }),
       ...props,
     }),
-    [slots, hasHelper, isFilled, baseStyles],
+    [slots, hasHelper, hasValue, hasLabel, isFilled, baseStyles],
   );
 
   const getTriggerProps: PropGetter = useCallback(
@@ -411,19 +413,19 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
       className: slots.listboxWrapper({
         class: clsx(classNames?.listboxWrapper, props?.className),
       }),
-      ...mergeProps(userScrollShadowProps, props),
+      ...mergeProps(slotsProps.scrollShadowProps, props),
     }),
-    [slots.listboxWrapper, classNames?.listboxWrapper, userScrollShadowProps],
+    [slots.listboxWrapper, classNames?.listboxWrapper, slotsProps.scrollShadowProps],
   );
 
   const getListboxProps = (props: any = {}) => {
     return {
       state,
-      ref: listboxRef,
+      ref: listBoxRef,
       className: slots.listbox({
         class: clsx(classNames?.listbox, props?.className),
       }),
-      ...mergeProps(userListboxProps, props, menuProps),
+      ...mergeProps(slotsProps.listboxProps, props, menuProps),
     } as ListboxProps;
   };
 
@@ -433,20 +435,29 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
         state,
         triggerRef,
         ref: popoverRef,
-        scrollRef: listboxRef,
+        scrollRef: listBoxRef,
         triggerType: "listbox",
-        className: slots.popover({
-          class: clsx(classNames?.popover, props.className),
-        }),
-        ...mergeProps(userPopoverProps, props),
+        classNames: {
+          content: slots.popoverContent({
+            class: clsx(classNames?.popoverContent, props.className),
+          }),
+        },
+        ...mergeProps(slotsProps.popoverProps, props),
         offset:
           state.selectedItems && state.selectedItems.length > 0
             ? // forces the popover to update its position when the selected items change
-              state.selectedItems.length * 0.00000001 + (userPopoverProps?.offset || 0)
-            : userPopoverProps?.offset,
+              state.selectedItems.length * 0.00000001 + (slotsProps.popoverProps?.offset || 0)
+            : slotsProps.popoverProps?.offset,
       } as PopoverProps;
     },
-    [slots, classNames?.popover, userPopoverProps, triggerRef, state, state.selectedItems],
+    [
+      slots,
+      classNames?.popoverContent,
+      slotsProps.popoverProps,
+      triggerRef,
+      state,
+      state.selectedItems,
+    ],
   );
 
   const getSelectorIconProps = useCallback(
diff --git a/packages/components/select/stories/select.stories.tsx b/packages/components/select/stories/select.stories.tsx
index d0df33fb1..0a0082c20 100644
--- a/packages/components/select/stories/select.stories.tsx
+++ b/packages/components/select/stories/select.stories.tsx
@@ -7,11 +7,17 @@ import {Avatar} from "@nextui-org/avatar";
 import {Chip} from "@nextui-org/chip";
 import {Selection} from "@react-types/shared";
 import {useInfiniteScroll} from "@nextui-org/use-infinite-scroll";
+import {
+  Pokemon,
+  usePokemonList,
+  animalsData,
+  usersData,
+  Animal,
+  User,
+} from "@nextui-org/stories-utils";
 
 import {Select, SelectedItems, SelectItem, SelectProps, SelectSection} from "../src";
 
-import {Pokemon, usePokemonList} from "./utils";
-
 export default {
   title: "Components/Select",
   component: Select,
@@ -65,255 +71,7 @@ const defaultProps = {
   ...select.defaultVariants,
 };
 
-type Item = {
-  label: string;
-  value: string;
-  description?: string;
-};
-
-type User = {
-  id: number;
-  name: string;
-  role: string;
-  team: string;
-  status: string;
-  age: string;
-  avatar: string;
-  email: string;
-};
-
-const itemsData: Item[] = [
-  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
-  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
-  {label: "Elephant", value: "elephant", description: "The largest land animal"},
-  {label: "Lion", value: "lion", description: "The king of the jungle"},
-  {label: "Tiger", value: "tiger", description: "The largest cat species"},
-  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
-  {
-    label: "Dolphin",
-    value: "dolphin",
-    description: "A widely distributed and diverse group of aquatic mammals",
-  },
-  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
-  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
-  {
-    label: "Shark",
-    value: "shark",
-    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
-  },
-  {
-    label: "Whale",
-    value: "whale",
-    description: "Diverse group of fully aquatic placental marine mammals",
-  },
-  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
-  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
-];
-
-const usersData: User[] = [
-  {
-    id: 1,
-    name: "Tony Reichert",
-    role: "CEO",
-    team: "Management",
-    status: "active",
-    age: "29",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/1.png",
-    email: "tony.reichert@example.com",
-  },
-  {
-    id: 2,
-    name: "Zoey Lang",
-    role: "Tech Lead",
-    team: "Development",
-    status: "paused",
-    age: "25",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/1.png",
-    email: "zoey.lang@example.com",
-  },
-  {
-    id: 3,
-    name: "Jane Fisher",
-    role: "Sr. Dev",
-    team: "Development",
-    status: "active",
-    age: "22",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/2.png",
-    email: "jane.fisher@example.com",
-  },
-  {
-    id: 4,
-    name: "William Howard",
-    role: "C.M.",
-    team: "Marketing",
-    status: "vacation",
-    age: "28",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/2.png",
-    email: "william.howard@example.com",
-  },
-  {
-    id: 5,
-    name: "Kristen Copper",
-    role: "S. Manager",
-    team: "Sales",
-    status: "active",
-    age: "24",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/3.png",
-    email: "kristen.cooper@example.com",
-  },
-  {
-    id: 6,
-    name: "Brian Kim",
-    role: "P. Manager",
-    team: "Management",
-    age: "29",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/3.png",
-    email: "brian.kim@example.com",
-    status: "Active",
-  },
-  {
-    id: 7,
-    name: "Michael Hunt",
-    role: "Designer",
-    team: "Design",
-    status: "paused",
-    age: "27",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/4.png",
-    email: "michael.hunt@example.com",
-  },
-  {
-    id: 8,
-    name: "Samantha Brooks",
-    role: "HR Manager",
-    team: "HR",
-    status: "active",
-    age: "31",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/4.png",
-    email: "samantha.brooks@example.com",
-  },
-  {
-    id: 9,
-    name: "Frank Harrison",
-    role: "F. Manager",
-    team: "Finance",
-    status: "vacation",
-    age: "33",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/5.png",
-    email: "frank.harrison@example.com",
-  },
-  {
-    id: 10,
-    name: "Emma Adams",
-    role: "Ops Manager",
-    team: "Operations",
-    status: "active",
-    age: "35",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/5.png",
-    email: "emma.adams@example.com",
-  },
-  {
-    id: 11,
-    name: "Brandon Stevens",
-    role: "Jr. Dev",
-    team: "Development",
-    status: "active",
-    age: "22",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/7.png",
-    email: "brandon.stevens@example.com",
-  },
-  {
-    id: 12,
-    name: "Megan Richards",
-    role: "P. Manager",
-    team: "Product",
-    status: "paused",
-    age: "28",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/7.png",
-    email: "megan.richards@example.com",
-  },
-  {
-    id: 13,
-    name: "Oliver Scott",
-    role: "S. Manager",
-    team: "Security",
-    status: "active",
-    age: "37",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/8.png",
-    email: "oliver.scott@example.com",
-  },
-  {
-    id: 14,
-    name: "Grace Allen",
-    role: "M. Specialist",
-    team: "Marketing",
-    status: "active",
-    age: "30",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/8.png",
-    email: "grace.allen@example.com",
-  },
-  {
-    id: 15,
-    name: "Noah Carter",
-    role: "IT Specialist",
-    team: "I. Technology",
-    status: "paused",
-    age: "31",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/9.png",
-    email: "noah.carter@example.com",
-  },
-  {
-    id: 16,
-    name: "Ava Perez",
-    role: "Manager",
-    team: "Sales",
-    status: "active",
-    age: "29",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/9.png",
-    email: "ava.perez@example.com",
-  },
-  {
-    id: 17,
-    name: "Liam Johnson",
-    role: "Data Analyst",
-    team: "Analysis",
-    status: "active",
-    age: "28",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/11.png",
-    email: "liam.johnson@example.com",
-  },
-  {
-    id: 18,
-    name: "Sophia Taylor",
-    role: "QA Analyst",
-    team: "Testing",
-    status: "active",
-    age: "27",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/11.png",
-    email: "sophia.taylor@example.com",
-  },
-  {
-    id: 19,
-    name: "Lucas Harris",
-    role: "Administrator",
-    team: "Information Technology",
-    status: "paused",
-    age: "32",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/12.png",
-    email: "lucas.harris@example.com",
-  },
-  {
-    id: 20,
-    name: "Mia Robinson",
-    role: "Coordinator",
-    team: "Operations",
-    status: "active",
-    age: "26",
-    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/12.png",
-    email: "mia.robinson@example.com",
-  },
-];
-
-const items = itemsData.map((item) => (
+const items = animalsData.map((item) => (
   <SelectItem key={item.value} value={item.value}>
     {item.label}
   </SelectItem>
@@ -325,11 +83,11 @@ const Template = ({color, variant, ...args}: SelectProps) => (
   </Select>
 );
 
-const DynamicTemplate = ({color, variant, ...args}: SelectProps<Item>) => (
+const DynamicTemplate = ({color, variant, ...args}: SelectProps<Animal>) => (
   <Select
     className="max-w-xs"
     color={color}
-    items={itemsData}
+    items={animalsData}
     label="Favorite Animal"
     variant={variant}
     {...args}
@@ -338,11 +96,11 @@ const DynamicTemplate = ({color, variant, ...args}: SelectProps<Item>) => (
   </Select>
 );
 
-const DynamicTemplateWithDescriptions = ({color, variant, ...args}: SelectProps<Item>) => (
+const DynamicTemplateWithDescriptions = ({color, variant, ...args}: SelectProps<Animal>) => (
   <Select
     className="max-w-xs"
     color={color}
-    items={itemsData}
+    items={animalsData}
     label="Favorite Animal"
     variant={variant}
     {...args}
@@ -355,7 +113,7 @@ const DynamicTemplateWithDescriptions = ({color, variant, ...args}: SelectProps<
   </Select>
 );
 
-const ItemStartContentTemplate = ({color, variant, ...args}: SelectProps<Item>) => (
+const ItemStartContentTemplate = ({color, variant, ...args}: SelectProps<Animal>) => (
   <Select className="max-w-xs" color={color} label="Select country" variant={variant} {...args}>
     <SelectItem
       key="argentina"
@@ -416,7 +174,7 @@ const ItemStartContentTemplate = ({color, variant, ...args}: SelectProps<Item>)
   </Select>
 );
 
-const ControlledTemplate = ({color, variant, ...args}: SelectProps<Item>) => {
+const ControlledTemplate = ({color, variant, ...args}: SelectProps<Animal>) => {
   const [value, setValue] = React.useState<Selection>(new Set(["cat"]));
 
   const handleSelectionChange = (e: ChangeEvent<HTMLSelectElement>) => {
@@ -428,7 +186,7 @@ const ControlledTemplate = ({color, variant, ...args}: SelectProps<Item>) => {
       <Select
         fullWidth
         color={color}
-        items={itemsData}
+        items={animalsData}
         label="Favorite Animal"
         selectedKeys={value}
         variant={variant}
@@ -442,7 +200,7 @@ const ControlledTemplate = ({color, variant, ...args}: SelectProps<Item>) => {
   );
 };
 
-const ControlledOpenTemplate = ({color, variant, ...args}: SelectProps<Item>) => {
+const ControlledOpenTemplate = ({color, variant, ...args}: SelectProps<Animal>) => {
   const [isOpen, setIsOpen] = React.useState(false);
 
   return (
@@ -468,7 +226,7 @@ const ControlledOpenTemplate = ({color, variant, ...args}: SelectProps<Item>) =>
   );
 };
 
-const ControlledMultipleTemplate = ({color, variant, ...args}: SelectProps<Item>) => {
+const ControlledMultipleTemplate = ({color, variant, ...args}: SelectProps<Animal>) => {
   const [values, setValues] = React.useState<Selection>(new Set(["cat", "dog"]));
 
   const handleSelectionChange = (items: Selection) => {
@@ -480,7 +238,7 @@ const ControlledMultipleTemplate = ({color, variant, ...args}: SelectProps<Item>
       <Select
         fullWidth
         color={color}
-        items={itemsData}
+        items={animalsData}
         label="Favorite Animal"
         selectedKeys={values}
         selectionMode="multiple"
@@ -752,8 +510,8 @@ const CustomStylesTemplate = ({color, variant, ...args}: SelectProps<User>) => {
       }}
       popoverProps={{
         classNames: {
-          base: "p-0 border-small border-divider bg-background",
-          arrow: "bg-default-200",
+          base: "before:bg-default-200",
+          content: "p-0 border-small border-divider bg-background",
         },
       }}
       variant={variant}
diff --git a/packages/components/skeleton/package.json b/packages/components/skeleton/package.json
index fed474d07..c16a2e526 100644
--- a/packages/components/skeleton/package.json
+++ b/packages/components/skeleton/package.json
@@ -35,19 +35,21 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
     "@nextui-org/card": "workspace:*",
     "@nextui-org/button": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/slider/README.md b/packages/components/slider/README.md
new file mode 100644
index 000000000..d1ded310d
--- /dev/null
+++ b/packages/components/slider/README.md
@@ -0,0 +1,24 @@
+# @nextui-org/slider
+
+Slider allows a user to select one or more values within a range.
+
+Please refer to the [documentation](https://nextui.org/docs/components/slider) for more information.
+
+## Installation
+
+```sh
+yarn add @nextui-org/slider
+# or
+npm i @nextui-org/slider
+```
+
+## Contribution
+
+Yes please! See the
+[contributing guidelines](https://github.com/nextui-org/nextui/blob/master/CONTRIBUTING.md)
+for details.
+
+## Licence
+
+This project is licensed under the terms of the
+[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).
diff --git a/packages/components/slider/__tests__/slider.test.tsx b/packages/components/slider/__tests__/slider.test.tsx
new file mode 100644
index 000000000..9507e3e80
--- /dev/null
+++ b/packages/components/slider/__tests__/slider.test.tsx
@@ -0,0 +1,216 @@
+import * as React from "react";
+import {render, act} from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+
+import {Slider, SliderValue} from "../src";
+
+describe("Slider", () => {
+  it("should render correctly", () => {
+    const wrapper = render(<Slider />);
+
+    expect(() => wrapper.unmount()).not.toThrow();
+  });
+
+  it("ref should be forwarded", () => {
+    const ref = React.createRef<HTMLDivElement>();
+
+    render(<Slider ref={ref} />);
+    expect(ref.current).not.toBeNull();
+  });
+
+  it("should support aria-label", () => {
+    const {getByRole} = render(<Slider aria-label="Aria Label" />);
+
+    const group = getByRole("group");
+
+    expect(group).toHaveAttribute("aria-label", "Aria Label");
+  });
+
+  it("should support label", () => {
+    const {getByRole, container} = render(<Slider label="Label" />);
+
+    const group = getByRole("group");
+    const labelId = group.getAttribute("aria-labelledby");
+    const slider = getByRole("slider");
+
+    // has label
+    const label = container.querySelector(`label[id="${labelId}"]`);
+
+    expect(label).toHaveTextContent("Label");
+
+    // shows value as well
+    const output = getByRole("status");
+
+    expect(output).toHaveTextContent("0");
+    expect(output).toHaveAttribute("for", slider.id);
+    expect(output).not.toHaveAttribute("aria-labelledby");
+    expect(output).toHaveAttribute("aria-live", "off");
+  });
+
+  it("should support minValue and maxValue", () => {
+    const {getByRole} = render(
+      <Slider aria-label="Range Slider Aria Label" maxValue={20} minValue={10} />,
+    );
+
+    const slider = getByRole("slider");
+
+    expect(slider).toHaveProperty("min", "10");
+    expect(slider).toHaveProperty("max", "20");
+  });
+
+  it("should support isDisabled", async function () {
+    const {getByRole, getAllByRole} = render(
+      <div>
+        <button>A</button>
+        <Slider isDisabled />
+        <button>B</button>
+      </div>,
+    );
+
+    const slider = getByRole("slider");
+    const [buttonA, buttonB] = getAllByRole("button");
+
+    expect(slider).toBeDisabled();
+
+    await userEvent.tab();
+    expect(document.activeElement).toBe(buttonA);
+    await userEvent.tab();
+    expect(document.activeElement).toBe(buttonB);
+  });
+
+  it("should supports focus", async function () {
+    const {getByRole, getAllByRole} = render(
+      <div>
+        <button>A</button>
+        <Slider defaultValue={20} label="The Label" />
+        <button>B</button>
+      </div>,
+    );
+
+    const slider = getByRole("slider");
+    const [buttonA, buttonB] = getAllByRole("button");
+
+    act(() => {
+      slider.focus();
+    });
+
+    expect(document.activeElement).toBe(slider);
+
+    await userEvent.tab();
+
+    expect(document.activeElement).toBe(buttonB);
+
+    await userEvent.tab({shift: true});
+    await userEvent.tab({shift: true});
+
+    expect(document.activeElement).toBe(buttonA);
+  });
+
+  it("should supports controlled value", async () => {
+    const setValues: number[] = [];
+
+    function Test() {
+      const [value, _setValue] = React.useState<SliderValue>(50);
+      const setValue = React.useCallback(
+        (val) => {
+          setValues.push(val);
+          _setValue(val);
+        },
+        [_setValue],
+      );
+
+      return (
+        <div>
+          <Slider label="The Label" value={value} onChange={setValue} />
+          <button onClick={() => setValue(55)}>55</button>
+        </div>
+      );
+    }
+
+    const {getByRole} = render(<Test />);
+
+    const output = getByRole("status");
+    const slider = getByRole("slider");
+    const button = getByRole("button");
+
+    expect(slider).toHaveProperty("value", "50");
+    expect(slider).toHaveAttribute("aria-valuetext", "50");
+    expect(output).toHaveTextContent("50");
+
+    // change slider value
+    await act(async () => {
+      await userEvent.click(button);
+    });
+
+    expect(slider).toHaveProperty("value", "55");
+    expect(slider).toHaveAttribute("aria-valuetext", "55");
+    expect(output).toHaveTextContent("55");
+
+    expect(setValues).toStrictEqual([55]);
+  });
+
+  it("should support range values", () => {
+    const {getAllByRole} = render(
+      <Slider aria-label="Range Slider Aria Label" defaultValue={[10, 20]} />,
+    );
+
+    const [leftSlider, rightSlider] = getAllByRole("slider");
+
+    expect(leftSlider).toHaveProperty("value", "10");
+    expect(leftSlider).toHaveAttribute("aria-valuetext", "10");
+
+    expect(rightSlider).toHaveProperty("value", "20");
+    expect(rightSlider).toHaveAttribute("aria-valuetext", "20");
+  });
+
+  it("should support controlled range values", async () => {
+    const setValues: number[] = [];
+
+    function Test() {
+      const [value, _setValue] = React.useState<SliderValue>([10, 20]);
+      const setValue = React.useCallback(
+        (val) => {
+          setValues.push(val);
+          _setValue(val);
+        },
+        [_setValue],
+      );
+
+      return (
+        <div>
+          <Slider
+            aria-label="Range Slider Aria Label"
+            label="The Label"
+            value={value}
+            onChange={setValue}
+          />
+          <button onClick={() => setValue([15, 25])}>15, 25</button>
+        </div>
+      );
+    }
+
+    const {getAllByRole, getByRole} = render(<Test />);
+
+    const [leftSlider, rightSlider] = getAllByRole("slider");
+    const button = getByRole("button");
+
+    expect(leftSlider).toHaveProperty("value", "10");
+    expect(leftSlider).toHaveAttribute("aria-valuetext", "10");
+
+    expect(rightSlider).toHaveProperty("value", "20");
+    expect(rightSlider).toHaveAttribute("aria-valuetext", "20");
+
+    // change slider value
+    await act(async () => {
+      await userEvent.click(button);
+    });
+
+    expect(leftSlider).toHaveProperty("value", "15");
+    expect(leftSlider).toHaveAttribute("aria-valuetext", "15");
+
+    expect(rightSlider).toHaveProperty("value", "25");
+    expect(rightSlider).toHaveAttribute("aria-valuetext", "25");
+
+    expect(setValues).toStrictEqual([[15, 25]]);
+  });
+});
diff --git a/packages/components/slider/package.json b/packages/components/slider/package.json
new file mode 100644
index 000000000..735b7035e
--- /dev/null
+++ b/packages/components/slider/package.json
@@ -0,0 +1,65 @@
+{
+  "name": "@nextui-org/slider",
+  "version": "2.2.0",
+  "description": "A slider allows a user to select one or more values within a range.",
+  "keywords": [
+    "slider"
+  ],
+  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "homepage": "https://nextui.org",
+  "license": "MIT",
+  "main": "src/index.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nextui-org/nextui.git",
+    "directory": "packages/components/slider"
+  },
+  "bugs": {
+    "url": "https://github.com/nextui-org/nextui/issues"
+  },
+  "scripts": {
+    "build": "tsup src --dts",
+    "build:fast": "tsup src",
+    "dev": "yarn build:fast -- --watch",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
+  },
+  "dependencies": {
+    "@nextui-org/shared-utils": "workspace:*",
+    "@nextui-org/react-utils": "workspace:*",
+    "@nextui-org/tooltip": "workspace:*",
+    "@nextui-org/use-aria-press": "workspace:*",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/i18n": "^3.8.4",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/slider": "^3.7.2",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/visually-hidden": "^3.8.6",
+    "@react-stately/slider": "^3.4.4"
+  },
+  "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
+    "@nextui-org/shared-icons": "workspace:*",
+    "@nextui-org/test-utils": "workspace:*",
+    "clean-package": "2.2.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "clean-package": "../../../clean-package.config.json"
+}
diff --git a/packages/components/slider/src/index.ts b/packages/components/slider/src/index.ts
new file mode 100644
index 000000000..cda77e589
--- /dev/null
+++ b/packages/components/slider/src/index.ts
@@ -0,0 +1,11 @@
+import Slider from "./slider";
+
+// export types
+export type {SliderProps} from "./slider";
+export type {SliderValue, SliderStepMark, SliderRenderThumbProps} from "./use-slider";
+
+// export hooks
+export {useSlider} from "./use-slider";
+
+// export component
+export {Slider};
diff --git a/packages/components/slider/src/slider-thumb.tsx b/packages/components/slider/src/slider-thumb.tsx
new file mode 100644
index 000000000..f2ed3607c
--- /dev/null
+++ b/packages/components/slider/src/slider-thumb.tsx
@@ -0,0 +1,45 @@
+import {forwardRef} from "@nextui-org/system";
+import {Tooltip} from "@nextui-org/tooltip";
+import {renderFn} from "@nextui-org/react-utils";
+import {VisuallyHidden} from "@react-aria/visually-hidden";
+
+import {UseSliderThumbProps, useSliderThumb} from "./use-slider-thumb";
+
+export interface SliderThumbProps extends UseSliderThumbProps {}
+
+const SliderThumb = forwardRef<"div", SliderThumbProps>((props, ref) => {
+  const {
+    Component,
+    index,
+    renderThumb,
+    showTooltip,
+    getTooltipProps,
+    getThumbProps,
+    getInputProps,
+  } = useSliderThumb({
+    ...props,
+    ref,
+  });
+
+  const thumbProps = {
+    ...getThumbProps(),
+    index,
+    children: (
+      <VisuallyHidden>
+        <input {...getInputProps()} />
+      </VisuallyHidden>
+    ),
+  };
+
+  const content = renderFn({
+    Component,
+    props: thumbProps,
+    renderCustom: renderThumb,
+  }) as React.ReactElement;
+
+  return showTooltip ? <Tooltip {...getTooltipProps()}>{content}</Tooltip> : content;
+});
+
+SliderThumb.displayName = "NextUI.SliderThumb";
+
+export default SliderThumb;
diff --git a/packages/components/slider/src/slider.tsx b/packages/components/slider/src/slider.tsx
new file mode 100644
index 000000000..7d3fba059
--- /dev/null
+++ b/packages/components/slider/src/slider.tsx
@@ -0,0 +1,75 @@
+import {renderFn} from "@nextui-org/react-utils";
+import {forwardRef} from "@nextui-org/system";
+
+import Thumb from "./slider-thumb";
+import {UseSliderProps, useSlider} from "./use-slider";
+
+export interface SliderProps
+  extends Omit<UseSliderProps, "isVertical" | "hasMarks" | "hasSingleThumb"> {}
+
+const Slider = forwardRef<"div", SliderProps>((props, ref) => {
+  const {
+    Component,
+    state,
+    label,
+    steps,
+    marks,
+    startContent,
+    endContent,
+    getStepProps,
+    getBaseProps,
+    renderValue,
+    renderLabel,
+    getTrackWrapperProps,
+    getLabelWrapperProps,
+    getLabelProps,
+    getValueProps,
+    getTrackProps,
+    getFillerProps,
+    getThumbProps,
+    getMarkProps,
+    getStartContentProps,
+    getEndContentProps,
+  } = useSlider({...props, ref});
+
+  return (
+    <Component {...getBaseProps()}>
+      {label && (
+        <div {...getLabelWrapperProps()}>
+          {renderFn({
+            Component: "label",
+            props: getLabelProps(),
+            renderCustom: renderLabel,
+          })}
+          {renderFn({
+            Component: "output",
+            props: getValueProps(),
+            renderCustom: renderValue,
+          })}
+        </div>
+      )}
+      <div {...getTrackWrapperProps()}>
+        {startContent && <div {...getStartContentProps()}>{startContent}</div>}
+        <div {...getTrackProps()}>
+          <div {...getFillerProps()} />
+          {Number.isFinite(steps) &&
+            Array.from({length: steps}, (_, index) => <div key={index} {...getStepProps(index)} />)}
+          {state.values.map((_, index) => (
+            <Thumb key={index} {...getThumbProps(index)} />
+          ))}
+          {marks?.length > 0 &&
+            marks.map((mark, index) => (
+              <div key={index} {...getMarkProps(mark)}>
+                {mark.label}
+              </div>
+            ))}
+        </div>
+        {endContent && <div {...getEndContentProps()}>{endContent}</div>}
+      </div>
+    </Component>
+  );
+});
+
+Slider.displayName = "NextUI.Slider";
+
+export default Slider;
diff --git a/packages/components/slider/src/use-slider-thumb.ts b/packages/components/slider/src/use-slider-thumb.ts
new file mode 100644
index 000000000..f1caf7b73
--- /dev/null
+++ b/packages/components/slider/src/use-slider-thumb.ts
@@ -0,0 +1,147 @@
+import type {SliderVariantProps} from "@nextui-org/theme";
+
+import {HTMLNextUIProps, PropGetter} from "@nextui-org/system";
+import {useSliderThumb as useAriaSliderThumb} from "@react-aria/slider";
+import {ReactRef, useDOMRef} from "@nextui-org/react-utils";
+import {RefObject, useRef} from "react";
+import {AriaSliderThumbProps} from "@react-aria/slider";
+import {SliderState} from "@react-stately/slider";
+import {useHover} from "@react-aria/interactions";
+import {usePress} from "@nextui-org/use-aria-press";
+import {useFocusRing} from "@react-aria/focus";
+import {mergeProps} from "@react-aria/utils";
+import {dataAttr} from "@nextui-org/shared-utils";
+import {TooltipProps} from "@nextui-org/tooltip";
+import {useNumberFormatter} from "@react-aria/i18n";
+
+import {UseSliderProps} from "./use-slider";
+
+interface Props extends HTMLNextUIProps<"div"> {
+  /**
+   * Ref to the DOM node.
+   */
+  ref?: ReactRef<HTMLElement | null>;
+  /**
+   * slider state, created via `useSliderState`.
+   */
+  state: SliderState;
+  /**
+   * A ref to the track element.
+   */
+  trackRef: RefObject<HTMLDivElement>;
+  /**
+   * @internal
+   */
+  isVertical: boolean;
+  /**
+   * @internal
+   */
+  showTooltip?: boolean;
+  /**
+   * @internal
+   */
+  formatOptions?: Intl.NumberFormatOptions;
+  /**
+   * @internal
+   */
+  tooltipProps?: UseSliderProps["tooltipProps"];
+  /**
+   * Function to render the thumb. It can be used to add a tooltip or custom icon.
+   */
+  renderThumb?: UseSliderProps["renderThumb"];
+}
+
+export type UseSliderThumbProps = Props & AriaSliderThumbProps & SliderVariantProps;
+
+export function useSliderThumb(props: UseSliderThumbProps) {
+  const {
+    ref,
+    as,
+    state,
+    index,
+    name,
+    trackRef,
+    className,
+    tooltipProps,
+    isVertical,
+    showTooltip,
+    formatOptions,
+    renderThumb,
+    ...otherProps
+  } = props;
+
+  const Component = as || "div";
+
+  const domRef = useDOMRef(ref);
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  const numberFormatter = useNumberFormatter(formatOptions);
+
+  const {thumbProps, inputProps, isDragging, isFocused} = useAriaSliderThumb(
+    {
+      index,
+      trackRef,
+      inputRef,
+      name,
+      ...otherProps,
+    },
+    state,
+  );
+
+  const {hoverProps, isHovered} = useHover({
+    isDisabled: state.isDisabled,
+  });
+  const {focusProps, isFocusVisible} = useFocusRing();
+  const {pressProps, isPressed} = usePress({
+    isDisabled: state.isDisabled,
+  });
+
+  const getThumbProps: PropGetter = (props = {}) => {
+    return {
+      ref: domRef,
+      "data-slot": "thumb",
+      "data-hover": dataAttr(isHovered),
+      "data-pressed": dataAttr(isPressed),
+      "data-dragging": dataAttr(isDragging),
+      "data-focused": dataAttr(isFocused),
+      "data-focus-visible": dataAttr(isFocusVisible),
+      ...mergeProps(thumbProps, pressProps, hoverProps, otherProps),
+      className,
+      ...props,
+    };
+  };
+
+  const getTooltipProps = () => {
+    const value = numberFormatter
+      ? numberFormatter.format(state.values[index ?? 0])
+      : state.values[index ?? 0];
+
+    return {
+      ...tooltipProps,
+      placement: tooltipProps?.placement ? tooltipProps?.placement : isVertical ? "right" : "top",
+      content: tooltipProps?.content ? tooltipProps?.content : value,
+      updatePositionDeps: [isDragging, isHovered, value],
+      isOpen: tooltipProps?.isOpen !== undefined ? tooltipProps?.isOpen : isHovered || isDragging,
+    } as TooltipProps;
+  };
+
+  const getInputProps: PropGetter = (props = {}) => {
+    return {
+      ref: inputRef,
+      ...mergeProps(inputProps, focusProps),
+      ...props,
+    };
+  };
+
+  return {
+    Component,
+    index,
+    showTooltip,
+    renderThumb,
+    getThumbProps,
+    getTooltipProps,
+    getInputProps,
+  };
+}
+
+export type UseSliderThumbReturn = ReturnType<typeof useSliderThumb>;
diff --git a/packages/components/slider/src/use-slider.ts b/packages/components/slider/src/use-slider.ts
new file mode 100644
index 000000000..0cea7ffc9
--- /dev/null
+++ b/packages/components/slider/src/use-slider.ts
@@ -0,0 +1,424 @@
+import type {SliderSlots, SliderVariantProps, SlotsToClasses} from "@nextui-org/theme";
+
+import {DOMAttributes, HTMLNextUIProps, mapPropsVariants, PropGetter} from "@nextui-org/system";
+import {slider} from "@nextui-org/theme";
+import {ReactRef, useDOMRef, filterDOMProps} from "@nextui-org/react-utils";
+import {useSliderState} from "@react-stately/slider";
+import {ReactNode, useCallback, useMemo, useRef} from "react";
+import {useNumberFormatter, useLocale} from "@react-aria/i18n";
+import {mergeProps} from "@react-aria/utils";
+import {AriaSliderProps, useSlider as useAriaSlider} from "@react-aria/slider";
+import {clsx} from "@nextui-org/shared-utils";
+import {TooltipProps} from "@nextui-org/tooltip";
+import {useHover} from "@react-aria/interactions";
+import {ValueBase} from "@react-types/shared";
+
+import {SliderThumbProps} from "./slider-thumb";
+
+export type SliderValue = number | number[];
+export type SliderStepMark = {
+  value: number;
+  label: string;
+};
+
+export type SliderRenderThumbProps = DOMAttributes<HTMLDivElement> & {index?: number};
+
+interface Props extends HTMLNextUIProps<"div"> {
+  /**
+   * Ref to the DOM node.
+   */
+  ref?: ReactRef<HTMLElement | null>;
+  /**
+   * The content to display as the label.
+   */
+  label?: ReactNode;
+  /**
+   * The input name.
+   */
+  name?: string;
+  /**
+   * The offset from which to start the fill.
+   */
+  fillOffset?: number;
+  /**
+   * The display format of the value label.
+   */
+  formatOptions?: Intl.NumberFormatOptions;
+  /**
+   * The display format of the tooltip value label.
+   * @default formatOptions
+   */
+  tooltipValueFormatOptions?: Intl.NumberFormatOptions;
+  /**
+   * Whether to show the step indicators.
+   * @default false
+   */
+  showSteps?: boolean;
+  /**
+   * Whether the thumbs should have a tooltip with the value on hover the slider.
+   * @default false
+   */
+  showTooltip?: boolean;
+  /**
+   * Custom steps labels.
+   * @example [{value: 0, label: "0"}, {value: 50, label: "50"}, {value: 100, label: "100"}]
+   * @default []
+   */
+  marks?: SliderStepMark[];
+  /**
+   * Element to be rendered in the start side of the slider.
+   */
+  startContent?: React.ReactNode;
+  /**
+   * Element to be rendered in the end side of the slider.
+   */
+  endContent?: React.ReactNode;
+  /**
+   * Classname or List of classes to change the classNames of the element.
+   * if `className` is passed, it will be added to the base slot.
+   *
+   * @example
+   * ```ts
+   * <Slider classNames={{
+   *    base:"base-classes",
+   *    step: "step-classes",
+   *    labelWrapper: "label-wrapper-classes",
+   *    label: "label-classes",
+   *    value: "value-classes",
+   *    trackWrapper: "track-wrapper-classes",
+   *    track: "track-classes",
+   *    filler: "filler-classes",
+   *    thumb: "thumb-classes",
+   *    mark: "mark-classes",
+   * }} />
+   * ```
+   */
+  classNames?: SlotsToClasses<SliderSlots>;
+  /**
+   * Tooltip props.
+   * @see [Tooltip](https://nextui.org/components/tooltip) for more details.
+   * @default {
+   *  offset: 15,
+   *  delay: 0,
+   *  size: "sm",
+   *  showArrow: true,
+   *  placement: "top", // "right" for vertical slider
+   *  content: [sliderValue],
+   *  color: sliderProps?.color, // same as the slider color
+   *  isDisabled: sliderProps?.isDisabled,
+   * }
+   */
+  tooltipProps?: Partial<TooltipProps>;
+  /**
+   * A function that returns the content to display as the value label.
+   * Overrides default formatted number.
+   */
+  getValue?: (value: SliderValue) => string;
+  /**
+   * Function to render the label.
+   */
+  renderLabel?: (props: DOMAttributes<HTMLLabelElement>) => React.ReactNode;
+  /**
+   * Function to render the value label.
+   */
+  renderValue?: (props: DOMAttributes<HTMLOutputElement>) => React.ReactNode;
+  /**
+   * Function to render the thumb. It can be used to add a tooltip or custom icon.
+   */
+  renderThumb?: (props: SliderRenderThumbProps) => React.ReactNode;
+}
+
+export type UseSliderProps = Omit<Props, keyof ValueBase<SliderValue>> &
+  AriaSliderProps &
+  SliderVariantProps;
+
+export function useSlider(originalProps: UseSliderProps) {
+  const [props, variantProps] = mapPropsVariants(originalProps, slider.variantKeys);
+
+  const {
+    ref,
+    as,
+    name,
+    label,
+    formatOptions,
+    value: valueProp,
+    maxValue = 100,
+    minValue = 0,
+    step = 1,
+    showSteps = false,
+    showTooltip = false,
+    orientation = "horizontal",
+    marks = [],
+    startContent,
+    endContent,
+    fillOffset,
+    className,
+    classNames,
+    renderThumb,
+    renderLabel,
+    renderValue,
+    onChange,
+    onChangeEnd,
+    getValue,
+    tooltipValueFormatOptions = formatOptions,
+    tooltipProps: userTooltipProps = {},
+    ...otherProps
+  } = props;
+
+  const Component = as || "div";
+  const shouldFilterDOMProps = typeof Component === "string";
+
+  const domRef = useDOMRef(ref);
+  const trackRef = useRef<HTMLDivElement>(null);
+
+  const numberFormatter = useNumberFormatter(formatOptions);
+  const {direction} = useLocale();
+
+  const clampValue = useCallback(
+    (valueToClamp: number) => Math.min(Math.max(valueToClamp, minValue), maxValue),
+    [minValue, maxValue],
+  );
+
+  const validatedValue = useMemo(() => {
+    if (valueProp === undefined) return undefined;
+
+    if (Array.isArray(valueProp)) {
+      return valueProp.map(clampValue);
+    }
+
+    return clampValue(valueProp);
+  }, [valueProp, clampValue]);
+
+  const state = useSliderState({
+    ...otherProps,
+    value: validatedValue,
+    isDisabled: originalProps?.isDisabled ?? false,
+    orientation,
+    step,
+    minValue,
+    maxValue,
+    numberFormatter,
+    onChange,
+    onChangeEnd,
+  });
+
+  const tooltipProps: Partial<TooltipProps> = {
+    offset: 5,
+    delay: 0,
+    size: "sm",
+    showArrow: true,
+    color: originalProps?.color
+      ? originalProps?.color
+      : (slider.defaultVariants?.color as TooltipProps["color"]),
+    isDisabled: originalProps.isDisabled,
+    ...userTooltipProps,
+  };
+
+  const {groupProps, trackProps, labelProps, outputProps} = useAriaSlider(
+    originalProps,
+    state,
+    trackRef,
+  );
+  const {isHovered, hoverProps} = useHover({isDisabled: originalProps.isDisabled});
+
+  const baseStyles = clsx(classNames?.base, className);
+  const isVertical = orientation === "vertical";
+  const hasMarks = marks?.length > 0;
+  const hasSingleThumb = fillOffset === undefined ? state.values.length === 1 : false;
+
+  const slots = useMemo(
+    () =>
+      slider({
+        ...variantProps,
+        hasMarks,
+        hasSingleThumb,
+        isVertical,
+        className,
+      }),
+    [...Object.values(variantProps), isVertical, hasSingleThumb, hasMarks, className],
+  );
+
+  const [startOffset, endOffset] = [
+    state.values.length > 1
+      ? state.getThumbPercent(0)
+      : fillOffset !== undefined
+      ? state.getValuePercent(fillOffset)
+      : 0,
+    state.getThumbPercent(state.values.length - 1),
+  ].sort();
+
+  const value =
+    state.values.length === 1
+      ? numberFormatter.format(state.values[0])
+      : numberFormatter.formatRange(state.values[0], state.values[state.values.length - 1]);
+
+  const steps = showSteps ? Math.floor((maxValue - minValue) / step) + 1 : 0;
+
+  const getBaseProps: PropGetter = (props = {}) => {
+    return {
+      ref: domRef,
+      "data-orientation": state.orientation,
+      "data-slot": "base",
+      "data-hover": isHovered,
+      className: slots.base({class: baseStyles}),
+      ...mergeProps(
+        groupProps,
+        hoverProps,
+        filterDOMProps(otherProps, {
+          enabled: shouldFilterDOMProps,
+        }),
+        filterDOMProps(props),
+      ),
+    };
+  };
+
+  const getLabelWrapperProps: PropGetter = (props = {}) => {
+    return {
+      className: slots.labelWrapper({class: classNames?.labelWrapper}),
+      "data-slot": "labelWrapper",
+      ...props,
+    };
+  };
+
+  const getLabelProps: PropGetter = (props = {}) => {
+    return {
+      "data-slot": "label",
+      className: slots.label({class: classNames?.label}),
+      children: label,
+      ...labelProps,
+      ...props,
+    };
+  };
+
+  const getValueProps: PropGetter = (props = {}) => {
+    return {
+      "data-slot": "value",
+      className: slots.value({class: classNames?.value}),
+      children: getValue && typeof getValue === "function" ? getValue(state.values) : value,
+      ...outputProps,
+      ...props,
+    };
+  };
+
+  const getTrackProps: PropGetter = (props = {}) => {
+    return {
+      ref: trackRef,
+      "data-slot": "track",
+      "data-thumb-hidden": !!originalProps?.hideThumb,
+      "data-vertical": isVertical,
+      className: slots.track({class: classNames?.track}),
+      ...trackProps,
+      ...props,
+    };
+  };
+
+  const getTrackWrapperProps: PropGetter = (props = {}) => {
+    return {
+      "data-slot": "track-wrapper",
+      className: slots.trackWrapper({class: classNames?.trackWrapper}),
+      ...props,
+    };
+  };
+
+  const getFillerProps: PropGetter = (props = {}) => {
+    return {
+      "data-slot": "filler",
+      className: slots.filler({class: classNames?.filler}),
+      ...props,
+      style: {
+        ...props.style,
+        [isVertical ? "bottom" : direction === "rtl" ? "right" : "left"]: `${startOffset * 100}%`,
+        ...(isVertical
+          ? {
+              height: `${(endOffset - startOffset) * 100}%`,
+            }
+          : {
+              width: `${(endOffset - startOffset) * 100}%`,
+            }),
+      },
+    };
+  };
+
+  const getThumbProps = (index: number) => {
+    return {
+      name,
+      index,
+      state,
+      trackRef,
+      orientation,
+      isVertical,
+      tooltipProps,
+      showTooltip,
+      renderThumb,
+      formatOptions: tooltipValueFormatOptions,
+      className: slots.thumb({class: classNames?.thumb}),
+    } as SliderThumbProps;
+  };
+
+  const getStepProps = (index: number) => {
+    const percent = state.getValuePercent(index * step + minValue);
+
+    return {
+      className: slots.step({class: classNames?.step}),
+      "data-slot": "step",
+      "data-in-range": percent <= endOffset && percent >= startOffset,
+      style: {
+        [isVertical ? "bottom" : direction === "rtl" ? "right" : "left"]: `${percent * 100}%`,
+      },
+    };
+  };
+
+  const getMarkProps = (mark: SliderStepMark) => {
+    const percent = state.getValuePercent(mark.value);
+
+    return {
+      className: slots.mark({class: classNames?.mark}),
+      "data-slot": "mark",
+      "data-in-range": percent <= endOffset && percent >= startOffset,
+      style: {
+        [isVertical ? "bottom" : direction === "rtl" ? "right" : "left"]: `${percent * 100}%`,
+      },
+    };
+  };
+
+  const getStartContentProps: PropGetter = (props = {}) => ({
+    "data-slot": "startContent",
+    className: slots.startContent({class: classNames?.startContent}),
+    ...props,
+  });
+
+  const getEndContentProps: PropGetter = (props = {}) => ({
+    "data-slot": "endContent",
+    className: slots.endContent({class: classNames?.endContent}),
+    ...props,
+  });
+
+  return {
+    Component,
+    state,
+    value,
+    domRef,
+    label,
+    steps,
+    marks,
+    startContent,
+    endContent,
+    getStepProps,
+    getBaseProps,
+    getValue,
+    renderLabel,
+    renderValue,
+    getTrackWrapperProps,
+    getLabelWrapperProps,
+    getLabelProps,
+    getValueProps,
+    getTrackProps,
+    getFillerProps,
+    getThumbProps,
+    getMarkProps,
+    getStartContentProps,
+    getEndContentProps,
+  };
+}
+
+export type UseSliderReturn = ReturnType<typeof useSlider>;
diff --git a/packages/components/slider/stories/slider.stories.tsx b/packages/components/slider/stories/slider.stories.tsx
new file mode 100644
index 000000000..1d7abee81
--- /dev/null
+++ b/packages/components/slider/stories/slider.stories.tsx
@@ -0,0 +1,536 @@
+/* eslint-disable jsx-a11y/label-has-associated-control */
+import React from "react";
+import {Meta} from "@storybook/react";
+import {slider} from "@nextui-org/theme";
+import {InfoIcon, VolumeHighBoldIcon, VolumeLowBoldIcon} from "@nextui-org/shared-icons";
+import {Tooltip} from "@nextui-org/tooltip";
+import {cn} from "@nextui-org/system";
+
+import {Slider, SliderProps, SliderValue} from "../src";
+
+export default {
+  title: "Components/Slider",
+  component: Slider,
+  argTypes: {
+    label: {
+      control: {type: "text"},
+    },
+    fillOffset: {
+      control: {type: "number"},
+    },
+    color: {
+      control: {type: "select"},
+      options: ["foreground", "primary", "secondary", "success", "warning", "danger"],
+    },
+    size: {
+      control: {type: "select"},
+      options: ["sm", "md", "lg"],
+    },
+    isDisabled: {
+      control: {
+        type: "boolean",
+      },
+    },
+    showTooltip: {
+      control: {
+        type: "boolean",
+      },
+    },
+    step: {
+      control: {
+        type: "number",
+      },
+    },
+    radius: {
+      control: {type: "select"},
+      options: ["none", "sm", "md", "lg", "full"],
+    },
+    orientation: {
+      control: {
+        type: "select",
+      },
+      options: ["horizontal", "vertical"],
+    },
+    showSteps: {
+      control: {
+        type: "boolean",
+      },
+    },
+    startContent: {
+      table: {
+        disable: true,
+      },
+    },
+    endContent: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+} as Meta<typeof Slider>;
+
+const defaultProps = {
+  ...slider.defaultVariants,
+};
+
+const VerticalTemplate = (args: SliderProps) => (
+  <div className="flex p-4 max-w-md h-[348px] items-center justify-start">
+    <Slider {...args} />
+  </div>
+);
+
+const HorizontalTemplate = (args: SliderProps) => (
+  <div className="flex w-full h-full max-w-md items-center justify-start">
+    <Slider {...args} />
+  </div>
+);
+
+const Template = (args: SliderProps) => {
+  if (args.orientation === "vertical") {
+    return <VerticalTemplate {...args} />;
+  }
+
+  return <HorizontalTemplate {...args} />;
+};
+
+const CustomStylesTemplate = (args: SliderProps) => (
+  <div className="flex items-center justify-center w-screen h-screen ">
+    <div className="flex items-center justify-center w-full h-full max-w-md">
+      <Slider
+        {...args}
+        classNames={{
+          filler: ["bg-gradient-to-r from-primary-500 to-secondary-400"],
+          labelWrapper: "mb-2",
+          label: "font-medium text-default-700 text-medium",
+          value: "font-medium text-default-500 text-small",
+          thumb: [
+            "transition-size",
+            "bg-gradient-to-r from-secondary-400 to-primary-500",
+            "data-[dragging=true]:shadow-lg data-[dragging=true]:shadow-black/20",
+            args.size === "sm" || args.size === "md"
+              ? "data-[dragging=true]:w-7 data-[dragging=true]:h-7 data-[dragging=true]:after:h-6 data-[dragging=true]:after:w-6"
+              : "",
+          ],
+          step:
+            args.size === "sm" && args.showSteps
+              ? "data-[in-range=true]:bg-black/30 dark:data-[in-range=true]:bg-white/50"
+              : "",
+        }}
+        disableThumbScale={args.size !== "lg"}
+        showOutline={args.showOutline && args.size !== "lg"}
+        tooltipProps={{
+          offset: 10,
+          placement: "bottom",
+          classNames: {
+            base: [
+              // arrow color
+              "before:bg-gradient-to-r before:from-secondary-400 before:to-primary-500",
+            ],
+            content: [
+              "py-2 shadow-xl",
+              "text-white bg-gradient-to-r from-secondary-400 to-primary-500",
+            ],
+          },
+        }}
+      />
+    </div>
+  </div>
+);
+
+const CustomValueTemplate = (args: SliderProps) => {
+  const [value, setValue] = React.useState<SliderValue>(0.2);
+  const [inputValue, setInputValue] = React.useState<string>("0.2");
+
+  const handleChange = (value: SliderValue) => {
+    if (isNaN(Number(value))) return;
+
+    setValue(value);
+    setInputValue(value.toString());
+  };
+
+  return (
+    <div className="flex w-full h-full max-w-md items-center justify-start">
+      <Slider
+        classNames={{
+          label: "text-medium",
+        }}
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        renderValue={({children, ...props}) => (
+          <output {...props}>
+            <Tooltip
+              className="text-tiny text-default-500 rounded-md"
+              content="Press Enter to confirm"
+              placement="left"
+            >
+              <input
+                aria-label="Temperature"
+                className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-none transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
+                type="text"
+                value={inputValue}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+                  const v = e.target.value;
+
+                  setInputValue(v);
+                }}
+                onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {
+                  if (e.key === "Enter" && !isNaN(Number(inputValue))) {
+                    setValue(Number(inputValue));
+                  }
+                }}
+              />
+            </Tooltip>
+          </output>
+        )}
+        value={value}
+        onChange={handleChange}
+        {...args}
+      />
+    </div>
+  );
+};
+
+const ControlledTemplate = (args: SliderProps) => {
+  const [value, setValue] = React.useState<SliderValue>(25);
+
+  return (
+    <div className="flex flex-col gap-2 w-full h-full max-w-md items-start justify-center">
+      <Slider value={value} onChange={setValue} {...args} />
+      <p className="text-default-500 text-small">Current volume: {value}</p>
+    </div>
+  );
+};
+
+const ControlledRangeTemplate = (args: SliderProps) => {
+  const [value, setValue] = React.useState<SliderValue>([25, 75]);
+
+  return (
+    <div className="flex flex-col gap-2  max-w-md items-start justify-center">
+      <Slider value={value} onChange={setValue} {...args} />
+      <p className="text-default-500 text-small">
+        Current volume: {Array.isArray(value) && value.join(" – ")}
+      </p>
+    </div>
+  );
+};
+
+export const Default = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    label: "Select a number",
+  },
+};
+
+export const ShowSteps = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    showSteps: true,
+    step: 5,
+    label: "Select a number",
+  },
+};
+
+export const Range = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    label: "Select a range",
+    formatOptions: {style: "currency", currency: "USD"},
+    defaultValue: [20, 80],
+  },
+};
+
+export const FillOffset = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    label: "Select a value",
+    maxValue: 50,
+    minValue: -50,
+    fillOffset: 0,
+    defaultValue: 20,
+  },
+};
+
+export const WithMarks = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    label: "Select a value",
+    formatOptions: {style: "percent"},
+    maxValue: 1,
+    minValue: 0,
+    step: 0.1,
+    marks: [
+      {
+        value: 0.2,
+        label: "20%",
+      },
+      {
+        value: 0.5,
+        label: "50%",
+      },
+      {
+        value: 0.8,
+        label: "80%",
+      },
+    ],
+    defaultValue: 0.2,
+  },
+};
+
+export const WithTooltip = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    label: "Select a value",
+    showTooltip: true,
+    formatOptions: {style: "percent"},
+    maxValue: 1,
+    minValue: 0,
+    step: 0.1,
+    marks: [
+      {
+        value: 0.2,
+        label: "20%",
+      },
+      {
+        value: 0.5,
+        label: "50%",
+      },
+      {
+        value: 0.8,
+        label: "80%",
+      },
+    ],
+    defaultValue: 0.2,
+  },
+};
+
+export const ThumbHidden = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    "aria-label": "Player progress",
+    color: "foreground",
+    hideThumb: true,
+    defaultValue: 20,
+  },
+};
+
+export const CustomGetValue = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    size: "sm",
+    label: "Donuts to buy",
+    maxValue: 60,
+    getValue: (donuts) => `${donuts} of 60 Donuts`,
+  },
+};
+
+export const CustomRenderValue = {
+  render: CustomValueTemplate,
+  args: {
+    ...defaultProps,
+    size: "sm",
+    label: "Temperature",
+    maxValue: 1,
+    minValue: 0,
+    step: 0.01,
+  },
+};
+
+export const CustomRenderThumb = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    size: "sm",
+    label: "Select brightness",
+    classNames: {
+      track: "border-s-secondary-100 gap-3",
+      filler: ["bg-gradient-to-r from-secondary-100 to-secondary-500"],
+    },
+    renderThumb: (props) => (
+      <div
+        {...props}
+        className="group top-1/2 bg-background dark:border-default-400 p-1 border-small border-default-200 shadow-medium rounded-full cursor-grab data-[dragging=true]:cursor-grabbing "
+      >
+        <span className="transition-transform bg-gradient-to-br shadow-small from-secondary-100 to-secondary-500 rounded-full w-5 h-5 block group-data-[dragging=true]:scale-80" />
+      </div>
+    ),
+  },
+};
+
+export const CustomRenderRangeThumb = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    size: "lg",
+    label: "Price Range",
+    maxValue: 1000,
+    step: 10,
+    defaultValue: [100, 300],
+    formatOptions: {style: "currency", currency: "USD"},
+    classNames: {
+      base: "gap-3",
+      filler: ["bg-gradient-to-r from-pink-300 to-cyan-300"],
+    },
+    renderThumb: ({index, ...props}) => (
+      <div
+        {...props}
+        className="group top-1/2 bg-background p-1 border-small border-default-200 dark:border-default-400 shadow-medium rounded-full cursor-grab data-[dragging=true]:cursor-grabbing "
+      >
+        <span
+          className={cn(
+            "transition-transform bg-gradient-to-br shadow-small rounded-full w-5 h-5 block group-data-[dragging=true]:scale-80",
+            index === 0 ? "from-pink-200 to-pink-500" : "from-cyan-100 to-cyan-500",
+          )}
+        />
+      </div>
+    ),
+  },
+};
+
+export const CustomRenderLabel = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    size: "lg",
+    label: "Price Range",
+    maxValue: 1000,
+    step: 10,
+    defaultValue: [100, 300],
+    formatOptions: {style: "currency", currency: "USD"},
+    classNames: {
+      base: "gap-3",
+      filler: ["bg-gradient-to-r from-pink-300 to-cyan-300"],
+    },
+    renderLabel: ({children, ...props}) => (
+      <label {...props} className="text-medium flex gap-2 items-center">
+        {children}
+        <Tooltip
+          className="w-[200px] rounded-small"
+          content="The price range you want to search for."
+          placement="right"
+        >
+          <span className="transition-opacity opacity-60 hover:opacity-100">
+            <InfoIcon />
+          </span>
+        </Tooltip>
+      </label>
+    ),
+    renderThumb: ({index, ...props}) => (
+      <div
+        {...props}
+        className="group top-1/2 bg-background p-1 border-small border-default-200 dark:border-default-400 shadow-medium rounded-full cursor-grab data-[dragging=true]:cursor-grabbing "
+      >
+        <span
+          className={cn(
+            "transition-transform bg-gradient-to-br shadow-small rounded-full w-5 h-5 block group-data-[dragging=true]:scale-80",
+            index === 0 ? "from-pink-200 to-pink-500" : "from-cyan-100 to-cyan-500",
+          )}
+        />
+      </div>
+    ),
+  },
+};
+
+export const VerticalOrientation = {
+  render: VerticalTemplate,
+  args: {
+    ...defaultProps,
+    "aria-label": "Select a value",
+    orientation: "vertical",
+    defaultValue: 20,
+  },
+};
+
+export const WithMarksVerticalOrientation = {
+  render: VerticalTemplate,
+  args: {
+    ...defaultProps,
+    label: "Current value",
+    orientation: "vertical",
+    formatOptions: {style: "percent"},
+    maxValue: 1,
+    minValue: 0,
+    step: 0.1,
+    marks: [
+      {
+        value: 0.2,
+        label: "20%",
+      },
+      {
+        value: 0.5,
+        label: "50%",
+      },
+      {
+        value: 0.8,
+        label: "80%",
+      },
+    ],
+    defaultValue: 0.2,
+  },
+};
+
+export const VerticalWithSteps = {
+  render: VerticalTemplate,
+  args: {
+    ...defaultProps,
+    step: 5,
+    showSteps: true,
+    "aria-label": "Select a value",
+    orientation: "vertical",
+    defaultValue: 20,
+  },
+};
+
+export const WithStartAndEndContent = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    defaultValue: 20,
+    "aria-label": "Volume",
+    startContent: <VolumeLowBoldIcon className="text-2xl" />,
+    endContent: <VolumeHighBoldIcon className="text-2xl" />,
+  },
+};
+
+export const Controlled = {
+  render: ControlledTemplate,
+  args: {
+    ...defaultProps,
+    "aria-label": "Volume",
+    startContent: <VolumeLowBoldIcon className="text-2xl" />,
+    endContent: <VolumeHighBoldIcon className="text-2xl" />,
+  },
+};
+
+export const ControlledRange = {
+  render: ControlledRangeTemplate,
+  args: {
+    ...defaultProps,
+    label: "Select a budget",
+    formatOptions: {style: "currency", currency: "USD"},
+  },
+};
+
+export const CustomStyles = {
+  render: CustomStylesTemplate,
+  args: {
+    ...defaultProps,
+    label: "Price Range",
+    maxValue: 1000,
+    size: "md",
+    step: 100,
+    showSteps: true,
+    showOutline: true,
+    defaultValue: [100, 300],
+    disableThumbScale: true,
+    showTooltip: true,
+    formatOptions: {style: "currency", currency: "USD"},
+    tooltipValueFormatOptions: {style: "currency", currency: "USD", maximumFractionDigits: 0},
+  },
+};
diff --git a/packages/components/slider/tsconfig.json b/packages/components/slider/tsconfig.json
new file mode 100644
index 000000000..5d012f6e6
--- /dev/null
+++ b/packages/components/slider/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "tailwind-variants": ["../../../node_modules/tailwind-variants"]
+    },
+  },
+  "include": ["src", "index.ts"]
+}
diff --git a/packages/components/slider/tsup.config.ts b/packages/components/slider/tsup.config.ts
new file mode 100644
index 000000000..3e2bcff6c
--- /dev/null
+++ b/packages/components/slider/tsup.config.ts
@@ -0,0 +1,8 @@
+import {defineConfig} from "tsup";
+
+export default defineConfig({
+  clean: true,
+  target: "es2019",
+  format: ["cjs", "esm"],
+  banner: {js: '"use client";'},
+});
diff --git a/packages/components/snippet/package.json b/packages/components/snippet/package.json
index e34a7404f..650c8b415 100644
--- a/packages/components/snippet/package.json
+++ b/packages/components/snippet/package.json
@@ -36,23 +36,26 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "framer-motion": ">=4.0.0"
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/button": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/use-clipboard": "workspace:*",
     "@nextui-org/tooltip": "workspace:*",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/utils": "^3.20.0"
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/utils": "^3.21.1"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/snippet/src/use-snippet.ts b/packages/components/snippet/src/use-snippet.ts
index 07171cb25..fceb616d0 100644
--- a/packages/components/snippet/src/use-snippet.ts
+++ b/packages/components/snippet/src/use-snippet.ts
@@ -147,7 +147,7 @@ export function useSnippet(originalProps: UseSnippetProps) {
     offset: 15,
     delay: 1000,
     content: "Copy to clipboard",
-    color: originalProps?.color as TooltipProps["color"],
+    color: originalProps?.color ?? (snippet.defaultVariants?.color as TooltipProps["color"]),
     isDisabled: props.disableCopy,
     ...userTooltipProps,
   };
diff --git a/packages/components/spacer/package.json b/packages/components/spacer/package.json
index 87d5f4466..b9567d1d2 100644
--- a/packages/components/spacer/package.json
+++ b/packages/components/spacer/package.json
@@ -35,17 +35,19 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/spinner/package.json b/packages/components/spinner/package.json
index cd839a6bf..c17977967 100644
--- a/packages/components/spinner/package.json
+++ b/packages/components/spinner/package.json
@@ -37,17 +37,19 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/switch/package.json b/packages/components/switch/package.json
index d9f076836..e048567ef 100644
--- a/packages/components/switch/package.json
+++ b/packages/components/switch/package.json
@@ -35,25 +35,29 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/switch": "^3.5.4",
-    "@react-aria/utils": "^3.20.0",
-    "@react-aria/visually-hidden": "^3.8.4",
-    "@react-stately/toggle": "^3.6.2",
-    "@react-types/shared": "^3.20.0"
+    "@nextui-org/use-aria-press": "workspace:*",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/switch": "^3.5.6",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/visually-hidden": "^3.8.6",
+    "@react-stately/toggle": "^3.6.3",
+    "@react-types/shared": "^3.21.0"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
+    "@nextui-org/shared-icons": "workspace:*",
     "clean-package": "2.2.0",
     "react": "^18.0.0",
-    "@nextui-org/shared-icons": "workspace:*"
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/switch/src/use-switch.ts b/packages/components/switch/src/use-switch.ts
index c77f84bc0..4dfb7b422 100644
--- a/packages/components/switch/src/use-switch.ts
+++ b/packages/components/switch/src/use-switch.ts
@@ -5,7 +5,8 @@ import type {HTMLNextUIProps, PropGetter} from "@nextui-org/system";
 
 import {ReactNode, Ref, useCallback, useId, useRef, useState} from "react";
 import {mapPropsVariants} from "@nextui-org/system";
-import {useHover, usePress} from "@react-aria/interactions";
+import {useHover} from "@react-aria/interactions";
+import {usePress} from "@nextui-org/use-aria-press";
 import {toggle} from "@nextui-org/theme";
 import {chain, mergeProps} from "@react-aria/utils";
 import {clsx, dataAttr} from "@nextui-org/shared-utils";
diff --git a/packages/components/table/package.json b/packages/components/table/package.json
index 1c9614b6a..98308b691 100644
--- a/packages/components/table/package.json
+++ b/packages/components/table/package.json
@@ -35,7 +35,9 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/checkbox": "workspace:*",
@@ -43,19 +45,19 @@
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/spacer": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/table": "^3.12.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-aria/visually-hidden": "^3.8.4",
-    "@react-stately/table": "^3.11.1",
-    "@react-stately/virtualizer": "^3.6.2",
-    "@react-types/grid": "^3.2.1",
-    "@react-types/table": "^3.8.1"
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/table": "^3.13.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/visually-hidden": "^3.8.6",
+    "@react-stately/table": "^3.11.2",
+    "@react-stately/virtualizer": "^3.6.4",
+    "@react-types/grid": "^3.2.2",
+    "@react-types/table": "^3.9.0"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/button": "workspace:*",
     "@nextui-org/chip": "workspace:*",
     "@nextui-org/pagination": "workspace:*",
@@ -63,9 +65,10 @@
     "@nextui-org/tooltip": "workspace:*",
     "@nextui-org/use-infinite-scroll": "workspace:*",
     "@nextui-org/user": "workspace:*",
-    "@react-stately/data": "^3.10.2",
+    "@react-stately/data": "^3.10.3",
     "clean-package": "2.2.0",
     "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "swr": "^2.2.1"
   },
   "clean-package": "../../../clean-package.config.json"
diff --git a/packages/components/table/src/table-row.tsx b/packages/components/table/src/table-row.tsx
index 3ca6aefcd..bd537060f 100644
--- a/packages/components/table/src/table-row.tsx
+++ b/packages/components/table/src/table-row.tsx
@@ -1,6 +1,7 @@
 import type {GridNode} from "@react-types/grid";
+import type {TableRowProps as BaseTableRowProps} from "./base/table-row";
 
-import {forwardRef, HTMLNextUIProps} from "@nextui-org/system";
+import {forwardRef} from "@nextui-org/system";
 import {useDOMRef, filterDOMProps} from "@nextui-org/react-utils";
 import {clsx, dataAttr} from "@nextui-org/shared-utils";
 import {useTableRow} from "@react-aria/table";
@@ -12,7 +13,7 @@ import {useMemo} from "react";
 import {ValuesType} from "./use-table";
 
 // @internal
-export interface TableRowProps<T = object> extends HTMLNextUIProps<"tr"> {
+export interface TableRowProps<T = object> extends Omit<BaseTableRowProps, "children"> {
   /**
    * The table row.
    */
@@ -27,7 +28,7 @@ const TableRow = forwardRef<"tr", TableRowProps>((props, ref) => {
   const {as, className, children, node, slots, state, isSelectable, classNames, ...otherProps} =
     props;
 
-  const Component = as || "tr";
+  const Component = as || (props?.href ? "a" : "tr");
   const shouldFilterDOMProps = typeof Component === "string";
 
   const domRef = useDOMRef(ref);
diff --git a/packages/components/tabs/package.json b/packages/components/tabs/package.json
index 52f0eafe9..db97d7766 100644
--- a/packages/components/tabs/package.json
+++ b/packages/components/tabs/package.json
@@ -36,28 +36,30 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "framer-motion": ">=4.0.0"
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/aria-utils": "workspace:*",
     "@nextui-org/framer-transitions": "workspace:*",
     "@nextui-org/use-is-mounted": "workspace:*",
     "@nextui-org/use-update-effect": "workspace:*",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/tabs": "^3.7.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-stately/tabs": "^3.6.0",
-    "@react-types/shared": "^3.20.0",
-    "@react-types/tabs": "^3.3.2",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/tabs": "^3.8.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-stately/tabs": "^3.6.1",
+    "@react-types/shared": "^3.21.0",
+    "@react-types/tabs": "^3.3.3",
     "scroll-into-view-if-needed": "3.0.10"
   },
   "devDependencies": {
-    "framer-motion": "^10.15.1",
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
+    "framer-motion": "^10.16.4",
     "react-lorem-component": "0.13.0",
     "@nextui-org/card": "workspace:*",
     "@nextui-org/input": "workspace:*",
@@ -65,7 +67,8 @@
     "@nextui-org/button": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/tabs/src/base/tab-item-base.ts b/packages/components/tabs/src/base/tab-item-base.ts
index 66a9f1c03..f1bd1abb3 100644
--- a/packages/components/tabs/src/base/tab-item-base.ts
+++ b/packages/components/tabs/src/base/tab-item-base.ts
@@ -14,6 +14,10 @@ interface Props<T extends object = {}> extends Omit<ItemProps<"button", T>, "chi
    *  This will be used as native `title` attribute.
    * */
   titleValue?: string;
+  /** Whether the tab should be disabled. */
+  isDisabled?: boolean;
+  /** Whether the tab selection should occur on press up instead of press down. */
+  shouldSelectOnPressUp?: boolean;
 }
 
 export type TabItemProps<T extends object = {}> = Props<T>;
diff --git a/packages/components/tabs/src/tab.tsx b/packages/components/tabs/src/tab.tsx
index adb62bef8..31beb99c3 100644
--- a/packages/components/tabs/src/tab.tsx
+++ b/packages/components/tabs/src/tab.tsx
@@ -42,6 +42,7 @@ const Tab = forwardRef<"button", TabItemProps>((props, ref) => {
     motionProps,
     disableAnimation,
     disableCursorAnimation,
+    shouldSelectOnPressUp,
     onClick,
     ...otherProps
   } = props;
@@ -50,7 +51,7 @@ const Tab = forwardRef<"button", TabItemProps>((props, ref) => {
 
   const domRef = useDOMRef(ref);
 
-  const Component = as || "button";
+  const Component = as || (props.href ? "a" : "button");
   const shouldFilterDOMProps = typeof Component === "string";
 
   const {
@@ -58,7 +59,7 @@ const Tab = forwardRef<"button", TabItemProps>((props, ref) => {
     isSelected,
     isDisabled: isDisabledItem,
     isPressed,
-  } = useTab({key}, state, domRef);
+  } = useTab({key, isDisabled: isDisabledProp, shouldSelectOnPressUp}, state, domRef);
 
   const isDisabled = isDisabledProp || isDisabledItem;
 
diff --git a/packages/components/tabs/src/tabs.tsx b/packages/components/tabs/src/tabs.tsx
index d4e7eae8a..59b8651bf 100644
--- a/packages/components/tabs/src/tabs.tsx
+++ b/packages/components/tabs/src/tabs.tsx
@@ -26,11 +26,12 @@ function Tabs<T extends object>(props: Props<T>, ref: ForwardedRef<HTMLDivElemen
     isDisabled: values.isDisabled,
     motionProps: values.motionProps,
     disableAnimation: values.disableAnimation,
+    shouldSelectOnPressUp: values.shouldSelectOnPressUp,
     disableCursorAnimation: values.disableCursorAnimation,
   };
 
   const tabs = [...state.collection].map((item) => (
-    <Tab key={item.key} item={item} {...item.props} {...tabsProps} />
+    <Tab key={item.key} item={item} {...tabsProps} {...item.props} />
   ));
 
   return (
diff --git a/packages/components/tabs/src/use-tabs.ts b/packages/components/tabs/src/use-tabs.ts
index 9700e32ba..20bb37ced 100644
--- a/packages/components/tabs/src/use-tabs.ts
+++ b/packages/components/tabs/src/use-tabs.ts
@@ -22,6 +22,11 @@ export interface Props extends Omit<HTMLNextUIProps, "children"> {
    * The props to modify the cursor motion animation. Use the `variants` API to create your own animation.
    */
   motionProps?: HTMLMotionProps<"span">;
+  /**
+   * Whether the tabs selection should occur on press up instead of press down.
+   * @default true
+   */
+  shouldSelectOnPressUp?: boolean;
   /**
    * Whether the cursor should be hidden.
    * @default false
@@ -55,6 +60,7 @@ export type ValuesType<T = object> = {
   slots: TabsReturnType;
   disableCursorAnimation?: boolean;
   listRef?: RefObject<HTMLElement>;
+  shouldSelectOnPressUp?: boolean;
   classNames?: SlotsToClasses<TabsSlots>;
   motionProps?: HTMLMotionProps<"span">;
   disableAnimation?: boolean;
@@ -68,9 +74,10 @@ export function useTabs<T extends object>(originalProps: UseTabsProps<T>) {
     ref,
     as,
     className,
-    children,
     classNames,
+    children,
     disableCursorAnimation,
+    shouldSelectOnPressUp = true,
     motionProps,
     ...otherProps
   } = props;
@@ -104,6 +111,7 @@ export function useTabs<T extends object>(originalProps: UseTabsProps<T>) {
       classNames,
       motionProps,
       listRef: domRef,
+      shouldSelectOnPressUp,
       disableCursorAnimation,
       isDisabled: originalProps?.isDisabled,
       disableAnimation: originalProps?.disableAnimation,
@@ -114,6 +122,7 @@ export function useTabs<T extends object>(originalProps: UseTabsProps<T>) {
       domRef,
       motionProps,
       disableCursorAnimation,
+      shouldSelectOnPressUp,
       originalProps?.disableAnimation,
       originalProps?.isDisabled,
       classNames,
diff --git a/packages/components/tooltip/package.json b/packages/components/tooltip/package.json
index 160bfe983..dc1ace6cc 100644
--- a/packages/components/tooltip/package.json
+++ b/packages/components/tooltip/package.json
@@ -36,28 +36,31 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "framer-motion": ">=4.0.0"
+    "framer-motion": ">=4.0.0",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/aria-utils": "workspace:*",
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/framer-transitions": "workspace:*",
-    "@react-aria/overlays": "^3.17.0",
-    "@react-aria/tooltip": "^3.6.2",
-    "@react-stately/tooltip": "^3.4.4",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-types/tooltip": "^3.4.4",
-    "@react-types/overlays": "^3.8.2"
+    "@react-aria/overlays": "^3.18.1",
+    "@react-aria/tooltip": "^3.6.4",
+    "@react-stately/tooltip": "^3.4.5",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-types/tooltip": "^3.4.5",
+    "@react-types/overlays": "^3.8.3"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/button": "workspace:*",
-    "framer-motion": "^10.15.1",
+    "framer-motion": "^10.16.4",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/components/tooltip/src/tooltip.tsx b/packages/components/tooltip/src/tooltip.tsx
index 5f84d6501..c7678dc5a 100644
--- a/packages/components/tooltip/src/tooltip.tsx
+++ b/packages/components/tooltip/src/tooltip.tsx
@@ -1,4 +1,3 @@
-import {useMemo} from "react";
 import {forwardRef} from "@nextui-org/system";
 import {OverlayContainer} from "@react-aria/overlays";
 import {AnimatePresence, motion} from "framer-motion";
@@ -6,6 +5,7 @@ import {TRANSITION_VARIANTS} from "@nextui-org/framer-transitions";
 import {warn} from "@nextui-org/shared-utils";
 import {Children, cloneElement} from "react";
 import {getTransformOrigins} from "@nextui-org/aria-utils";
+import {mergeProps} from "@react-aria/utils";
 
 import {UseTooltipProps, useTooltip} from "./use-tooltip";
 
@@ -21,10 +21,9 @@ const Tooltip = forwardRef<"div", TooltipProps>((props, ref) => {
     placement,
     disableAnimation,
     motionProps,
-    showArrow,
     getTriggerProps,
     getTooltipProps,
-    getArrowProps,
+    getTooltipContentProps,
   } = useTooltip({
     ...props,
     ref,
@@ -32,8 +31,6 @@ const Tooltip = forwardRef<"div", TooltipProps>((props, ref) => {
 
   let trigger: React.ReactElement;
 
-  const {className, ...otherTooltipProps} = getTooltipProps();
-
   try {
     /**
      * Ensure tooltip has only one child node
@@ -48,40 +45,32 @@ const Tooltip = forwardRef<"div", TooltipProps>((props, ref) => {
     warn("Tooltip must have only one child node. Please, check your code.");
   }
 
-  const arrowContent = useMemo(() => {
-    if (!showArrow) return null;
+  const {ref: tooltipRef, id, style, ...otherTooltipProps} = getTooltipProps();
 
-    return <span {...getArrowProps()} />;
-  }, [showArrow, getArrowProps]);
-
-  const animatedContent = useMemo(() => {
-    return (
-      <div {...otherTooltipProps}>
-        <motion.div
-          animate="enter"
-          exit="exit"
-          initial="exit"
-          style={{
-            ...getTransformOrigins(placement),
-          }}
-          variants={TRANSITION_VARIANTS.scaleSpring}
-          {...motionProps}
-        >
-          <Component className={className}>{content}</Component>
-          {arrowContent}
-        </motion.div>
-      </div>
-    );
-  }, [otherTooltipProps, className, placement, motionProps, Component, content, arrowContent]);
+  const animatedContent = (
+    <div ref={tooltipRef} id={id} style={style}>
+      <motion.div
+        animate="enter"
+        exit="exit"
+        initial="exit"
+        variants={TRANSITION_VARIANTS.scaleSpring}
+        {...mergeProps(motionProps, otherTooltipProps)}
+        style={{
+          ...getTransformOrigins(placement),
+        }}
+      >
+        <Component {...getTooltipContentProps()}>{content}</Component>
+      </motion.div>
+    </div>
+  );
 
   return (
     <>
       {trigger}
       {disableAnimation && isOpen ? (
         <OverlayContainer portalContainer={portalContainer}>
-          <div {...otherTooltipProps}>
-            <Component className={className}>{content}</Component>
-            {arrowContent}
+          <div ref={tooltipRef} id={id} style={style} {...otherTooltipProps}>
+            <Component {...getTooltipContentProps()}>{content}</Component>
           </div>
         </OverlayContainer>
       ) : (
diff --git a/packages/components/tooltip/src/use-tooltip.ts b/packages/components/tooltip/src/use-tooltip.ts
index 09590fb18..b850ae985 100644
--- a/packages/components/tooltip/src/use-tooltip.ts
+++ b/packages/components/tooltip/src/use-tooltip.ts
@@ -4,7 +4,7 @@ import type {OverlayTriggerProps} from "@react-types/overlays";
 import type {HTMLMotionProps} from "framer-motion";
 import type {OverlayOptions} from "@nextui-org/aria-utils";
 
-import {ReactNode, Ref, useId, useImperativeHandle} from "react";
+import {ReactNode, Ref, useId, useImperativeHandle, useLayoutEffect} from "react";
 import {useTooltipTriggerState} from "@react-stately/tooltip";
 import {mergeProps} from "@react-aria/utils";
 import {useTooltip as useReactAriaTooltip, useTooltipTrigger} from "@react-aria/tooltip";
@@ -57,6 +57,11 @@ interface Props extends Omit<HTMLNextUIProps, "content"> {
    * @default document.body
    */
   portalContainer?: Element;
+  /**
+   * List of dependencies to update the position of the tooltip.
+   * @default []
+   */
+  updatePositionDeps?: any[];
   /**
    * Classname or List of classes to change the classNames of the element.
    * if `className` is passed, it will be added to the base slot.
@@ -65,11 +70,12 @@ interface Props extends Omit<HTMLNextUIProps, "content"> {
    * ```ts
    * <Tooltip classNames={{
    *    base:"base-classes",
+   *    content: "content-classes",
    *    arrow: "arrow-classes",
    * }} />
    * ```
    */
-  classNames?: SlotsToClasses<"base" | "arrow">;
+  classNames?: SlotsToClasses<"base" | "arrow" | "content">;
 }
 
 export type UseTooltipProps = Props &
@@ -104,6 +110,7 @@ export function useTooltip(originalProps: UseTooltipProps) {
     shouldCloseOnBlur = true,
     portalContainer,
     isKeyboardDismissDisabled = false,
+    updatePositionDeps = [],
     shouldCloseOnInteractOutside,
     className,
     onClose,
@@ -160,8 +167,8 @@ export function useTooltip(originalProps: UseTooltipProps) {
 
   const {
     overlayProps: positionProps,
-    arrowProps,
     placement,
+    updatePosition,
   } = useOverlayPosition({
     isOpen: isOpen,
     targetRef: triggerRef,
@@ -173,6 +180,12 @@ export function useTooltip(originalProps: UseTooltipProps) {
     containerPadding,
   });
 
+  useLayoutEffect(() => {
+    if (!updatePositionDeps.length) return;
+    // force update position when deps change
+    updatePosition();
+  }, updatePositionDeps);
+
   const {overlayProps} = useOverlay(
     {
       isOpen: isOpen,
@@ -201,8 +214,6 @@ export function useTooltip(originalProps: UseTooltipProps) {
     ],
   );
 
-  const baseStyles = clsx(classNames?.base, className);
-
   const getTriggerProps = useCallback<PropGetter>(
     (props = {}, _ref: Ref<any> | null | undefined = null) => ({
       ...mergeProps(triggerProps, props),
@@ -215,33 +226,42 @@ export function useTooltip(originalProps: UseTooltipProps) {
   const getTooltipProps = useCallback<PropGetter>(
     () => ({
       ref: overlayRef,
+      "data-slot": "base",
       "data-open": dataAttr(isOpen),
+      "data-arrow": dataAttr(showArrow),
       "data-disabled": dataAttr(isDisabled),
       "data-placement": getArrowPlacement(placement, placementProp),
-      className: slots.base({class: baseStyles}),
       ...mergeProps(tooltipProps, overlayProps, otherProps),
       style: mergeProps(positionProps.style, otherProps.style, props.style),
+      className: slots.base({class: classNames?.base}),
       id: tooltipId,
     }),
     [
-      baseStyles,
+      slots,
+      isOpen,
+      showArrow,
+      isDisabled,
+      placement,
+      placementProp,
+      tooltipProps,
       overlayProps,
       otherProps,
-      overlayRef,
       positionProps,
-      slots,
+      props,
       tooltipId,
-      tooltipProps,
     ],
   );
 
-  const getArrowProps = useCallback<PropGetter>(
+  const getTooltipContentProps = useCallback<PropGetter>(
     () => ({
-      className: slots.arrow({class: classNames?.arrow}),
+      "data-slot": "content",
+      "data-open": dataAttr(isOpen),
+      "data-arrow": dataAttr(showArrow),
+      "data-disabled": dataAttr(isDisabled),
       "data-placement": getArrowPlacement(placement, placementProp),
-      ...arrowProps,
+      className: slots.content({class: clsx(classNames?.content, className)}),
     }),
-    [arrowProps, placement, placementProp, slots, classNames],
+    [slots, isOpen, showArrow, isDisabled, placement, placementProp, classNames],
   );
 
   return {
@@ -256,9 +276,9 @@ export function useTooltip(originalProps: UseTooltipProps) {
     disableAnimation: originalProps?.disableAnimation,
     isDisabled,
     motionProps,
+    getTooltipContentProps,
     getTriggerProps,
     getTooltipProps,
-    getArrowProps,
   };
 }
 
diff --git a/packages/components/tooltip/stories/tooltip.stories.tsx b/packages/components/tooltip/stories/tooltip.stories.tsx
index f18f61335..771409882 100644
--- a/packages/components/tooltip/stories/tooltip.stories.tsx
+++ b/packages/components/tooltip/stories/tooltip.stories.tsx
@@ -33,6 +33,11 @@ export default {
       },
       options: ["none", "sm", "md", "lg", "full"],
     },
+    showArrow: {
+      control: {
+        type: "boolean",
+      },
+    },
     placement: {
       control: {
         type: "select",
@@ -250,15 +255,9 @@ const ControlledTemplate = (args: TooltipProps) => {
     setIsOpen((prev) => !prev);
   };
 
-  const handleOpenChange = (open: boolean) => {
-    if (!open && isOpen) {
-      setIsOpen(false);
-    }
-  };
-
   return (
     <div className="flex flex-col items-center gap-2">
-      <Tooltip {...args} content="Tooltip 1" isOpen={isOpen} onOpenChange={handleOpenChange}>
+      <Tooltip {...args} content="Tooltip 1" isOpen={isOpen}>
         <Button onPress={handleOpen}>{isOpen ? "Close" : "Open"}</Button>
       </Tooltip>
     </div>
diff --git a/packages/components/user/package.json b/packages/components/user/package.json
index 6aba22d08..3f73d948d 100644
--- a/packages/components/user/package.json
+++ b/packages/components/user/package.json
@@ -35,21 +35,24 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",    
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/system": "workspace:*",
     "@nextui-org/avatar": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/utils": "^3.20.0"
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/utils": "^3.21.1"
   },
   "devDependencies": {
-    "clean-package": "2.2.0",
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "@nextui-org/link": "workspace:*",
-    "react": "^18.0.0"
+    "clean-package": "2.2.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/core/react/package.json b/packages/core/react/package.json
index 1f1c6aa52..9aa9f90f4 100644
--- a/packages/core/react/package.json
+++ b/packages/core/react/package.json
@@ -44,6 +44,7 @@
     "@nextui-org/system": "workspace:*",
     "@nextui-org/theme": "workspace:*",
     "@nextui-org/accordion": "workspace:*",
+    "@nextui-org/autocomplete": "workspace:*",
     "@nextui-org/avatar": "workspace:*",
     "@nextui-org/badge": "workspace:*",
     "@nextui-org/button": "workspace:*",
@@ -77,7 +78,9 @@
     "@nextui-org/listbox": "workspace:*",
     "@nextui-org/menu": "workspace:*",
     "@nextui-org/ripple": "workspace:*",
-    "@react-aria/visually-hidden": "^3.8.4"
+    "@nextui-org/slider": "workspace:*",
+    "@nextui-org/breadcrumbs": "workspace:*",
+    "@react-aria/visually-hidden": "^3.8.6"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -86,6 +89,7 @@
   },
   "devDependencies": {
     "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "clean-package": "2.2.0"
   },
   "clean-package": "../../../clean-package.config.json"
diff --git a/packages/core/react/src/index.ts b/packages/core/react/src/index.ts
index ee45fe118..2d2e6a0a0 100644
--- a/packages/core/react/src/index.ts
+++ b/packages/core/react/src/index.ts
@@ -1,5 +1,4 @@
 "use client";
-
 // only for developments, client directive  this is removed in production builds
 
 export * from "@nextui-org/system";
@@ -38,6 +37,9 @@ export * from "@nextui-org/select";
 export * from "@nextui-org/listbox";
 export * from "@nextui-org/menu";
 export * from "@nextui-org/ripple";
+export * from "@nextui-org/slider";
+export * from "@nextui-org/breadcrumbs";
+export * from "@nextui-org/autocomplete";
 
 /**
  * React Aria - Exports
diff --git a/packages/core/system-rsc/package.json b/packages/core/system-rsc/package.json
index f9daf10fd..50d401e40 100644
--- a/packages/core/system-rsc/package.json
+++ b/packages/core/system-rsc/package.json
@@ -43,7 +43,7 @@
     "clean-package": "2.2.0"
   },
   "dependencies": {
-    "tailwind-variants": "^0.1.14",
+    "tailwind-variants": "^0.1.18",
     "clsx": "^1.2.1"
   },
   "clean-package": "../../../clean-package.config.json",
diff --git a/packages/core/system-rsc/src/extend-variants.js b/packages/core/system-rsc/src/extend-variants.js
index a25578f21..3c82edd0f 100644
--- a/packages/core/system-rsc/src/extend-variants.js
+++ b/packages/core/system-rsc/src/extend-variants.js
@@ -21,6 +21,41 @@ function getSlots(variants) {
     : {};
 }
 
+function getClassNamesWithProps({props, defaultVariants, customTv, hasSlots}) {
+  const [baseProps, variantProps] = mapPropsVariants(props, customTv.variantKeys, false);
+
+  const newProps = {...defaultVariants, ...baseProps};
+
+  let classNames = {};
+
+  const result = customTv(variantProps);
+
+  // if no slots, the result is a string
+  if (!hasSlots) {
+    newProps.className = cn(result, props.className);
+  }
+  // if has slots, the result is an object with keys as slots functions
+  else {
+    Object.entries(result).forEach(([key, value]) => {
+      const slotResult = value();
+
+      if (typeof slotResult === "string") {
+        classNames[key] = slotResult;
+      }
+    });
+
+    Object.entries(props.classNames ?? {}).forEach(([key, value]) => {
+      classNames[key] = cn(classNames[key], value);
+    });
+  }
+
+  if (Object.keys(classNames).length !== 0) {
+    newProps.classNames = classNames;
+  }
+
+  return newProps;
+}
+
 export function extendVariants(BaseComponent, styles = {}, opts = {}) {
   const {variants, defaultVariants, compoundVariants} = styles || {};
 
@@ -40,41 +75,31 @@ export function extendVariants(BaseComponent, styles = {}, opts = {}) {
     },
   );
 
-  const ForwardedComponent = React.forwardRef((originalProps, ref) => {
-    const [baseProps, variantProps] = mapPropsVariants(originalProps, customTv.variantKeys, false);
+  const ForwardedComponent = React.forwardRef((originalProps = {}, ref) => {
+    const newProps = getClassNamesWithProps({
+      props: originalProps,
+      defaultVariants,
+      customTv,
+      hasSlots,
+    });
 
-    const newProps = {...defaultVariants, ...baseProps, ref};
-
-    let classNames = {};
-
-    const result = React.useMemo(() => customTv(variantProps), [...Object.values(variantProps)]);
-
-    // if no slots, the result is a string
-    if (!hasSlots) {
-      newProps.className = cn(result, originalProps.className);
-    }
-    // if has slots, the result is an object with keys as slots functions
-    else {
-      Object.entries(result).forEach(([key, value]) => {
-        const slotResult = value();
-
-        if (typeof slotResult === "string") {
-          classNames[key] = slotResult;
-        }
-      });
-
-      Object.entries(originalProps.classNames ?? {}).forEach(([key, value]) => {
-        classNames[key] = cn(classNames[key], value);
-      });
-    }
-
-    if (Object.keys(classNames).length !== 0) {
-      newProps.classNames = classNames;
-    }
-
-    return React.createElement(BaseComponent, newProps);
+    return React.createElement(BaseComponent, {...originalProps, ...newProps, ref});
   });
 
+  // Add collection node function for collection-based components
+  if (BaseComponent.getCollectionNode) {
+    ForwardedComponent.getCollectionNode = (itemProps) => {
+      const newProps = getClassNamesWithProps({
+        props: itemProps,
+        defaultVariants,
+        customTv,
+        hasSlots,
+      });
+
+      return BaseComponent.getCollectionNode({...itemProps, ...newProps});
+    };
+  }
+
   // To make dev tools show a proper name
   ForwardedComponent.displayName = `Extended(${BaseComponent.displayName || BaseComponent.name})`;
 
diff --git a/packages/core/system-rsc/src/types.ts b/packages/core/system-rsc/src/types.ts
index 02bb39aac..542273c6a 100644
--- a/packages/core/system-rsc/src/types.ts
+++ b/packages/core/system-rsc/src/types.ts
@@ -70,7 +70,7 @@ export type Merge<M, N> = N extends Record<string, unknown> ? M : Omit<M, keyof
 
 export type HTMLNextUIProps<T extends As = "div", OmitKeys extends keyof any = never> = Omit<
   PropsOf<T>,
-  "ref" | "color" | "slot" | OmitKeys
+  "ref" | "color" | "slot" | "defaultChecked" | "defaultValue" | OmitKeys
 > & {
   as?: As;
 };
diff --git a/packages/core/system/package.json b/packages/core/system/package.json
index 9d5be376d..d8f4b9b4f 100644
--- a/packages/core/system/package.json
+++ b/packages/core/system/package.json
@@ -39,7 +39,8 @@
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json",
   "tsup": {
@@ -52,7 +53,9 @@
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",
-    "@react-aria/i18n": "^3.8.2",
-    "@react-aria/overlays": "^3.17.0"
+    "@react-aria/i18n": "^3.8.4",
+    "@react-aria/overlays": "^3.18.1",
+    "@react-aria/utils": "^3.21.1",
+    "@react-stately/utils": "^3.8.0"
   }
 }
diff --git a/packages/core/system/src/provider.tsx b/packages/core/system/src/provider.tsx
index a60f7e3e5..65dc57594 100644
--- a/packages/core/system/src/provider.tsx
+++ b/packages/core/system/src/provider.tsx
@@ -1,6 +1,7 @@
 import type {ModalProviderProps} from "@react-aria/overlays";
 
 import {I18nProvider, I18nProviderProps} from "@react-aria/i18n";
+import {RouterProvider} from "@react-aria/utils";
 import {OverlayProvider} from "@react-aria/overlays";
 
 export interface NextUIProviderProps extends Omit<ModalProviderProps, "children"> {
@@ -10,16 +11,28 @@ export interface NextUIProviderProps extends Omit<ModalProviderProps, "children"
    * @default "en-US"
    */
   locale?: I18nProviderProps["locale"];
+  /**
+   * Provides a client side router to all nested components such as
+   * Link, Menu, Tabs, Table, etc.
+   */
+  navigate?: (path: string) => void;
 }
 
 export const NextUIProvider: React.FC<NextUIProviderProps> = ({
   children,
   locale = "en-US",
+  navigate,
   ...otherProps
 }) => {
+  let contents = children;
+
+  if (navigate) {
+    contents = <RouterProvider navigate={navigate}>{contents}</RouterProvider>;
+  }
+
   return (
     <I18nProvider locale={locale}>
-      <OverlayProvider {...otherProps}>{children}</OverlayProvider>
+      <OverlayProvider {...otherProps}>{contents}</OverlayProvider>
     </I18nProvider>
   );
 };
diff --git a/packages/core/theme/package.json b/packages/core/theme/package.json
index 2be3c8bd7..38c6c749d 100644
--- a/packages/core/theme/package.json
+++ b/packages/core/theme/package.json
@@ -55,20 +55,20 @@
     "lodash.kebabcase": "^4.1.1",
     "lodash.mapkeys": "^4.6.0",
     "lodash.omit": "^4.5.0",
-    "tailwind-variants": "^0.1.14",
-    "tailwindcss": "^3.2.7",
+    "tailwind-variants": "^0.1.18"
+  },
+  "peerDependencies": {
+    "tailwindcss": "*"
+  },
+  "devDependencies": {
     "@types/color": "^3.0.3",
     "@types/flat": "^5.0.2",
     "@types/lodash.foreach": "^4.5.7",
     "@types/lodash.get": "^4.4.7",
     "@types/lodash.kebabcase": "^4.1.7",
     "@types/lodash.mapkeys": "^4.6.7",
-    "@types/lodash.omit": "^4.5.7"
-  },
-  "peerDependencies": {
-    "tailwindcss": "*"
-  },
-  "devDependencies": {
+    "@types/lodash.omit": "^4.5.7",
+    "tailwindcss": "^3.3.5",
     "clean-package": "2.2.0"
   },
   "tsup": {
diff --git a/packages/core/theme/src/components/accordion.ts b/packages/core/theme/src/components/accordion.ts
index 3a99d5c26..7c3b25425 100644
--- a/packages/core/theme/src/components/accordion.ts
+++ b/packages/core/theme/src/components/accordion.ts
@@ -70,7 +70,7 @@ const accordionItem = tv({
     ],
     startContent: "flex-shrink-0",
     indicator: "text-default-400",
-    titleWrapper: "flex-1 flex flex-col text-left",
+    titleWrapper: "flex-1 flex flex-col text-start",
     title: "text-foreground text-large",
     subtitle: "text-small text-foreground-500 font-normal",
     content: "py-2",
@@ -109,7 +109,8 @@ const accordionItem = tv({
         indicator: "transition-none",
       },
       false: {
-        indicator: "rotate-0 data-[open=true]:-rotate-90",
+        indicator:
+          "rotate-0 data-[open=true]:-rotate-90 rtl:-rotate-180 rtl:data-[open=true]:-rotate-90",
       },
     },
   },
diff --git a/packages/core/theme/src/components/autocomplete.ts b/packages/core/theme/src/components/autocomplete.ts
new file mode 100644
index 000000000..cc5820cc6
--- /dev/null
+++ b/packages/core/theme/src/components/autocomplete.ts
@@ -0,0 +1,58 @@
+import type {VariantProps} from "tailwind-variants";
+
+import {tv} from "../utils/tv";
+
+const autocomplete = tv({
+  slots: {
+    base: "group inline-flex flex-column w-full",
+    listboxWrapper: "scroll-py-6 max-h-64 w-full",
+    listbox: "",
+    popoverContent: "w-full p-1 overflow-hidden",
+    endContentWrapper: "relative flex h-full items-center -mr-2",
+    clearButton: [
+      "text-medium",
+      "translate-x-1",
+      "cursor-text",
+      "opacity-0",
+      "text-default-500",
+      "group-data-[invalid=true]:text-danger",
+      "data-[visible=true]:opacity-100", // on mobile is always visible when there is a value
+      "data-[visible=true]:cursor-pointer",
+      "sm:data-[visible=true]:opacity-0", // only visible on hover
+      "sm:group-data-[hover=true]:data-[visible=true]:opacity-100",
+    ],
+    selectorButton: "text-medium",
+  },
+  variants: {
+    disableClearable: {
+      true: {
+        clearButton: "hidden",
+      },
+      false: {},
+    },
+    disableAnimation: {
+      true: {
+        selectorButton: "transition-none",
+      },
+      false: {
+        selectorButton: "transition-transform duration-150 ease motion-reduce:transition-none",
+      },
+    },
+    disableSelectorIconRotation: {
+      true: {},
+      false: {
+        selectorButton: "data-[open=true]:rotate-180",
+      },
+    },
+  },
+  defaultVariants: {
+    disableAnimation: false,
+    disableClearable: false,
+    disableSelectorIconRotation: false,
+  },
+});
+
+export type AutocompleteVariantProps = VariantProps<typeof autocomplete>;
+export type AutocompleteSlots = keyof ReturnType<typeof autocomplete>;
+
+export {autocomplete};
diff --git a/packages/core/theme/src/components/avatar.ts b/packages/core/theme/src/components/avatar.ts
index 6578cf45a..4f0068a21 100644
--- a/packages/core/theme/src/components/avatar.ts
+++ b/packages/core/theme/src/components/avatar.ts
@@ -26,7 +26,7 @@ const avatar = tv({
       "overflow-hidden",
       "align-middle",
       "text-white",
-      "z-10",
+      "z-0",
       // focus ring
       ...dataFocusVisibleClasses,
     ],
@@ -114,7 +114,7 @@ const avatar = tv({
     isInGroup: {
       true: {
         base: [
-          "-ml-2 data-[hover=true]:-translate-x-3 transition-transform",
+          "-ms-2 data-[hover=true]:-translate-x-3 transition-transform",
           "data-[focus-visible=true]:-translate-x-3",
         ],
       },
@@ -142,7 +142,7 @@ const avatar = tv({
       color: "primary",
       isBordered: true,
       class: {
-        base: "ring-focus",
+        base: "ring-primary",
       },
     },
     {
@@ -197,7 +197,7 @@ const avatarGroup = tv({
 
 // calculated classNames
 // src/components/avatar/src/use-avatar-group.ts
-// -ml-2 hover:-translate-x-0 ml-0
+// -ms-2 hover:-translate-x-0 ms-0
 
 export type AvatarGroupVariantProps = VariantProps<typeof avatarGroup>;
 export type AvatarVariantProps = VariantProps<typeof avatar>;
diff --git a/packages/core/theme/src/components/badge.ts b/packages/core/theme/src/components/badge.ts
index 8a8bd0271..6d8d56252 100644
--- a/packages/core/theme/src/components/badge.ts
+++ b/packages/core/theme/src/components/badge.ts
@@ -95,12 +95,12 @@ const badge = tv({
         badge: "transition-transform-opacity !ease-soft-spring !duration-300",
       },
     },
-    disableOutline: {
+    showOutline: {
       true: {
-        badge: "border-transparent border-0",
+        badge: "border-2 border-background",
       },
       false: {
-        badge: "border-2 border-background",
+        badge: "border-transparent border-0",
       },
     },
   },
@@ -110,7 +110,7 @@ const badge = tv({
     size: "md",
     shape: "rectangle",
     placement: "top-right",
-    disableOutline: false,
+    showOutline: true,
     disableAnimation: false,
     isInvisible: false,
   },
diff --git a/packages/core/theme/src/components/breadcrumbs.ts b/packages/core/theme/src/components/breadcrumbs.ts
new file mode 100644
index 000000000..c923e793e
--- /dev/null
+++ b/packages/core/theme/src/components/breadcrumbs.ts
@@ -0,0 +1,263 @@
+import type {VariantProps} from "tailwind-variants";
+
+import {dataFocusVisibleClasses} from "../utils";
+import {tv} from "../utils/tv";
+
+/**
+ * BreadcrumbsItem wrapper **Tailwind Variants** component
+ *
+ * const { base, item, separator } = breadcrumbItem({...})
+ *
+ * @example
+ */
+const breadcrumbItem = tv({
+  slots: {
+    base: "flex items-center",
+    item: [
+      "flex gap-1 items-center",
+      "cursor-pointer",
+      "whitespace-nowrap",
+      "line-clamp-1",
+      "outline-none",
+      "tap-highlight-transparent",
+      // focus ring
+      ...dataFocusVisibleClasses,
+    ],
+    separator: "text-default-400 px-1",
+  },
+  variants: {
+    color: {
+      foreground: {
+        item: "text-foreground/50",
+        separator: "text-foreground/50",
+      },
+      primary: {
+        item: "text-primary/80",
+        separator: "text-primary/80",
+      },
+      secondary: {
+        item: "text-secondary/80",
+        separator: "text-secondary/80",
+      },
+      success: {
+        item: "text-success/80",
+        separator: "text-success/80",
+      },
+      warning: {
+        item: "text-warning/80",
+        separator: "text-warning/80",
+      },
+      danger: {
+        item: "text-danger/80",
+        separator: "text-danger/80",
+      },
+    },
+    size: {
+      sm: {
+        item: "text-tiny",
+      },
+      md: {
+        item: "text-small",
+      },
+      lg: {
+        item: "text-medium",
+      },
+    },
+    underline: {
+      none: {
+        item: "no-underline",
+      },
+      hover: {
+        item: "hover:underline",
+      },
+      always: {
+        item: "underline",
+      },
+      active: {
+        item: "active:underline",
+      },
+      focus: {
+        item: "focus:underline",
+      },
+    },
+    isCurrent: {
+      true: {
+        item: "cursor-default",
+      },
+      false: {
+        item: ["hover:opacity-80", "active:opacity-disabled"],
+      },
+    },
+    isDisabled: {
+      true: {
+        item: "opacity-disabled pointer-events-none",
+        separator: "opacity-disabled",
+      },
+    },
+    disableAnimation: {
+      false: {
+        item: "transition-opacity",
+      },
+      true: {
+        item: "transition-none",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+    color: "foreground",
+    underline: "hover",
+    isDisabled: false,
+    disableAnimation: false,
+  },
+  compoundVariants: [
+    // isCurrent && color
+    {
+      isCurrent: true,
+      color: "foreground",
+      class: {
+        item: "text-foreground",
+      },
+    },
+    {
+      isCurrent: true,
+      color: "primary",
+      class: {
+        item: "text-primary",
+      },
+    },
+    {
+      isCurrent: true,
+      color: "secondary",
+      class: {
+        item: "text-secondary",
+      },
+    },
+    {
+      isCurrent: true,
+      color: "success",
+      class: {
+        item: "text-success",
+      },
+    },
+    {
+      isCurrent: true,
+      color: "warning",
+      class: {
+        item: "text-warning",
+      },
+    },
+    {
+      isCurrent: true,
+      color: "danger",
+      class: {
+        item: "text-danger",
+      },
+    },
+    // !isCurrent && underline
+    {
+      isCurrent: false,
+      underline: "none",
+      class: {
+        item: "no-underline",
+      },
+    },
+    // Underline
+    {
+      underline: ["hover", "always", "active", "focus"],
+      class: "underline-offset-4",
+    },
+  ],
+});
+
+/**
+ * Breadcrumbs wrapper **Tailwind Variants** component
+ *
+ * const { base, list, ellipsis, separator } = breadcrumbs({...})
+ *
+ * @example
+ */
+const breadcrumbs = tv({
+  slots: {
+    base: "",
+    list: "flex flex-wrap list-none",
+    ellipsis: "text-medium",
+    separator: "text-default-400 px-1",
+  },
+  variants: {
+    size: {
+      sm: {},
+      md: {},
+      lg: {},
+    },
+    radius: {
+      none: {
+        list: "rounded-none",
+      },
+      sm: {
+        list: "rounded-small",
+      },
+      md: {
+        list: "rounded-medium",
+      },
+      lg: {
+        list: "rounded-large",
+      },
+      full: {
+        list: "rounded-full",
+      },
+    },
+    variant: {
+      solid: {
+        list: "bg-default-100",
+      },
+      bordered: {
+        list: "border-medium border-default-200 shadow-sm",
+      },
+      light: {},
+    },
+  },
+  defaultVariants: {
+    size: "md",
+    radius: "sm",
+    variant: "light",
+  },
+  compoundVariants: [
+    // variant
+    {
+      variant: ["solid", "bordered"],
+      class: {
+        list: "max-w-fit",
+      },
+    },
+    // variant={solid,bordered} && size
+    {
+      variant: ["solid", "bordered"],
+      size: "sm",
+      class: {
+        list: "px-2 py-1",
+      },
+    },
+    {
+      variant: ["solid", "bordered"],
+      size: "md",
+      class: {
+        list: "px-2.5 py-1.5",
+      },
+    },
+    {
+      variant: ["solid", "bordered"],
+      size: "lg",
+      class: {
+        list: "px-3 py-2",
+      },
+    },
+  ],
+});
+
+export type BreadcrumbsVariantProps = VariantProps<typeof breadcrumbs>;
+export type BreadcrumbsSlots = keyof ReturnType<typeof breadcrumbs>;
+export type BreadcrumbItemVariantProps = VariantProps<typeof breadcrumbItem>;
+export type BreadcrumbItemSlots = keyof ReturnType<typeof breadcrumbItem>;
+
+export {breadcrumbs, breadcrumbItem};
diff --git a/packages/core/theme/src/components/button.ts b/packages/core/theme/src/components/button.ts
index 0b7cbc1ae..f8a154751 100644
--- a/packages/core/theme/src/components/button.ts
+++ b/packages/core/theme/src/components/button.ts
@@ -86,7 +86,7 @@ const button = tv({
     disableAnimation: {
       true: "!transition-none",
       false:
-        "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none",
+        "data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none",
     },
   },
   defaultVariants: {
@@ -316,30 +316,56 @@ const button = tv({
       color: "danger",
       class: colorVariants.ghost.danger,
     },
-    // isInGroup / radius
+    // isInGroup / radius / size <-- radius not provided
     {
       isInGroup: true,
-      class: "rounded-none first:rounded-l-medium last:rounded-r-medium",
+      class: "rounded-none first:rounded-s-medium last:rounded-e-medium",
     },
     {
       isInGroup: true,
       size: "sm",
-      class: "rounded-none first:rounded-l-small last:rounded-r-small",
+      class: "rounded-none first:rounded-s-small last:rounded-e-small",
     },
     {
       isInGroup: true,
       size: "md",
-      class: "rounded-none first:rounded-l-medium last:rounded-r-medium",
+      class: "rounded-none first:rounded-s-medium last:rounded-e-medium",
     },
     {
       isInGroup: true,
       size: "lg",
-      class: "rounded-none first:rounded-l-large last:rounded-r-large",
+      class: "rounded-none first:rounded-s-large last:rounded-e-large",
     },
     {
       isInGroup: true,
       isRounded: true,
-      class: "rounded-none first:rounded-l-full last:rounded-r-full",
+      class: "rounded-none first:rounded-s-full last:rounded-e-full",
+    },
+    // isInGroup / radius <-- radius provided
+    {
+      isInGroup: true,
+      radius: "none",
+      class: "rounded-none first:rounded-s-none last:rounded-e-none",
+    },
+    {
+      isInGroup: true,
+      radius: "sm",
+      class: "rounded-none first:rounded-s-small last:rounded-e-small",
+    },
+    {
+      isInGroup: true,
+      radius: "md",
+      class: "rounded-none first:rounded-s-medium last:rounded-e-medium",
+    },
+    {
+      isInGroup: true,
+      radius: "lg",
+      class: "rounded-none first:rounded-s-large last:rounded-e-large",
+    },
+    {
+      isInGroup: true,
+      radius: "full",
+      class: "rounded-none first:rounded-s-full last:rounded-e-full",
     },
     // isInGroup / bordered / ghost
     {
@@ -393,6 +419,11 @@ const button = tv({
       size: "lg",
       class: "min-w-unit-12 w-unit-12 h-unit-12",
     },
+    // variant / hover
+    {
+      variant: ["solid", "faded", "flat", "bordered", "shadow"],
+      class: "data-[hover=true]:opacity-hover",
+    },
   ],
 });
 
diff --git a/packages/core/theme/src/components/card.ts b/packages/core/theme/src/components/card.ts
index c13c05c7a..8a25416de 100644
--- a/packages/core/theme/src/components/card.ts
+++ b/packages/core/theme/src/components/card.ts
@@ -49,7 +49,7 @@ const card = tv({
       "flex",
       "flex-1",
       "w-full",
-      "p-5",
+      "p-3",
       "flex-auto",
       "flex-col",
       "place-content-inherit",
diff --git a/packages/core/theme/src/components/chip.ts b/packages/core/theme/src/components/chip.ts
index bd0f5be2e..92cbd76ae 100644
--- a/packages/core/theme/src/components/chip.ts
+++ b/packages/core/theme/src/components/chip.ts
@@ -87,7 +87,7 @@ const chip = tv({
     },
     size: {
       sm: {
-        base: "px-1 h-6 text-small",
+        base: "px-1 h-6 text-tiny",
         content: "px-1",
         closeButton: "text-medium",
         avatar: "w-4 h-4",
diff --git a/packages/core/theme/src/components/index.ts b/packages/core/theme/src/components/index.ts
index 7f192162a..ec4d887f7 100644
--- a/packages/core/theme/src/components/index.ts
+++ b/packages/core/theme/src/components/index.ts
@@ -32,3 +32,6 @@ export * from "./select";
 export * from "./menu";
 export * from "./listbox";
 export * from "./scroll-shadow";
+export * from "./slider";
+export * from "./breadcrumbs";
+export * from "./autocomplete";
diff --git a/packages/core/theme/src/components/input.ts b/packages/core/theme/src/components/input.ts
index da687157e..36aba53dc 100644
--- a/packages/core/theme/src/components/input.ts
+++ b/packages/core/theme/src/components/input.ts
@@ -24,12 +24,25 @@ import {dataFocusVisibleClasses, groupDataFocusVisibleClasses} from "../utils";
 const input = tv({
   slots: {
     base: "group flex flex-col",
-    label: "block text-small font-medium text-foreground-600",
+    label: [
+      "absolute",
+      "z-10",
+      "pointer-events-none",
+      "origin-top-left",
+      "subpixel-antialiased",
+      "block",
+      "text-small",
+      "text-foreground-500",
+    ],
     mainWrapper: "h-full",
     inputWrapper:
       "relative w-full inline-flex tap-highlight-transparent flex-row items-center shadow-sm px-3 gap-3",
-    innerWrapper: "inline-flex h-full items-center w-full gap-1.5 box-border",
-    input: "w-full h-full font-normal !bg-transparent outline-none placeholder:text-foreground-500",
+    innerWrapper: "inline-flex w-full items-center h-full box-border",
+    input: [
+      "w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none",
+      "data-[has-start-content=true]:ps-1.5",
+      "data-[has-end-content=true]:pe-1.5",
+    ],
     clearButton: [
       "p-2",
       "-m-2",
@@ -100,6 +113,7 @@ const input = tv({
           "after:h-[2px]",
           "group-data-[focus=true]:after:w-full",
         ],
+        innerWrapper: "pb-1",
       },
     },
     color: {
@@ -154,11 +168,12 @@ const input = tv({
         base: "flex-row items-center flex-nowrap data-[has-helper=true]:items-start",
         inputWrapper: "flex-1",
         mainWrapper: "flex flex-col",
-        label: "text-foreground pr-2",
+        label: "relative text-foreground pr-2",
       },
       inside: {
         label: "text-tiny cursor-text",
         inputWrapper: "flex-col items-start justify-center gap-0",
+        innerWrapper: "items-end",
       },
     },
     fullWidth: {
@@ -166,11 +181,6 @@ const input = tv({
         base: "w-full",
       },
     },
-    isLabelPlaceholder: {
-      true: {
-        label: "absolute z-10 pointer-events-none",
-      },
-    },
     isClearable: {
       true: {
         input: "peer pr-6",
@@ -197,12 +207,14 @@ const input = tv({
     },
     isMultiline: {
       true: {
+        label: "relative",
         inputWrapper: "!h-auto",
-        input: "resize-none py-2",
+        input: "resize-none py-2 data-[hide-scroll=true]:scrollbar-hide",
       },
     },
     disableAnimation: {
       true: {
+        input: "transition-none",
         inputWrapper: "transition-none",
         label: "transition-none",
       },
@@ -210,11 +222,10 @@ const input = tv({
         inputWrapper: "transition-background motion-reduce:transition-none !duration-150",
         label: [
           "will-change-auto",
-          "origin-top-left",
-          "transition-all",
           "!duration-200",
           "!ease-out",
           "motion-reduce:transition-none",
+          "transition-[transform,color,left,opacity]",
         ],
         clearButton: ["transition-opacity", "motion-reduce:transition-none"],
       },
@@ -227,6 +238,7 @@ const input = tv({
     fullWidth: true,
     labelPlacement: "inside",
     isDisabled: false,
+    isMultiline: false,
     disableAnimation: false,
   },
   compoundVariants: [
@@ -482,6 +494,14 @@ const input = tv({
         ],
       },
     },
+    // inside && default
+    {
+      labelPlacement: "inside",
+      color: "default",
+      class: {
+        label: "group-data-[filled-within=true]:text-foreground-600",
+      },
+    },
     // isInvalid & variant
     {
       isInvalid: true,
@@ -531,21 +551,32 @@ const input = tv({
         inputWrapper: "h-16 py-2.5 gap-0",
       },
     },
-    // isLabelPlaceholder & labelPlacement
+    // size & labelPlacement & variant=[faded, bordered]
+    {
+      labelPlacement: "inside",
+      size: "sm",
+      variant: ["bordered", "faded"],
+      class: {
+        inputWrapper: "py-1",
+      },
+    },
+    // labelPlacement=[inside,outside]
     {
-      isLabelPlaceholder: true,
       labelPlacement: ["inside", "outside"],
       class: {
-        label: [
-          "font-normal",
-          "group-data-[filled-within=true]:font-medium",
-          "group-data-[filled-within=true]:pointer-events-auto",
-        ],
+        label: ["group-data-[filled-within=true]:pointer-events-auto"],
+      },
+    },
+    // labelPlacement=[outside,outside-left]
+    {
+      labelPlacement: ["outside", "outside-left"],
+      class: {
+        input: "h-full",
       },
     },
     {
-      isLabelPlaceholder: true,
       labelPlacement: "outside",
+      isMultiline: false,
       class: {
         base: "group relative justify-end",
         label: [
@@ -559,91 +590,186 @@ const input = tv({
         ],
       },
     },
-    // isLabelPlaceholder & inside & size
+    // labelPlacement=[inside]
+    {
+      labelPlacement: ["inside"],
+      class: {
+        label: ["group-data-[filled-within=true]:scale-85"],
+      },
+    },
+    // labelPlacement=[inside] & variant=flat
+    {
+      labelPlacement: ["inside"],
+      variant: "flat",
+      size: ["md", "lg"],
+      class: {
+        innerWrapper: "pb-0.5",
+      },
+    },
+    // variant=underlined & size
+    {
+      variant: "underlined",
+      size: "sm",
+      class: {
+        innerWrapper: "pb-1",
+      },
+    },
+    {
+      variant: "underlined",
+      size: ["md", "lg"],
+      class: {
+        innerWrapper: "pb-1.5",
+      },
+    },
+    // inside & size
     {
-      isLabelPlaceholder: true,
       labelPlacement: "inside",
       size: ["sm", "md"],
       class: {
-        label: ["text-small", "group-data-[filled-within=true]:text-tiny"],
-        input: "pt-4",
+        label: "text-small",
       },
     },
     {
-      isLabelPlaceholder: true,
       labelPlacement: "inside",
+      isMultiline: false,
       size: "sm",
       class: {
         label: [
-          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_3px)]",
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]",
         ],
-        input: "pt-4",
       },
     },
     {
-      isLabelPlaceholder: true,
       labelPlacement: "inside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
-          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]",
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]",
         ],
-        input: "pt-4",
       },
     },
     {
-      isLabelPlaceholder: true,
       labelPlacement: "inside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
           "text-medium",
-          "group-data-[filled-within=true]:text-small",
-          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_5px)]",
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]",
         ],
-        input: "pt-5",
       },
     },
-    // isLabelPlaceholder & outside & size
+    // inside & size & [faded, bordered]
     {
-      isLabelPlaceholder: true,
-      labelPlacement: "outside",
+      labelPlacement: "inside",
+      variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "sm",
       class: {
         label: [
-          "left-2",
-          "text-small",
-          "group-data-[filled-within=true]:text-tiny",
-          "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]",
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px_-_theme(borderWidth.medium))]",
         ],
       },
     },
     {
-      isLabelPlaceholder: true,
+      labelPlacement: "inside",
+      variant: ["faded", "bordered"],
+      isMultiline: false,
+      size: "md",
+      class: {
+        label: [
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px_-_theme(borderWidth.medium))]",
+        ],
+      },
+    },
+    {
+      labelPlacement: "inside",
+      variant: ["faded", "bordered"],
+      isMultiline: false,
+      size: "lg",
+      class: {
+        label: [
+          "text-medium",
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px_-_theme(borderWidth.medium))]",
+        ],
+      },
+    },
+    // inside & size & underlined
+    {
+      labelPlacement: "inside",
+      variant: "underlined",
+      isMultiline: false,
+      size: "sm",
+      class: {
+        label: [
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]",
+        ],
+      },
+    },
+    {
+      labelPlacement: "inside",
+      variant: "underlined",
+      isMultiline: false,
+      size: "md",
+      class: {
+        label: [
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_3.5px)]",
+        ],
+      },
+    },
+    {
+      labelPlacement: "inside",
+      variant: "underlined",
+      size: "lg",
+      isMultiline: false,
+      class: {
+        label: [
+          "text-medium",
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]",
+        ],
+      },
+    },
+    // outside & size
+    {
+      labelPlacement: "outside",
+      size: "sm",
+      isMultiline: false,
+      class: {
+        label: [
+          "left-2",
+          "text-tiny",
+          "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]",
+        ],
+        base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_8px)]",
+      },
+    },
+    {
       labelPlacement: "outside",
       size: "md",
+      isMultiline: false,
       class: {
         label: [
           "left-3",
           "text-small",
           "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]",
         ],
+        base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_10px)]",
       },
     },
     {
-      isLabelPlaceholder: true,
       labelPlacement: "outside",
       size: "lg",
+      isMultiline: false,
       class: {
         label: [
           "left-3",
           "text-medium",
-          "group-data-[filled-within=true]:text-small",
           "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]",
         ],
+        base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_12px)]",
       },
     },
-
     // outside-left & size & hasHelper
     {
       labelPlacement: "outside-left",
@@ -666,6 +792,22 @@ const input = tv({
         label: "group-data-[has-helper=true]:pt-4",
       },
     },
+    // isMultiline & labelPlacement="inside"
+    {
+      labelPlacement: "inside",
+      isMultiline: true,
+      class: {
+        input: "pt-0",
+      },
+    },
+    // isMultiline & !disableAnimation
+    {
+      isMultiline: true,
+      disableAnimation: false,
+      class: {
+        input: "transition-height !duration-150 motion-reduce:transition-none",
+      },
+    },
   ],
 });
 
diff --git a/packages/core/theme/src/components/listbox.ts b/packages/core/theme/src/components/listbox.ts
index 5a0b89415..b42253ae0 100644
--- a/packages/core/theme/src/components/listbox.ts
+++ b/packages/core/theme/src/components/listbox.ts
@@ -52,6 +52,7 @@ export {menuSection as listboxSection} from "./menu";
 // export types
 export type {
   MenuSectionVariantProps as ListboxSectionVariantProps,
+  MenuSlots as ListboxSlots,
   MenuSectionSlots as ListboxSectionSlots,
   MenuItemVariantProps as ListboxItemVariantProps,
   MenuItemSlots as ListboxItemSlots,
diff --git a/packages/core/theme/src/components/menu.ts b/packages/core/theme/src/components/menu.ts
index c4a488250..65bac23b2 100644
--- a/packages/core/theme/src/components/menu.ts
+++ b/packages/core/theme/src/components/menu.ts
@@ -10,7 +10,19 @@ import {dataFocusVisibleClasses} from "../utils";
 
  */
 const menu = tv({
-  base: "w-full flex flex-col gap-0.5 p-1 outline-none",
+  slots: {
+    base: "w-full relative flex flex-col gap-1 p-1",
+    list: "w-full flex flex-col gap-0.5 outline-none",
+    emptyContent: [
+      "h-10",
+      "px-2",
+      "py-1.5",
+      "w-full",
+      "h-full",
+      "text-foreground-400",
+      "text-start",
+    ],
+  },
 });
 
 /**
@@ -128,7 +140,9 @@ const menuItem = tv({
     },
     disableAnimation: {
       true: {},
-      false: {},
+      false: {
+        base: "data-[hover=true]:transition-colors",
+      },
     },
   },
   defaultVariants: {
@@ -502,6 +516,7 @@ const menuSection = tv({
 });
 
 export type MenuVariantProps = VariantProps<typeof menu>;
+export type MenuSlots = keyof ReturnType<typeof menu>;
 export type MenuSectionVariantProps = VariantProps<typeof menuSection>;
 export type MenuSectionSlots = keyof ReturnType<typeof menuSection>;
 export type MenuItemVariantProps = VariantProps<typeof menuItem>;
diff --git a/packages/core/theme/src/components/navbar.ts b/packages/core/theme/src/components/navbar.ts
index 8692f75cf..858d2f953 100644
--- a/packages/core/theme/src/components/navbar.ts
+++ b/packages/core/theme/src/components/navbar.ts
@@ -172,7 +172,10 @@ const navbar = tv({
       "gap-2",
       "overflow-y-auto",
     ],
-    menuItem: ["text-large"],
+    menuItem: [
+      "text-large", // active
+      "data-[active=true]:font-semibold",
+    ],
   },
   variants: {
     position: {
diff --git a/packages/core/theme/src/components/popover.ts b/packages/core/theme/src/components/popover.ts
index 3d701894c..a10af6803 100644
--- a/packages/core/theme/src/components/popover.ts
+++ b/packages/core/theme/src/components/popover.ts
@@ -5,127 +5,141 @@ import {colorVariants, dataFocusVisibleClasses} from "../utils";
 /**
  * Popover wrapper **Tailwind Variants** component
  *
- * const { base, trigger, backdrop, arrow } = popover({...})
+ * const { base, content, trigger, backdrop } = popover({...})
  *
  * @example
  * <div>
  *  <div className={backdrop()} />
  *  <button className={trigger()} aria-expanded="true/false">your trigger</button>
  *  <div className={base()}>
- *    // popover content
- *    <span className={arrow()} data-placement="top/bottom/left/right..." /> // arrow
+ *    <div className={content()} />
+ *      // popover content
+ *    </div>
  *  </div>
  * </div>
  */
 const popover = tv({
   slots: {
     base: [
-      "z-10",
+      "z-0",
       "relative",
+      "bg-transparent",
+      // arrow
+      "before:content-['']",
+      "before:hidden",
+      "before:z-[-1]",
+      "before:absolute",
+      "before:rotate-45",
+      "before:w-2.5",
+      "before:h-2.5",
+      "before:rounded-sm",
+      // visibility
+      "data-[arrow=true]:before:block",
+      // top
+      "data-[placement=top]:before:-bottom-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=top]:before:left-1/2",
+      "data-[placement=top]:before:-translate-x-1/2",
+      "data-[placement=top-start]:before:-bottom-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=top-start]:before:left-3",
+      "data-[placement=top-end]:before:-bottom-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=top-end]:before:right-3",
+      // bottom
+      "data-[placement=bottom]:before:-top-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=bottom]:before:left-1/2",
+      "data-[placement=bottom]:before:-translate-x-1/2",
+      "data-[placement=bottom-start]:before:-top-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=bottom-start]:before:left-3",
+      "data-[placement=bottom-end]:before:-top-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=bottom-end]:before:right-3",
+      // left
+      "data-[placement=left]:before:-right-[calc(theme(spacing.5)/4_-_2px)]",
+      "data-[placement=left]:before:top-1/2",
+      "data-[placement=left]:before:-translate-y-1/2",
+      "data-[placement=left-start]:before:-right-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=left-start]:before:top-1/4",
+      "data-[placement=left-end]:before:-right-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=left-end]:before:bottom-1/4",
+      // right
+      "data-[placement=right]:before:-left-[calc(theme(spacing.5)/4_-_2px)]",
+      "data-[placement=right]:before:top-1/2",
+      "data-[placement=right]:before:-translate-y-1/2",
+      "data-[placement=right-start]:before:-left-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=right-start]:before:top-1/4",
+      "data-[placement=right-end]:before:-left-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=right-end]:before:bottom-1/4",
+      // focus ring
+      ...dataFocusVisibleClasses,
+    ],
+    content: [
+      "z-10",
+      "px-2.5",
+      "py-1",
+      "w-full",
       "inline-flex",
       "flex-col",
       "items-center",
       "justify-center",
       "box-border",
       "subpixel-antialiased",
-      "px-4",
-      "py-1",
       "outline-none",
       "box-border",
-      // focus ring
-      ...dataFocusVisibleClasses,
     ],
     trigger: ["z-10"],
     backdrop: ["hidden"],
-    arrow: [
-      "z-[-1]",
-      "absolute",
-      "rotate-45",
-      "w-2.5",
-      "h-2.5",
-      "rounded-sm",
-      // top
-      "data-[placement=top]:-bottom-1",
-      "data-[placement=top]:-translate-x-1/2",
-      "data-[placement=top-start]:-bottom-1",
-      "data-[placement=top-start]:-translate-x-8",
-      "data-[placement=top-end]:-bottom-1",
-      "data-[placement=top-end]:translate-x-6",
-      // bottom
-      "data-[placement=bottom]:-top-1",
-      "data-[placement=bottom]:-translate-x-1/2",
-      "data-[placement=bottom-start]:-top-1",
-      "data-[placement=bottom-start]:-translate-x-8",
-      "data-[placement=bottom-end]:-top-1",
-      "data-[placement=bottom-end]:translate-x-6",
-      // left
-      "data-[placement=left]:-right-1",
-      "data-[placement=left]:-translate-y-1/2",
-      "data-[placement=left-start]:-right-1",
-      "data-[placement=left-start]:-translate-y-3",
-      "data-[placement=left-end]:-right-1",
-      "data-[placement=left-end]:translate-y-0.5",
-      // right
-      "data-[placement=right]:-left-1",
-      "data-[placement=right]:-translate-y-1/2",
-      "data-[placement=right-start]:-left-1",
-      "data-[placement=right-start]:-translate-y-3",
-      "data-[placement=right-end]:-left-1",
-      "data-[placement=right-end]:translate-y-0.5",
-    ],
+    arrow: [],
   },
   variants: {
     size: {
-      sm: {base: "text-tiny"},
-      md: {base: "text-small"},
-      lg: {base: "text-medium"},
+      sm: {content: "text-tiny"},
+      md: {content: "text-small"},
+      lg: {content: "text-medium"},
     },
     color: {
       default: {
-        base: "bg-content1",
-        arrow: "shadow-small bg-content1",
+        base: "before:bg-content1 before:shadow-small",
+        content: "bg-content1",
       },
       foreground: {
-        base: colorVariants.solid.foreground,
-        arrow: "bg-foreground",
+        base: "before:bg-foreground",
+        content: colorVariants.solid.foreground,
       },
       primary: {
-        base: colorVariants.solid.primary,
-        arrow: "bg-primary",
+        base: "before:bg-primary",
+        content: colorVariants.solid.primary,
       },
       secondary: {
-        base: colorVariants.solid.secondary,
-        arrow: "bg-secondary",
+        base: "before:bg-secondary",
+        content: colorVariants.solid.secondary,
       },
       success: {
-        base: colorVariants.solid.success,
-        arrow: "bg-success",
+        base: "before:bg-success",
+        content: colorVariants.solid.success,
       },
       warning: {
-        base: colorVariants.solid.warning,
-        arrow: "bg-warning",
+        base: "before:bg-warning",
+        content: colorVariants.solid.warning,
       },
       danger: {
-        base: colorVariants.solid.danger,
-        arrow: "bg-danger",
+        base: "before:bg-danger",
+        content: colorVariants.solid.danger,
       },
     },
     radius: {
-      none: {base: "rounded-none"},
-      sm: {base: "rounded-small"},
-      md: {base: "rounded-medium"},
-      lg: {base: "rounded-large"},
-      full: {base: "rounded-full"},
+      none: {content: "rounded-none"},
+      sm: {content: "rounded-small"},
+      md: {content: "rounded-medium"},
+      lg: {content: "rounded-large"},
+      full: {content: "rounded-full"},
     },
     shadow: {
       sm: {
-        base: "shadow-small",
+        content: "shadow-small",
       },
       md: {
-        base: "shadow-medium",
+        content: "shadow-medium",
       },
       lg: {
-        base: "shadow-large",
+        content: "shadow-large",
       },
     },
     backdrop: {
diff --git a/packages/core/theme/src/components/select.ts b/packages/core/theme/src/components/select.ts
index 31f43fcb2..a74f624e7 100644
--- a/packages/core/theme/src/components/select.ts
+++ b/packages/core/theme/src/components/select.ts
@@ -6,7 +6,16 @@ import {tv} from "../utils/tv";
 const select = tv({
   slots: {
     base: "group inline-flex flex-col relative w-full",
-    label: "block text-small font-medium text-foreground-500 pointer-events-none",
+    label: [
+      "block",
+      "absolute",
+      "z-10",
+      "origin-top-left",
+      "subpixel-antialiased",
+      "text-small",
+      "text-foreground-500",
+      "pointer-events-none",
+    ],
     mainWrapper: "w-full flex flex-col",
     trigger:
       "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
@@ -14,10 +23,10 @@ const select = tv({
       "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
     selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
     spinner: "absolute right-3",
-    value: "font-normal w-full text-left opacity-60 group-data-[filled=true]:opacity-100",
+    value: ["font-normal", "w-full", "text-left"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
-    popover: "w-full p-1 overflow-hidden",
+    popoverContent: "w-full p-1 overflow-hidden",
     helperWrapper: "flex relative flex-col gap-1.5 pt-1 px-1",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger",
@@ -75,7 +84,9 @@ const select = tv({
       },
     },
     color: {
-      default: {},
+      default: {
+        value: ["text-foreground-500", "group-data-[has-value=true]:text-foreground"],
+      },
       primary: {},
       secondary: {},
       success: {},
@@ -121,7 +132,7 @@ const select = tv({
       },
       "outside-left": {
         base: "flex-row items-center flex-nowrap items-start",
-        label: "text-foreground pr-2",
+        label: "relative text-foreground pr-2",
       },
       inside: {
         label: "text-tiny cursor-pointer",
@@ -133,11 +144,6 @@ const select = tv({
         base: "w-full",
       },
     },
-    isLabelPlaceholder: {
-      true: {
-        label: "absolute z-10",
-      },
-    },
     isDisabled: {
       true: {
         base: "opacity-disabled pointer-events-none",
@@ -147,7 +153,7 @@ const select = tv({
     isInvalid: {
       true: {
         label: "!text-danger",
-        value: "text-danger",
+        value: "!text-danger",
         selectorIcon: "text-danger",
       },
     },
@@ -176,9 +182,9 @@ const select = tv({
         label: [
           "will-change-auto",
           "origin-top-left",
-          "transition-all",
           "!duration-200",
           "!ease-out",
+          "transition-[transform,color,left,opacity]",
           "motion-reduce:transition-none",
         ],
         selectorIcon: "transition-transform duration-150 ease motion-reduce:transition-none",
@@ -447,6 +453,14 @@ const select = tv({
         ],
       },
     },
+    // inside && default
+    {
+      labelPlacement: "inside",
+      color: "default",
+      class: {
+        label: "group-data-[filled=true]:text-foreground-600",
+      },
+    },
     // isInvalid & variant
     {
       isInvalid: true,
@@ -496,20 +510,14 @@ const select = tv({
         trigger: "h-16 py-2.5 gap-0",
       },
     },
-    // isLabelPlaceholder & labelPlacement
+    //  labelPlacement=[inside, outside]
     {
-      isLabelPlaceholder: true,
       labelPlacement: ["inside", "outside"],
       class: {
-        label: [
-          "font-normal",
-          "group-data-[filled=true]:font-medium",
-          "group-data-[filled=true]:pointer-events-auto",
-        ],
+        label: ["group-data-[filled=true]:pointer-events-auto"],
       },
     },
     {
-      isLabelPlaceholder: true,
       labelPlacement: "outside",
       class: {
         base: "group relative justify-end",
@@ -524,65 +532,127 @@ const select = tv({
         ],
       },
     },
-    // isLabelPlaceholder & inside & size
+    // labelPlacement=[inside]
+    {
+      labelPlacement: ["inside"],
+      class: {
+        label: "group-data-[filled=true]:scale-85",
+      },
+    },
+    // inside & size
     {
-      isLabelPlaceholder: true,
       labelPlacement: "inside",
       size: ["sm", "md"],
       class: {
-        label: ["text-small", "group-data-[filled=true]:text-tiny"],
+        label: "text-small",
         input: "pt-4",
       },
     },
     {
-      isLabelPlaceholder: true,
       labelPlacement: "inside",
       size: "sm",
       class: {
-        label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_3px)]"],
+        label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"],
         innerWrapper: "pt-4",
       },
     },
     {
-      isLabelPlaceholder: true,
       labelPlacement: "inside",
       size: "md",
       class: {
         label: [
-          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]",
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]",
         ],
         innerWrapper: "pt-4",
       },
     },
     {
-      isLabelPlaceholder: true,
       labelPlacement: "inside",
       size: "lg",
       class: {
         label: [
           "text-medium",
-          "group-data-[filled=true]:text-small",
-          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_5px)]",
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]",
         ],
         innerWrapper: "pt-5",
       },
     },
-    // isLabelPlaceholder & outside & size
+    // inside & size & [faded, bordered]
+    {
+      labelPlacement: "inside",
+      variant: ["faded", "bordered"],
+      size: "sm",
+      class: {
+        label: [
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px_-_theme(borderWidth.medium))]",
+        ],
+      },
+    },
+    {
+      labelPlacement: "inside",
+      variant: ["faded", "bordered"],
+      size: "md",
+      class: {
+        label: [
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px_-_theme(borderWidth.medium))]",
+        ],
+      },
+    },
+    {
+      labelPlacement: "inside",
+      variant: ["faded", "bordered"],
+      size: "lg",
+      class: {
+        label: [
+          "text-medium",
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px_-_theme(borderWidth.medium))]",
+        ],
+      },
+    },
+    // inside & size & underlined
+    {
+      labelPlacement: "inside",
+      variant: "underlined",
+      size: "sm",
+      class: {
+        label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"],
+      },
+    },
+    {
+      labelPlacement: "inside",
+      variant: "underlined",
+      size: "md",
+      class: {
+        label: [
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_3.5px)]",
+        ],
+      },
+    },
+    {
+      labelPlacement: "inside",
+      variant: "underlined",
+      size: "lg",
+      class: {
+        label: [
+          "text-medium",
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]",
+        ],
+      },
+    },
+    // outside & size
     {
-      isLabelPlaceholder: true,
       labelPlacement: "outside",
       size: "sm",
       class: {
         label: [
           "left-2",
-          "text-small",
-          "group-data-[filled=true]:text-tiny",
+          "text-tiny",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]",
         ],
+        base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_8px)]",
       },
     },
     {
-      isLabelPlaceholder: true,
       labelPlacement: "outside",
       size: "md",
       class: {
@@ -591,19 +661,19 @@ const select = tv({
           "text-small",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]",
         ],
+        base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_10px)]",
       },
     },
     {
-      isLabelPlaceholder: true,
       labelPlacement: "outside",
       size: "lg",
       class: {
         label: [
           "left-3",
           "text-medium",
-          "group-data-[filled=true]:text-small",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]",
         ],
+        base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_12px)]",
       },
     },
   ],
diff --git a/packages/core/theme/src/components/slider.ts b/packages/core/theme/src/components/slider.ts
new file mode 100644
index 000000000..3a349cfc9
--- /dev/null
+++ b/packages/core/theme/src/components/slider.ts
@@ -0,0 +1,428 @@
+import type {VariantProps} from "tailwind-variants";
+
+import {dataFocusVisibleClasses} from "../utils";
+import {tv} from "../utils/tv";
+
+/**
+ * Slider wrapper **Tailwind Variants** component
+ *
+ * @example
+ *
+ * const slots = slider()
+ *
+ * <div className={slots.base()}>
+ *  <div className={slots.labelWrapper()}>
+ *    <label className={slots.label()}>Label</label>
+ *    <output className={slots.value()} />
+ *  </div>
+ *  <div className={slots.trackWrapper()}>
+ *      <div className={slots.startContent()}>Start Content</div>
+ *      <div className={slots.track()}>
+ *         <div className={slots.filler()} />
+ *         <div className={slots.step()} />
+ *         <div className={slots.thumb()} />
+ *         <div className={slots.mark()}>Mark</div>
+ *      </div>
+ *     <div className={slots.endContent()}>End Content</div>
+ *   </div>
+ * </div>
+ */
+const slider = tv({
+  slots: {
+    base: "flex flex-col w-full gap-1",
+    labelWrapper: "w-full flex justify-between items-center",
+    label: "",
+    value: "",
+    step: [
+      "h-1.5",
+      "w-1.5",
+      "absolute",
+      "rounded-full",
+      "bg-default-300/50",
+      "data-[in-range=true]:bg-background/50",
+    ],
+    mark: [
+      "absolute",
+      "text-small",
+      "cursor-default",
+      "opacity-50",
+      "data-[in-range=true]:opacity-100",
+    ],
+    trackWrapper: "relative flex gap-2",
+    track: ["flex", "w-full", "relative", "rounded-full", "bg-default-300/50"],
+    filler: "h-full absolute",
+    thumb: [
+      "flex",
+      "justify-center",
+      "items-center",
+      "before:absolute",
+      "before:w-11",
+      "before:h-11",
+      "before:rounded-full",
+      "after:shadow-small",
+      "after:shadow-small",
+      "after:bg-background",
+      "data-[focused=true]:z-10",
+      dataFocusVisibleClasses,
+    ],
+    startContent: [],
+    endContent: [],
+  },
+  variants: {
+    size: {
+      sm: {
+        label: "text-small",
+        value: "text-small",
+        thumb: "w-5 h-5 after:w-4 after:h-4",
+        step: "data-[in-range=false]:bg-default-200",
+      },
+      md: {
+        thumb: "w-6 h-6 after:w-5 after:h-5",
+        label: "text-small",
+        value: "text-small",
+      },
+      lg: {
+        thumb: "h-7 w-7 after:w-5 after:h-5",
+        step: "w-2 h-2",
+        label: "text-medium",
+        value: "text-medium",
+        mark: "mt-2",
+      },
+    },
+    radius: {
+      none: {
+        thumb: "rounded-none after:rounded-none",
+      },
+      sm: {
+        thumb:
+          "rounded-[calc(theme(borderRadius.small)/2)] after:rounded-[calc(theme(borderRadius.small)/3)]",
+      },
+      md: {
+        thumb:
+          "rounded-[calc(theme(borderRadius.medium)/2)] after:rounded-[calc(theme(borderRadius.medium)/3)]",
+      },
+      lg: {
+        thumb:
+          "rounded-[calc(theme(borderRadius.large)/1.5)] after:rounded-[calc(theme(borderRadius.large)/2)]",
+      },
+      full: {
+        thumb: "rounded-full after:rounded-full",
+      },
+    },
+    color: {
+      foreground: {
+        filler: "bg-foreground",
+        thumb: "bg-foreground",
+      },
+      primary: {
+        filler: "bg-primary",
+        thumb: "bg-primary",
+      },
+      secondary: {
+        filler: "bg-secondary",
+        thumb: "bg-secondary",
+      },
+      success: {
+        filler: "bg-success",
+        thumb: "bg-success",
+      },
+      warning: {
+        filler: "bg-warning",
+        thumb: "bg-warning",
+      },
+      danger: {
+        filler: "bg-danger",
+        thumb: "bg-danger",
+      },
+    },
+    isVertical: {
+      true: {
+        base: "w-auto h-full flex-col-reverse items-center",
+        trackWrapper: "flex-col h-full justify-center items-center",
+        filler: "w-full h-auto",
+        thumb: "left-1/2",
+        track: "h-full border-y-transparent",
+        labelWrapper: "flex-col justify-center items-center",
+        step: ["left-1/2", "-translate-x-1/2", "translate-y-1/2"],
+        mark: ["left-1/2", "ml-1", "translate-x-1/2", "-translate-y-1/2"],
+      },
+      false: {
+        thumb: "top-1/2",
+        trackWrapper: "items-center",
+        track: "border-x-transparent",
+        step: ["top-1/2", "-translate-x-1/2", "-translate-y-1/2"],
+        mark: ["top-1/2", "mt-1", "-translate-x-1/2", "translate-y-1/2"],
+      },
+    },
+    isDisabled: {
+      false: {
+        thumb: ["cursor-grab", "data-[dragging=true]:cursor-grabbing"],
+      },
+      true: {
+        base: "opacity-disabled",
+        thumb: "cursor-default",
+      },
+    },
+    hasMarks: {
+      true: {
+        base: "mb-5",
+      },
+      false: {},
+    },
+    showOutline: {
+      true: {
+        thumb: "ring-2 ring-background",
+      },
+      false: {
+        thumb: "ring-transparent border-0",
+      },
+    },
+    hideValue: {
+      true: {
+        value: "sr-only",
+      },
+    },
+    hideThumb: {
+      true: {
+        thumb: "sr-only",
+        track: "overflow-hidden cursor-pointer",
+      },
+    },
+    hasSingleThumb: {
+      true: {},
+      false: {},
+    },
+    disableAnimation: {
+      true: {
+        thumb: "data-[dragging=true]:after:scale-100",
+      },
+      false: {
+        thumb: "after:transition-all motion-reduce:after:transition-none",
+        mark: "transition-opacity motion-reduce:transition-none",
+      },
+    },
+    disableThumbScale: {
+      true: {},
+      false: {
+        thumb: "data-[dragging=true]:after:scale-80",
+      },
+    },
+  },
+  compoundVariants: [
+    // size="sm" || size="md" && showOutline={false}
+    {
+      size: ["sm", "md"],
+      showOutline: false,
+      class: {
+        thumb: "shadow-small",
+      },
+    },
+    // size && color
+    {
+      size: "sm",
+      color: "foreground",
+      class: {
+        step: "data-[in-range=true]:bg-foreground",
+      },
+    },
+    {
+      size: "sm",
+      color: "primary",
+      class: {
+        step: "data-[in-range=true]:bg-primary",
+      },
+    },
+    {
+      size: "sm",
+      color: "secondary",
+      class: {
+        step: "data-[in-range=true]:bg-secondary",
+      },
+    },
+    {
+      size: "sm",
+      color: "success",
+      class: {
+        step: "data-[in-range=true]:bg-success",
+      },
+    },
+    {
+      size: "sm",
+      color: "warning",
+      class: {
+        step: "data-[in-range=true]:bg-warning",
+      },
+    },
+    {
+      size: "sm",
+      color: "danger",
+      class: {
+        step: "data-[in-range=true]:bg-danger",
+      },
+    },
+    // size && !isVertical
+    {
+      size: "sm",
+      isVertical: false,
+      class: {
+        track:
+          "h-1 my-[calc((theme(spacing.5)-theme(spacing.1))/2)] data-[thumb-hidden=false]:border-x-[calc(theme(spacing.5)/2)]",
+      },
+    },
+    {
+      size: "md",
+      isVertical: false,
+      class: {
+        track:
+          "h-3 my-[calc((theme(spacing.6)-theme(spacing.3))/2)] data-[thumb-hidden=false]:border-x-[calc(theme(spacing.6)/2)]",
+      },
+    },
+    {
+      size: "lg",
+      isVertical: false,
+      class: {
+        track:
+          "h-7 my-[calc((theme(spacing.7)-theme(spacing.5))/2)] data-[thumb-hidden=false]:border-x-[calc(theme(spacing.7)/2)]",
+      },
+    },
+    // size && isVertical
+    {
+      size: "sm",
+      isVertical: true,
+      class: {
+        track:
+          "w-1 mx-[calc((theme(spacing.5)-theme(spacing.1))/2)] data-[thumb-hidden=false]:border-y-[calc(theme(spacing.5)/2)]",
+      },
+    },
+    {
+      size: "md",
+      isVertical: true,
+      class: {
+        track:
+          "w-3 mx-[calc((theme(spacing.6)-theme(spacing.3))/2)] data-[thumb-hidden=false]:border-y-[calc(theme(spacing.6)/2)]",
+      },
+    },
+    {
+      size: "lg",
+      isVertical: true,
+      class: {
+        track:
+          "w-7 mx-[calc((theme(spacing.7)-theme(spacing.5))/2)] data-[thumb-hidden=false]:border-y-[calc(theme(spacing.7)/2)]",
+      },
+    },
+    // color && !isVertical && hasSingleThumb
+    {
+      color: "foreground",
+      isVertical: false,
+      hasSingleThumb: true,
+      class: {
+        track: "border-s-foreground",
+      },
+    },
+    {
+      color: "primary",
+      isVertical: false,
+      hasSingleThumb: true,
+      class: {
+        track: "border-s-primary",
+      },
+    },
+    {
+      color: "secondary",
+      isVertical: false,
+      hasSingleThumb: true,
+      class: {
+        track: "border-s-secondary",
+      },
+    },
+    {
+      color: "success",
+      isVertical: false,
+      hasSingleThumb: true,
+      class: {
+        track: "border-s-success",
+      },
+    },
+    {
+      color: "warning",
+      isVertical: false,
+      hasSingleThumb: true,
+      class: {
+        track: "border-s-warning",
+      },
+    },
+    {
+      color: "danger",
+      isVertical: false,
+      hasSingleThumb: true,
+      class: {
+        track: "border-s-danger",
+      },
+    },
+    // color && isVertical && hasSingleThumb
+    {
+      color: "foreground",
+      isVertical: true,
+      hasSingleThumb: true,
+      class: {
+        track: "border-b-foreground",
+      },
+    },
+    {
+      color: "primary",
+      isVertical: true,
+      hasSingleThumb: true,
+      class: {
+        track: "border-b-primary",
+      },
+    },
+    {
+      color: "secondary",
+      isVertical: true,
+      hasSingleThumb: true,
+      class: {
+        track: "border-b-secondary",
+      },
+    },
+    {
+      color: "success",
+      isVertical: true,
+      hasSingleThumb: true,
+      class: {
+        track: "border-b-success",
+      },
+    },
+    {
+      color: "warning",
+      isVertical: true,
+      hasSingleThumb: true,
+      class: {
+        track: "border-b-warning",
+      },
+    },
+    {
+      color: "danger",
+      isVertical: true,
+      hasSingleThumb: true,
+      class: {
+        track: "border-b-danger",
+      },
+    },
+  ],
+  defaultVariants: {
+    size: "md",
+    color: "primary",
+    radius: "full",
+    hideValue: false,
+    hideThumb: false,
+    isDisabled: false,
+    disableThumbScale: false,
+    disableAnimation: false,
+    showOutline: false,
+  },
+});
+
+export type SliderVariantProps = VariantProps<typeof slider>;
+export type SliderSlots = keyof ReturnType<typeof slider>;
+
+export {slider};
diff --git a/packages/core/theme/src/default-layout.ts b/packages/core/theme/src/default-layout.ts
index 963db1d12..95362f66a 100644
--- a/packages/core/theme/src/default-layout.ts
+++ b/packages/core/theme/src/default-layout.ts
@@ -36,9 +36,12 @@ export const defaultLayout: LayoutTheme = {
   },
 };
 
-export const lightLayout: LayoutTheme = {};
+export const lightLayout: LayoutTheme = {
+  hoverOpacity: ".8",
+};
 
 export const darkLayout: LayoutTheme = {
+  hoverOpacity: ".9",
   boxShadow: {
     small:
       "0px 0px 5px 0px rgb(0 0 0 / 0.05), 0px 2px 10px 0px rgb(0 0 0 / 0.2), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
diff --git a/packages/core/theme/src/plugin.ts b/packages/core/theme/src/plugin.ts
index 3530bf5e8..880edae69 100644
--- a/packages/core/theme/src/plugin.ts
+++ b/packages/core/theme/src/plugin.ts
@@ -137,6 +137,10 @@ const resolveConfig = (
       } else {
         const layoutVariable = `--${prefix}-${key}`;
 
+        if (layoutVariable.includes("opacity") && typeof value === "number") {
+          value = value.toString().replace(/^0\./, ".");
+        }
+
         resolved.utilities[cssSelector]![layoutVariable] = value;
       }
     });
@@ -197,6 +201,7 @@ const corePlugin = (
           },
           scale: {
             "80": "0.8",
+            "85": "0.85",
           },
           height: {
             divider: `var(--${prefix}-divider-weight)`,
@@ -226,6 +231,7 @@ const corePlugin = (
             large: `var(--${prefix}-radius-large)`,
           },
           opacity: {
+            hover: `var(--${prefix}-hover-opacity)`,
             disabled: `var(--${prefix}-disabled-opacity)`,
           },
           borderWidth: {
diff --git a/packages/core/theme/src/types.ts b/packages/core/theme/src/types.ts
index 14a3c040e..1c1384eb1 100644
--- a/packages/core/theme/src/types.ts
+++ b/packages/core/theme/src/types.ts
@@ -122,6 +122,14 @@ export interface LayoutTheme {
    * @default .5
    */
   disabledOpacity?: string | number;
+  /**
+   * A number between 0 and 1 that is applied as opacity-[value] when the component is hovered.
+   *
+   * format: ".[value]"
+   *
+   * @default .8
+   */
+  hoverOpacity?: string | number;
   /**
    * The default height applied to the divider component.
    * we recommend to use `px` units.
diff --git a/packages/core/theme/src/utilities/transition.ts b/packages/core/theme/src/utilities/transition.ts
index fe0c48ffe..d11468ff9 100644
--- a/packages/core/theme/src/utilities/transition.ts
+++ b/packages/core/theme/src/utilities/transition.ts
@@ -47,6 +47,11 @@ export default {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION,
   },
+  ".transition-size": {
+    "transition-property": "width, height",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION,
+  },
   ".transition-left": {
     "transition-property": "left",
     "transition-timing-function": "ease",
@@ -78,4 +83,10 @@ export default {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION,
   },
+  ".transition-transform-colors-opacity": {
+    " transition-property":
+      "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION,
+  },
 };
diff --git a/packages/core/theme/src/utils/theme.ts b/packages/core/theme/src/utils/theme.ts
index cad6252e2..13f610ccc 100644
--- a/packages/core/theme/src/utils/theme.ts
+++ b/packages/core/theme/src/utils/theme.ts
@@ -8,6 +8,7 @@ import {spacingScaleKeys, SpacingScaleKeys, SpacingScale} from "../types";
  */
 export const isBaseTheme = (theme: string) => theme === "light" || theme === "dark";
 
+const ROOT_FONT_SIZE = 16;
 const baseScale = [1, 2, 3, 3.5, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18];
 const extendedScale = [20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96];
 
@@ -32,8 +33,8 @@ export const generateSpacingScale = (spacingUnit: number) => {
 
   Object.entries(scaleLabels).forEach(([label, multiplier]) => {
     scale[label as SpacingScaleKeys] = multiplier
-      ? `${spacingUnit * multiplier}px`
-      : `${spacingUnit}px`;
+      ? `${(spacingUnit * multiplier) / ROOT_FONT_SIZE}rem`
+      : `${spacingUnit / ROOT_FONT_SIZE}rem`;
   });
 
   baseScale.forEach((i) => {
@@ -46,13 +47,13 @@ export const generateSpacingScale = (spacingUnit: number) => {
       key = `${first}_${second}`;
     }
 
-    scale[key] = `${spacingUnit * i}px`;
+    scale[key] = `${(spacingUnit * i) / ROOT_FONT_SIZE}rem`;
   });
 
   extendedScale.forEach((i) => {
     const key = `${i}` as SpacingScaleKeys;
 
-    scale[key] = `${spacingUnit * i}px`;
+    scale[key] = `${(spacingUnit * i) / ROOT_FONT_SIZE}rem`;
   });
 
   return scale;
diff --git a/packages/core/theme/src/utils/tv.ts b/packages/core/theme/src/utils/tv.ts
index 5cc9cb193..1c1b75b1a 100644
--- a/packages/core/theme/src/utils/tv.ts
+++ b/packages/core/theme/src/utils/tv.ts
@@ -1,36 +1,31 @@
-import {tv as tvBase, TV} from "tailwind-variants";
+import {createTV} from "tailwind-variants";
 
 import {mappedSpacingScaleKeys} from "../types";
 const COMMON_UNITS = ["small", "medium", "large"];
 
-export const tv: TV = (options, config) =>
-  tvBase(options, {
-    ...config,
-    twMerge: config?.twMerge ?? true,
-    twMergeConfig: {
-      ...config?.twMergeConfig,
-      theme: {
-        ...config?.twMergeConfig?.theme,
-        opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS,
-      },
-      classGroups: {
-        ...config?.twMergeConfig?.classGroups,
-        shadow: [{shadow: COMMON_UNITS}],
-        "font-size": [{text: ["tiny", ...COMMON_UNITS]}],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys],
-          },
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys],
-          },
-        ],
-      },
+export const tv = createTV({
+  twMerge: true,
+  twMergeConfig: {
+    theme: {
+      opacity: ["disabled"],
+      spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+      borderWidth: COMMON_UNITS,
+      borderRadius: COMMON_UNITS,
     },
-  });
+    classGroups: {
+      shadow: [{shadow: COMMON_UNITS}],
+      "font-size": [{text: ["tiny", ...COMMON_UNITS]}],
+      "bg-image": ["bg-stripe-gradient"],
+      "min-w": [
+        {
+          "min-w": ["unit", ...mappedSpacingScaleKeys],
+        },
+      ],
+      "min-h": [
+        {
+          "min-h": ["unit", ...mappedSpacingScaleKeys],
+        },
+      ],
+    },
+  },
+});
diff --git a/packages/hooks/use-aria-accordion-item/package.json b/packages/hooks/use-aria-accordion-item/package.json
index 73c1f2d43..51c60d66c 100644
--- a/packages/hooks/use-aria-accordion-item/package.json
+++ b/packages/hooks/use-aria-accordion-item/package.json
@@ -34,10 +34,10 @@
     "postpack": "clean-package restore"
   },
   "dependencies": {
-    "@react-aria/focus": "^3.14.1",
-    "@react-stately/tree": "^3.7.2",
-    "@react-aria/button": "^3.8.2",
-    "@react-types/shared": "^3.20.0"
+    "@react-aria/focus": "^3.14.3",
+    "@react-stately/tree": "^3.7.3",
+    "@react-aria/button": "^3.8.4",
+    "@react-types/shared": "^3.21.0"
   },
   "peerDependencies": {
     "react": ">=18"
diff --git a/packages/hooks/use-aria-accordion/package.json b/packages/hooks/use-aria-accordion/package.json
index 0dc981c12..61d56775b 100644
--- a/packages/hooks/use-aria-accordion/package.json
+++ b/packages/hooks/use-aria-accordion/package.json
@@ -34,13 +34,13 @@
     "postpack": "clean-package restore"
   },
   "dependencies": {
-    "@react-aria/focus": "^3.14.1",
-    "@react-stately/tree": "^3.7.2",
-    "@react-aria/button": "^3.8.2",
-    "@react-types/shared": "^3.20.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-aria/selection": "^3.16.2",
-    "@react-types/accordion": "3.0.0-alpha.16"
+    "@react-aria/focus": "^3.14.3",
+    "@react-stately/tree": "^3.7.3",
+    "@react-aria/button": "^3.8.4",
+    "@react-types/shared": "^3.21.0",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/selection": "^3.17.1",
+    "@react-types/accordion": "3.0.0-alpha.17"
   },
   "peerDependencies": {
     "react": ">=18"
diff --git a/packages/hooks/use-aria-button/package.json b/packages/hooks/use-aria-button/package.json
index f4d44f6b7..7d40cb4b8 100644
--- a/packages/hooks/use-aria-button/package.json
+++ b/packages/hooks/use-aria-button/package.json
@@ -37,11 +37,12 @@
     "react": ">=18"
   },
   "dependencies": {
-    "@react-aria/utils": "^3.20.0",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-types/button": "^3.8.0",
-    "@react-types/shared": "^3.20.0"
+    "@nextui-org/use-aria-press": "workspace:*",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-types/button": "^3.9.0",
+    "@react-types/shared": "^3.21.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
diff --git a/packages/hooks/use-aria-button/src/index.ts b/packages/hooks/use-aria-button/src/index.ts
index 37ec54d71..6857a6e34 100644
--- a/packages/hooks/use-aria-button/src/index.ts
+++ b/packages/hooks/use-aria-button/src/index.ts
@@ -13,7 +13,7 @@ import {AriaButtonProps as BaseAriaButtonProps} from "@react-types/button";
 import {DOMAttributes} from "@react-types/shared";
 import {filterDOMProps, mergeProps} from "@react-aria/utils";
 import {useFocusable} from "@react-aria/focus";
-import {usePress} from "@react-aria/interactions";
+import {usePress} from "@nextui-org/use-aria-press";
 
 export type AriaButtonProps<T extends ElementType = "button"> = BaseAriaButtonProps<T> & {
   /** Whether text selection should be enabled on the pressable element. */
@@ -131,9 +131,7 @@ export function useAriaButton(
       "aria-controls": props["aria-controls"],
       "aria-pressed": props["aria-pressed"],
       onClick: (e: React.MouseEvent<HTMLButtonElement>) => {
-        if (deprecatedOnClick) {
-          deprecatedOnClick(e);
-        }
+        deprecatedOnClick?.(e);
       },
     }),
   };
diff --git a/packages/hooks/use-aria-link/package.json b/packages/hooks/use-aria-link/package.json
index 3bba72bf6..305e67d14 100644
--- a/packages/hooks/use-aria-link/package.json
+++ b/packages/hooks/use-aria-link/package.json
@@ -37,11 +37,12 @@
     "react": ">=18"
   },
   "dependencies": {
-    "@react-types/link": "^3.4.5",
-    "@react-types/shared": "^3.20.0",
-    "@react-aria/utils": "^3.20.0",
-    "@react-aria/focus": "^3.14.1",
-    "@react-aria/interactions": "^3.18.0"
+    "@nextui-org/use-aria-press": "workspace:*",
+    "@react-types/link": "^3.5.1",
+    "@react-types/shared": "^3.21.0",
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/focus": "^3.14.3",
+    "@react-aria/interactions": "^3.19.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
diff --git a/packages/hooks/use-aria-link/src/index.ts b/packages/hooks/use-aria-link/src/index.ts
index cb2c8e3a2..098eedd4d 100644
--- a/packages/hooks/use-aria-link/src/index.ts
+++ b/packages/hooks/use-aria-link/src/index.ts
@@ -1,9 +1,9 @@
 import {AriaLinkProps} from "@react-types/link";
 import {DOMAttributes, FocusableElement} from "@react-types/shared";
-import {filterDOMProps, mergeProps} from "@react-aria/utils";
+import {filterDOMProps, mergeProps, useRouter, shouldClientNavigate} from "@react-aria/utils";
 import {RefObject} from "react";
 import {useFocusable} from "@react-aria/focus";
-import {usePress} from "@react-aria/interactions";
+import {usePress} from "@nextui-org/use-aria-press";
 
 export interface AriaLinkOptions extends AriaLinkProps {
   /** Indicates the element that represents the current item within a container or set of related elements. */
@@ -51,8 +51,9 @@ export function useAriaLink(props: AriaLinkOptions, ref: RefObject<FocusableElem
   }
   let {focusableProps} = useFocusable(props, ref);
   let {pressProps, isPressed} = usePress({onPress, onPressStart, onPressEnd, isDisabled, ref});
-  let domProps = filterDOMProps(otherProps, {labelable: true});
+  let domProps = filterDOMProps(otherProps, {labelable: true, isLink: elementType === "a"});
   let interactionHandlers = mergeProps(focusableProps, pressProps);
+  let router = useRouter();
 
   return {
     isPressed, // Used to indicate press state for visual
@@ -66,6 +67,19 @@ export function useAriaLink(props: AriaLinkOptions, ref: RefObject<FocusableElem
         if (deprecatedOnClick) {
           deprecatedOnClick(e);
         }
+
+        // If a custom router is provided, prevent default and forward if this link should client navigate.
+        if (
+          !router.isNative &&
+          e.currentTarget instanceof HTMLAnchorElement &&
+          e.currentTarget.href &&
+          // If props are applied to a router Link component, it may have already prevented default.
+          !e.isDefaultPrevented() &&
+          shouldClientNavigate(e.currentTarget, e)
+        ) {
+          e.preventDefault();
+          router.open(e.currentTarget, e);
+        }
       },
     }),
   };
diff --git a/packages/hooks/use-aria-modal-overlay/package.json b/packages/hooks/use-aria-modal-overlay/package.json
index d922a8e56..e1ca12a7f 100644
--- a/packages/hooks/use-aria-modal-overlay/package.json
+++ b/packages/hooks/use-aria-modal-overlay/package.json
@@ -34,10 +34,10 @@
     "postpack": "clean-package restore"
   },
   "dependencies": {
-    "@react-aria/overlays": "^3.17.0",
-    "@react-stately/overlays": "^3.6.2",
-    "@react-types/shared": "^3.20.0",
-    "@react-aria/utils": "^3.20.0"
+    "@react-aria/overlays": "^3.18.1",
+    "@react-stately/overlays": "^3.6.3",
+    "@react-types/shared": "^3.21.0",
+    "@react-aria/utils": "^3.21.1"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -45,7 +45,8 @@
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json",
   "tsup": {
diff --git a/packages/hooks/use-aria-multiselect/package.json b/packages/hooks/use-aria-multiselect/package.json
index bd3014ea6..19ee04027 100644
--- a/packages/hooks/use-aria-multiselect/package.json
+++ b/packages/hooks/use-aria-multiselect/package.json
@@ -34,19 +34,19 @@
     "postpack": "clean-package restore"
   },
   "dependencies": {
-    "@react-aria/i18n": "^3.8.2",
-    "@react-aria/interactions": "^3.18.0",
-    "@react-aria/label": "^3.7.0",
-    "@react-aria/listbox": "^3.10.2",
-    "@react-aria/menu": "^3.10.2",
-    "@react-aria/selection": "^3.16.2",
-    "@react-stately/list": "^3.9.2",
-    "@react-stately/menu": "^3.5.5",
-    "@react-types/button": "^3.8.0",
-    "@react-types/overlays": "^3.8.2",
-    "@react-types/select": "^3.8.3",
-    "@react-types/shared": "^3.20.0",
-    "@react-aria/utils": "^3.20.0"
+    "@react-aria/i18n": "^3.8.4",
+    "@react-aria/interactions": "^3.19.1",
+    "@react-aria/label": "^3.7.2",
+    "@react-aria/listbox": "^3.11.1",
+    "@react-aria/menu": "^3.11.1",
+    "@react-aria/selection": "^3.17.1",
+    "@react-stately/list": "^3.10.0",
+    "@react-stately/menu": "^3.5.6",
+    "@react-types/button": "^3.9.0",
+    "@react-types/overlays": "^3.8.3",
+    "@react-types/select": "^3.8.4",
+    "@react-types/shared": "^3.21.0",
+    "@react-aria/utils": "^3.21.1"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -54,7 +54,8 @@
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json",
   "tsup": {
diff --git a/packages/hooks/use-aria-press/README.md b/packages/hooks/use-aria-press/README.md
new file mode 100644
index 000000000..e5923fcda
--- /dev/null
+++ b/packages/hooks/use-aria-press/README.md
@@ -0,0 +1,24 @@
+# @nextui-org/use-aria-press
+
+A Quick description of the component
+
+> This is an internal utility, not intended for public usage.
+
+## Installation
+
+```sh
+yarn add @nextui-org/use-aria-press
+# or
+npm i @nextui-org/use-aria-press
+```
+
+## Contribution
+
+Yes please! See the
+[contributing guidelines](https://github.com/nextui-org/nextui/blob/master/CONTRIBUTING.md)
+for details.
+
+## Licence
+
+This project is licensed under the terms of the
+[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).
diff --git a/packages/hooks/use-aria-press/package.json b/packages/hooks/use-aria-press/package.json
new file mode 100644
index 000000000..8d7cdc9bb
--- /dev/null
+++ b/packages/hooks/use-aria-press/package.json
@@ -0,0 +1,58 @@
+{
+  "name": "@nextui-org/use-aria-press",
+  "version": "2.0.0",
+  "description": "Handles press interactions across mouse, touch, keyboard, and screen readers.",
+  "keywords": [
+    "use-aria-press"
+  ],
+  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "homepage": "https://nextui.org",
+  "license": "MIT",
+  "main": "src/index.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nextui-org/nextui.git",
+    "directory": "packages/hooks/use-aria-press"
+  },
+  "bugs": {
+    "url": "https://github.com/nextui-org/nextui/issues"
+  },
+  "scripts": {
+    "build": "tsup src --dts",
+    "build:fast": "tsup src",
+    "dev": "yarn build:fast -- --watch",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore"
+  },
+  "dependencies": {
+    "@react-aria/utils": "^3.21.1",
+    "@react-aria/ssr": "^3.8.0",
+    "@react-types/shared": "^3.21.0",
+    "@react-aria/interactions": "^3.19.1"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "clean-package": "2.2.0",
+    "react": "^18.0.0"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "tsup": {
+    "clean": true,
+    "target": "es2019",
+    "format": [
+      "cjs",
+      "esm"
+    ]
+  }
+}
diff --git a/packages/hooks/use-aria-press/src/context.ts b/packages/hooks/use-aria-press/src/context.ts
new file mode 100644
index 000000000..a5085bb1d
--- /dev/null
+++ b/packages/hooks/use-aria-press/src/context.ts
@@ -0,0 +1,13 @@
+import {FocusableElement} from "@react-types/shared";
+import React, {MutableRefObject} from "react";
+
+import {PressProps} from "./types";
+
+interface IPressResponderContext extends PressProps {
+  register(): void;
+  ref?: MutableRefObject<FocusableElement> | undefined;
+}
+
+// @ts-ignore
+export const PressResponderContext = React.createContext<IPressResponderContext>(null);
+PressResponderContext.displayName = "PressResponderContext";
diff --git a/packages/hooks/use-aria-press/src/dom-helpers.ts b/packages/hooks/use-aria-press/src/dom-helpers.ts
new file mode 100644
index 000000000..a628562e0
--- /dev/null
+++ b/packages/hooks/use-aria-press/src/dom-helpers.ts
@@ -0,0 +1,8 @@
+export const getOwnerDocument = (el: Element | null | undefined): Document => {
+  return el?.ownerDocument ?? document;
+};
+
+export const getOwnerWindow = (el: Element | null | undefined): Window & typeof global => {
+  // @ts-ignore
+  return el?.ownerDocument?.defaultView ?? window;
+};
diff --git a/packages/hooks/use-aria-press/src/events.ts b/packages/hooks/use-aria-press/src/events.ts
new file mode 100644
index 000000000..460ae2d01
--- /dev/null
+++ b/packages/hooks/use-aria-press/src/events.ts
@@ -0,0 +1,32 @@
+import {PressEvent as IPressEvent, PointerType} from "@react-types/shared";
+
+import {EventBase} from "./types";
+
+export class PressEvent implements IPressEvent {
+  type: IPressEvent["type"];
+  pointerType: PointerType;
+  target: Element;
+  shiftKey: boolean;
+  ctrlKey: boolean;
+  metaKey: boolean;
+  altKey: boolean;
+  #shouldStopPropagation = true;
+
+  constructor(type: IPressEvent["type"], pointerType: PointerType, originalEvent: EventBase) {
+    this.type = type;
+    this.pointerType = pointerType;
+    this.target = originalEvent.currentTarget as Element;
+    this.shiftKey = originalEvent.shiftKey;
+    this.metaKey = originalEvent.metaKey;
+    this.ctrlKey = originalEvent.ctrlKey;
+    this.altKey = originalEvent.altKey;
+  }
+
+  continuePropagation() {
+    this.#shouldStopPropagation = false;
+  }
+
+  get shouldStopPropagation() {
+    return this.#shouldStopPropagation;
+  }
+}
diff --git a/packages/hooks/use-aria-press/src/index.ts b/packages/hooks/use-aria-press/src/index.ts
new file mode 100644
index 000000000..4fccd31f1
--- /dev/null
+++ b/packages/hooks/use-aria-press/src/index.ts
@@ -0,0 +1,907 @@
+/**
+ * TODO: Remove this package once the react-aria team publishes a new version
+ * with the fix https://github.com/adobe/react-spectrum/pull/5291
+ */
+// Portions of the code in this file are based on code from react.
+// Original licensing for the following can be found in the
+// NOTICE file in the root directory of this source tree.
+// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
+
+import {DOMAttributes, FocusableElement, PointerType} from "@react-types/shared";
+import {
+  focusWithoutScrolling,
+  isMac,
+  isVirtualClick,
+  isVirtualPointerEvent,
+  mergeProps,
+  openLink,
+  useEffectEvent,
+  useGlobalListeners,
+  useSyncRef,
+} from "@react-aria/utils";
+import {RefObject, useContext, useEffect, useMemo, useRef, useState} from "react";
+
+import {getOwnerDocument, getOwnerWindow} from "./dom-helpers";
+import {PressHookProps, PressResult, PressState, EventBase} from "./types";
+import {disableTextSelection, restoreTextSelection} from "./text-selection";
+import {PressEvent} from "./events";
+import {PressResponderContext} from "./context";
+
+function usePressResponderContext(props: PressHookProps): PressHookProps {
+  // Consume context from <PressResponder> and merge with props.
+  let context = useContext(PressResponderContext);
+
+  if (context) {
+    let {register, ...contextProps} = context;
+
+    props = mergeProps(contextProps, props) as PressHookProps;
+    register();
+  }
+
+  useSyncRef(context, props.ref as RefObject<FocusableElement>);
+
+  return props;
+}
+
+const LINK_CLICKED = Symbol("linkClicked");
+
+/**
+ * Handles press interactions across mouse, touch, keyboard, and screen readers.
+ * It normalizes behavior across browsers and platforms, and handles many nuances
+ * of dealing with pointer and keyboard events.
+ */
+export function usePress(props: PressHookProps): PressResult {
+  let {
+    onPress,
+    onPressChange,
+    onPressStart,
+    onPressEnd,
+    onPressUp,
+    isDisabled,
+    isPressed: isPressedProp,
+    preventFocusOnPress,
+    shouldCancelOnPointerExit,
+    allowTextSelectionOnPress,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    ref: _, // Removing `ref` from `domProps` because TypeScript is dumb
+    ...domProps
+  } = usePressResponderContext(props);
+
+  let [isPressed, setPressed] = useState(false);
+  let ref = useRef<PressState>({
+    isPressed: false,
+    ignoreEmulatedMouseEvents: false,
+    ignoreClickAfterPress: false,
+    didFirePressStart: false,
+    isTriggeringEvent: false,
+    activePointerId: null,
+    target: null,
+    isOverTarget: false,
+    pointerType: null,
+  });
+
+  let {addGlobalListener, removeAllGlobalListeners} = useGlobalListeners();
+
+  let triggerPressStart = useEffectEvent((originalEvent: EventBase, pointerType: PointerType) => {
+    let state = ref.current;
+
+    if (isDisabled || state.didFirePressStart) {
+      return;
+    }
+
+    let shouldStopPropagation = true;
+
+    state.isTriggeringEvent = true;
+    if (onPressStart) {
+      let event = new PressEvent("pressstart", pointerType, originalEvent);
+
+      onPressStart(event);
+      shouldStopPropagation = event.shouldStopPropagation;
+    }
+
+    if (onPressChange) {
+      onPressChange(true);
+    }
+
+    state.isTriggeringEvent = false;
+    state.didFirePressStart = true;
+    setPressed(true);
+
+    return shouldStopPropagation;
+  });
+
+  let triggerPressEnd = useEffectEvent(
+    (originalEvent: EventBase, pointerType: PointerType, wasPressed = true) => {
+      let state = ref.current;
+
+      if (!state.didFirePressStart) {
+        return;
+      }
+
+      state.ignoreClickAfterPress = true;
+      state.didFirePressStart = false;
+      state.isTriggeringEvent = true;
+
+      let shouldStopPropagation = true;
+
+      if (onPressEnd) {
+        let event = new PressEvent("pressend", pointerType, originalEvent);
+
+        onPressEnd(event);
+        shouldStopPropagation = event.shouldStopPropagation;
+      }
+
+      if (onPressChange) {
+        onPressChange(false);
+      }
+
+      setPressed(false);
+
+      if (onPress && wasPressed && !isDisabled) {
+        let event = new PressEvent("press", pointerType, originalEvent);
+
+        onPress(event);
+        shouldStopPropagation &&= event.shouldStopPropagation;
+      }
+
+      state.isTriggeringEvent = false;
+
+      return shouldStopPropagation;
+    },
+  );
+
+  let triggerPressUp = useEffectEvent((originalEvent: EventBase, pointerType: PointerType) => {
+    let state = ref.current;
+
+    if (isDisabled) {
+      return;
+    }
+
+    if (onPressUp) {
+      state.isTriggeringEvent = true;
+      let event = new PressEvent("pressup", pointerType, originalEvent);
+
+      onPressUp(event);
+      state.isTriggeringEvent = false;
+
+      return event.shouldStopPropagation;
+    }
+
+    return true;
+  });
+
+  let cancel = useEffectEvent((e: EventBase) => {
+    let state = ref.current;
+
+    if (state.isPressed) {
+      if (state.isOverTarget && state.target) {
+        triggerPressEnd(createEvent(state.target, e), state.pointerType, false);
+      }
+      state.isPressed = false;
+      state.isOverTarget = false;
+      state.activePointerId = null;
+      state.pointerType = null;
+      removeAllGlobalListeners();
+      if (!allowTextSelectionOnPress && state.target) {
+        restoreTextSelection(state.target);
+      }
+    }
+  });
+
+  let cancelOnPointerExit = useEffectEvent((e: EventBase) => {
+    if (shouldCancelOnPointerExit) {
+      cancel(e);
+    }
+  });
+
+  let pressProps = useMemo(() => {
+    let state = ref.current;
+    let pressProps: DOMAttributes = {
+      onKeyDown(e) {
+        if (
+          isValidKeyboardEvent(e.nativeEvent, e.currentTarget) &&
+          e.currentTarget.contains(e.target as Element)
+        ) {
+          if (shouldPreventDefaultKeyboard(e.target as Element, e.key)) {
+            e.preventDefault();
+          }
+
+          // If the event is repeating, it may have started on a different element
+          // after which focus moved to the current element. Ignore these events and
+          // only handle the first key down event.
+          let shouldStopPropagation = true;
+
+          if (!state.isPressed && !e.repeat) {
+            state.target = e.currentTarget;
+            state.isPressed = true;
+            shouldStopPropagation = triggerPressStart(e, "keyboard");
+
+            // Focus may move before the key up event, so register the event on the document
+            // instead of the same element where the key down event occurred.
+            addGlobalListener(getOwnerDocument(e.currentTarget), "keyup", onKeyUp, false);
+          }
+
+          if (shouldStopPropagation) {
+            e.stopPropagation();
+          }
+
+          // Keep track of the keydown events that occur while the Meta (e.g. Command) key is held.
+          // macOS has a bug where keyup events are not fired while the Meta key is down.
+          // When the Meta key itself is released we will get an event for that, and we'll act as if
+          // all of these other keys were released as well.
+          // https://bugs.chromium.org/p/chromium/issues/detail?id=1393524
+          // https://bugs.webkit.org/show_bug.cgi?id=55291
+          // https://bugzilla.mozilla.org/show_bug.cgi?id=1299553
+          if (e.metaKey && isMac()) {
+            state.metaKeyEvents?.set(e.key, e.nativeEvent);
+          }
+        } else if (e.key === "Meta") {
+          state.metaKeyEvents = new Map();
+        }
+      },
+      onKeyUp(e) {
+        if (
+          state.target &&
+          isValidKeyboardEvent(e.nativeEvent, e.currentTarget) &&
+          !e.repeat &&
+          e.currentTarget.contains(e.target as Element)
+        ) {
+          triggerPressUp(createEvent(state.target, e), "keyboard");
+        }
+      },
+      onClick(e) {
+        if (e && !e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+        // @ts-ignore
+        if (e && e.button === 0 && !state.isTriggeringEvent && !openLink.isOpening) {
+          let shouldStopPropagation = true;
+
+          if (isDisabled) {
+            e.preventDefault();
+          }
+
+          // If triggered from a screen reader or by using element.click(),
+          // trigger as if it were a keyboard click.
+          if (
+            !state.ignoreClickAfterPress &&
+            !state.ignoreEmulatedMouseEvents &&
+            !state.isPressed &&
+            (state.pointerType === "virtual" || isVirtualClick(e.nativeEvent))
+          ) {
+            // Ensure the element receives focus (VoiceOver on iOS does not do this)
+            if (!isDisabled && !preventFocusOnPress) {
+              focusWithoutScrolling(e.currentTarget);
+            }
+
+            let stopPressStart = triggerPressStart(e, "virtual");
+            let stopPressUp = triggerPressUp(e, "virtual");
+            let stopPressEnd = triggerPressEnd(e, "virtual");
+
+            shouldStopPropagation = stopPressStart && stopPressUp && stopPressEnd;
+          }
+
+          state.ignoreEmulatedMouseEvents = false;
+          state.ignoreClickAfterPress = false;
+          if (shouldStopPropagation) {
+            e.stopPropagation();
+          }
+        }
+      },
+    };
+
+    let onKeyUp = (e: KeyboardEvent) => {
+      if (state.isPressed && state.target && isValidKeyboardEvent(e, state.target)) {
+        if (shouldPreventDefaultKeyboard(e.target as Element, e.key)) {
+          e.preventDefault();
+        }
+
+        let target = e.target as Element;
+        let shouldStopPropagation = triggerPressEnd(
+          createEvent(state.target, e as EventBase),
+          "keyboard",
+          state.target.contains(target),
+        );
+
+        removeAllGlobalListeners();
+
+        if (shouldStopPropagation) {
+          e.stopPropagation();
+        }
+
+        // If a link was triggered with a key other than Enter, open the URL ourselves.
+        // This means the link has a role override, and the default browser behavior
+        // only applies when using the Enter key.
+        if (
+          e.key !== "Enter" &&
+          isHTMLAnchorLink(state.target) &&
+          state.target.contains(target) &&
+          // @ts-ignore
+          !e[LINK_CLICKED]
+        ) {
+          // Store a hidden property on the event so we only trigger link click once,
+          // even if there are multiple usePress instances attached to the element.
+          // @ts-ignore
+          e[LINK_CLICKED] = true;
+          openLink(state.target, e, false);
+        }
+
+        state.isPressed = false;
+        state.metaKeyEvents?.delete(e.key);
+      } else if (e.key === "Meta" && state.metaKeyEvents?.size) {
+        // If we recorded keydown events that occurred while the Meta key was pressed,
+        // and those haven't received keyup events already, fire keyup events ourselves.
+        // See comment above for more info about the macOS bug causing this.
+        let events = state.metaKeyEvents;
+
+        state.metaKeyEvents = null;
+        for (let event of events.values()) {
+          state.target && state.target.dispatchEvent(new KeyboardEvent("keyup", event));
+        }
+      }
+    };
+
+    if (typeof PointerEvent !== "undefined") {
+      pressProps.onPointerDown = (e) => {
+        // Only handle left clicks, and ignore events that bubbled through portals.
+        if (e.button !== 0 || !e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+
+        // iOS safari fires pointer events from VoiceOver with incorrect coordinates/target.
+        // Ignore and let the onClick handler take care of it instead.
+        // https://bugs.webkit.org/show_bug.cgi?id=222627
+        // https://bugs.webkit.org/show_bug.cgi?id=223202
+        if (isVirtualPointerEvent(e.nativeEvent)) {
+          state.pointerType = "virtual";
+
+          return;
+        }
+
+        // Due to browser inconsistencies, especially on mobile browsers, we prevent
+        // default on pointer down and handle focusing the pressable element ourselves.
+        if (shouldPreventDefault(e.currentTarget as Element)) {
+          e.preventDefault();
+        }
+
+        state.pointerType = e.pointerType;
+
+        let shouldStopPropagation = true;
+
+        if (!state.isPressed) {
+          state.isPressed = true;
+          state.isOverTarget = true;
+          state.activePointerId = e.pointerId;
+          state.target = e.currentTarget;
+
+          if (!isDisabled && !preventFocusOnPress) {
+            focusWithoutScrolling(e.currentTarget);
+          }
+
+          if (!allowTextSelectionOnPress) {
+            disableTextSelection(state.target);
+          }
+
+          shouldStopPropagation = triggerPressStart(e, state.pointerType);
+
+          addGlobalListener(getOwnerDocument(e.currentTarget), "pointermove", onPointerMove, false);
+          addGlobalListener(getOwnerDocument(e.currentTarget), "pointerup", onPointerUp, false);
+          addGlobalListener(
+            getOwnerDocument(e.currentTarget),
+            "pointercancel",
+            onPointerCancel,
+            false,
+          );
+        }
+
+        if (shouldStopPropagation) {
+          e.stopPropagation();
+        }
+      };
+
+      pressProps.onMouseDown = (e) => {
+        if (!e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+
+        if (e.button === 0) {
+          // Chrome and Firefox on touch Windows devices require mouse down events
+          // to be canceled in addition to pointer events, or an extra asynchronous
+          // focus event will be fired.
+          if (shouldPreventDefault(e.currentTarget as Element)) {
+            e.preventDefault();
+          }
+
+          e.stopPropagation();
+        }
+      };
+
+      pressProps.onPointerUp = (e) => {
+        // iOS fires pointerup with zero width and height, so check the pointerType recorded during pointerdown.
+        if (!e.currentTarget.contains(e.target as Element) || state.pointerType === "virtual") {
+          return;
+        }
+
+        // Only handle left clicks
+        // Safari on iOS sometimes fires pointerup events, even
+        // when the touch isn't over the target, so double check.
+        if (e.button === 0 && isOverTarget(e, e.currentTarget)) {
+          triggerPressUp(e, state.pointerType || e.pointerType);
+        }
+      };
+
+      // Safari on iOS < 13.2 does not implement pointerenter/pointerleave events correctly.
+      // Use pointer move events instead to implement our own hit testing.
+      // See https://bugs.webkit.org/show_bug.cgi?id=199803
+      let onPointerMove = (e: PointerEvent) => {
+        if (e.pointerId !== state.activePointerId || !state.target) {
+          return;
+        }
+
+        if (isOverTarget(e, state.target)) {
+          if (!state.isOverTarget) {
+            state.isOverTarget = true;
+            triggerPressStart(createEvent(state.target, e as EventBase), state.pointerType);
+          }
+        } else if (state.isOverTarget) {
+          state.isOverTarget = false;
+          triggerPressEnd(createEvent(state.target, e as EventBase), state.pointerType, false);
+          cancelOnPointerExit(e);
+        }
+      };
+
+      let onPointerUp = (e: PointerEvent) => {
+        if (
+          e.pointerId === state.activePointerId &&
+          state.isPressed &&
+          e.button === 0 &&
+          state.target
+        ) {
+          if (isOverTarget(e, state.target)) {
+            triggerPressEnd(createEvent(state.target, e as EventBase), state.pointerType);
+          } else if (state.isOverTarget) {
+            triggerPressEnd(createEvent(state.target, e as EventBase), state.pointerType);
+          }
+
+          state.isPressed = false;
+          state.isOverTarget = false;
+          state.activePointerId = null;
+          state.pointerType = null;
+          removeAllGlobalListeners();
+          if (!allowTextSelectionOnPress) {
+            restoreTextSelection(state.target);
+          }
+        }
+      };
+
+      let onPointerCancel = (e: PointerEvent) => {
+        cancel(e);
+      };
+
+      pressProps.onDragStart = (e) => {
+        if (!e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+
+        // Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.
+        cancel(e);
+      };
+    } else {
+      pressProps.onMouseDown = (e) => {
+        // Only handle left clicks
+        if (e.button !== 0 || !e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+
+        // Due to browser inconsistencies, especially on mobile browsers, we prevent
+        // default on mouse down and handle focusing the pressable element ourselves.
+        if (shouldPreventDefault(e.currentTarget)) {
+          e.preventDefault();
+        }
+
+        if (state.ignoreEmulatedMouseEvents) {
+          e.stopPropagation();
+
+          return;
+        }
+
+        state.isPressed = true;
+        state.isOverTarget = true;
+        state.target = e.currentTarget;
+        state.pointerType = isVirtualClick(e.nativeEvent) ? "virtual" : "mouse";
+
+        if (!isDisabled && !preventFocusOnPress) {
+          focusWithoutScrolling(e.currentTarget);
+        }
+
+        let shouldStopPropagation = triggerPressStart(e, state.pointerType);
+
+        if (shouldStopPropagation) {
+          e.stopPropagation();
+        }
+
+        addGlobalListener(getOwnerDocument(e.currentTarget), "mouseup", onMouseUp, false);
+      };
+
+      pressProps.onMouseEnter = (e) => {
+        if (!e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+
+        let shouldStopPropagation = true;
+
+        if (state.isPressed && !state.ignoreEmulatedMouseEvents) {
+          state.isOverTarget = true;
+          shouldStopPropagation = triggerPressStart(e, state.pointerType);
+        }
+
+        if (shouldStopPropagation) {
+          e.stopPropagation();
+        }
+      };
+
+      pressProps.onMouseLeave = (e) => {
+        if (!e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+
+        let shouldStopPropagation = true;
+
+        if (state.isPressed && !state.ignoreEmulatedMouseEvents) {
+          state.isOverTarget = false;
+          shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
+          cancelOnPointerExit(e);
+        }
+
+        if (shouldStopPropagation) {
+          e.stopPropagation();
+        }
+      };
+
+      pressProps.onMouseUp = (e) => {
+        if (!e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+
+        if (!state.ignoreEmulatedMouseEvents && e.button === 0) {
+          triggerPressUp(e, state.pointerType || "mouse");
+        }
+      };
+
+      let onMouseUp = (e: MouseEvent) => {
+        // Only handle left clicks
+        if (e.button !== 0) {
+          return;
+        }
+
+        state.isPressed = false;
+        removeAllGlobalListeners();
+
+        if (state.ignoreEmulatedMouseEvents) {
+          state.ignoreEmulatedMouseEvents = false;
+
+          return;
+        }
+
+        if (!state.target) {
+          return;
+        }
+
+        if (isOverTarget(e, state.target)) {
+          triggerPressEnd(createEvent(state.target, e as EventBase), state.pointerType);
+        } else if (state.isOverTarget) {
+          triggerPressEnd(createEvent(state.target, e as EventBase), state.pointerType, false);
+        }
+
+        state.isOverTarget = false;
+      };
+
+      pressProps.onTouchStart = (e) => {
+        if (!e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+
+        let touch = getTouchFromEvent(e.nativeEvent);
+
+        if (!touch) {
+          return;
+        }
+        state.activePointerId = touch.identifier;
+        state.ignoreEmulatedMouseEvents = true;
+        state.isOverTarget = true;
+        state.isPressed = true;
+        state.target = e.currentTarget;
+        state.pointerType = "touch";
+
+        // Due to browser inconsistencies, especially on mobile browsers, we prevent default
+        // on the emulated mouse event and handle focusing the pressable element ourselves.
+        if (!isDisabled && !preventFocusOnPress) {
+          focusWithoutScrolling(e.currentTarget);
+        }
+
+        if (!allowTextSelectionOnPress) {
+          disableTextSelection(state.target);
+        }
+
+        let shouldStopPropagation = triggerPressStart(e, state.pointerType);
+
+        if (shouldStopPropagation) {
+          e.stopPropagation();
+        }
+
+        addGlobalListener(getOwnerWindow(e.currentTarget), "scroll", onScroll, true);
+      };
+
+      pressProps.onTouchMove = (e) => {
+        if (!e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+
+        if (!state.isPressed) {
+          e.stopPropagation();
+
+          return;
+        }
+
+        let touch = getTouchById(e.nativeEvent, state.activePointerId);
+        let shouldStopPropagation = true;
+
+        if (touch && isOverTarget(touch, e.currentTarget)) {
+          if (!state.isOverTarget) {
+            state.isOverTarget = true;
+            shouldStopPropagation = triggerPressStart(e, state.pointerType);
+          }
+        } else if (state.isOverTarget) {
+          state.isOverTarget = false;
+          shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
+          cancelOnPointerExit(e);
+        }
+
+        if (shouldStopPropagation) {
+          e.stopPropagation();
+        }
+      };
+
+      pressProps.onTouchEnd = (e) => {
+        if (!e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+
+        if (!state.isPressed) {
+          e.stopPropagation();
+
+          return;
+        }
+
+        let touch = getTouchById(e.nativeEvent, state.activePointerId);
+        let shouldStopPropagation = true;
+
+        if (touch && isOverTarget(touch, e.currentTarget)) {
+          triggerPressUp(e, state.pointerType);
+          shouldStopPropagation = triggerPressEnd(e, state.pointerType);
+        } else if (state.isOverTarget) {
+          shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
+        }
+
+        if (shouldStopPropagation) {
+          e.stopPropagation();
+        }
+
+        state.isPressed = false;
+        state.activePointerId = null;
+        state.isOverTarget = false;
+        state.ignoreEmulatedMouseEvents = true;
+        if (!allowTextSelectionOnPress && state.target) {
+          restoreTextSelection(state.target);
+        }
+        removeAllGlobalListeners();
+      };
+
+      pressProps.onTouchCancel = (e) => {
+        if (!e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+
+        e.stopPropagation();
+        if (state.isPressed) {
+          cancel(e);
+        }
+      };
+
+      let onScroll = (e: Event) => {
+        if (state.isPressed && (e.target as Element).contains(state.target)) {
+          cancel({
+            currentTarget: state.target,
+            shiftKey: false,
+            ctrlKey: false,
+            metaKey: false,
+            altKey: false,
+          });
+        }
+      };
+
+      pressProps.onDragStart = (e) => {
+        if (!e.currentTarget.contains(e.target as Element)) {
+          return;
+        }
+
+        cancel(e);
+      };
+    }
+
+    return pressProps;
+  }, [
+    addGlobalListener,
+    isDisabled,
+    preventFocusOnPress,
+    removeAllGlobalListeners,
+    allowTextSelectionOnPress,
+    cancel,
+    cancelOnPointerExit,
+    triggerPressEnd,
+    triggerPressStart,
+    triggerPressUp,
+  ]);
+
+  // Remove user-select: none in case component unmounts immediately after pressStart
+  // eslint-disable-next-line arrow-body-style
+  useEffect(() => {
+    return () => {
+      if (!allowTextSelectionOnPress && ref.current.target) {
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        restoreTextSelection(ref.current.target);
+      }
+    };
+  }, [allowTextSelectionOnPress]);
+
+  return {
+    isPressed: isPressedProp || isPressed,
+    pressProps: mergeProps(domProps, pressProps),
+  };
+}
+
+function isHTMLAnchorLink(target: Element): target is HTMLAnchorElement {
+  return target.tagName === "A" && target.hasAttribute("href");
+}
+
+function isValidKeyboardEvent(event: KeyboardEvent, currentTarget: Element): boolean {
+  const {key, code} = event;
+  const element = currentTarget as HTMLElement;
+  const role = element.getAttribute("role");
+
+  // Accessibility for keyboards. Space and Enter only.
+  // "Spacebar" is for IE 11
+  return (
+    (key === "Enter" || key === " " || key === "Spacebar" || code === "Space") &&
+    !(
+      (element instanceof getOwnerWindow(element).HTMLInputElement &&
+        !isValidInputKey(element as HTMLInputElement, key)) ||
+      element instanceof getOwnerWindow(element).HTMLTextAreaElement ||
+      element.isContentEditable
+    ) &&
+    // Links should only trigger with Enter key
+    !((role === "link" || (!role && isHTMLAnchorLink(element))) && key !== "Enter")
+  );
+}
+
+function getTouchFromEvent(event: TouchEvent): Touch | null {
+  const {targetTouches} = event;
+
+  if (targetTouches.length > 0) {
+    return targetTouches[0];
+  }
+
+  return null;
+}
+
+function getTouchById(event: TouchEvent, pointerId: null | number): null | Touch {
+  const changedTouches = event.changedTouches;
+
+  for (let i = 0; i < changedTouches.length; i++) {
+    const touch = changedTouches[i];
+
+    if (touch.identifier === pointerId) {
+      return touch;
+    }
+  }
+
+  return null;
+}
+
+function createEvent(target: FocusableElement, e: EventBase): EventBase {
+  return {
+    currentTarget: target,
+    shiftKey: e.shiftKey,
+    ctrlKey: e.ctrlKey,
+    metaKey: e.metaKey,
+    altKey: e.altKey,
+  };
+}
+
+interface Rect {
+  top: number;
+  right: number;
+  bottom: number;
+  left: number;
+}
+
+interface EventPoint {
+  clientX: number;
+  clientY: number;
+  width?: number;
+  height?: number;
+  radiusX?: number;
+  radiusY?: number;
+}
+
+function getPointClientRect(point: EventPoint): Rect {
+  let offsetX = !!point.width ? point.width / 2 : point.radiusX || 0;
+  let offsetY = !!point.height ? point.height / 2 : point.radiusY || 0;
+
+  return {
+    top: point.clientY - offsetY,
+    right: point.clientX + offsetX,
+    bottom: point.clientY + offsetY,
+    left: point.clientX - offsetX,
+  };
+}
+
+function areRectanglesOverlapping(a: Rect, b: Rect) {
+  // check if they cannot overlap on x axis
+  if (a.left > b.right || b.left > a.right) {
+    return false;
+  }
+  // check if they cannot overlap on y axis
+  if (a.top > b.bottom || b.top > a.bottom) {
+    return false;
+  }
+
+  return true;
+}
+
+function isOverTarget(point: EventPoint, target: Element) {
+  let rect = target.getBoundingClientRect();
+  let pointRect = getPointClientRect(point);
+
+  return areRectanglesOverlapping(rect, pointRect);
+}
+
+function shouldPreventDefault(target: Element) {
+  // We cannot prevent default if the target is a draggable element.
+  return !(target instanceof HTMLElement) || !target.hasAttribute("draggable");
+}
+
+function shouldPreventDefaultKeyboard(target: Element, key: string) {
+  if (target instanceof HTMLInputElement) {
+    return !isValidInputKey(target, key);
+  }
+
+  if (target instanceof HTMLButtonElement) {
+    return target.type !== "submit" && target.type !== "reset";
+  }
+
+  if (isHTMLAnchorLink(target)) {
+    return false;
+  }
+
+  return true;
+}
+
+const nonTextInputTypes = new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset",
+]);
+
+function isValidInputKey(target: HTMLInputElement, key: string) {
+  // Only space should toggle checkboxes and radios, not enter.
+  return target.type === "checkbox" || target.type === "radio"
+    ? key === " "
+    : nonTextInputTypes.has(target.type);
+}
diff --git a/packages/hooks/use-aria-press/src/text-selection.ts b/packages/hooks/use-aria-press/src/text-selection.ts
new file mode 100644
index 000000000..eda019fa5
--- /dev/null
+++ b/packages/hooks/use-aria-press/src/text-selection.ts
@@ -0,0 +1,89 @@
+import {isIOS, runAfterTransition} from "@react-aria/utils";
+
+import {getOwnerDocument} from "./dom-helpers";
+
+// Safari on iOS starts selecting text on long press. The only way to avoid this, it seems,
+// is to add user-select: none to the entire page. Adding it to the pressable element prevents
+// that element from being selected, but nearby elements may still receive selection. We add
+// user-select: none on touch start, and remove it again on touch end to prevent this.
+// This must be implemented using global state to avoid race conditions between multiple elements.
+
+// There are three possible states due to the delay before removing user-select: none after
+// pointer up. The 'default' state always transitions to the 'disabled' state, which transitions
+// to 'restoring'. The 'restoring' state can either transition back to 'disabled' or 'default'.
+
+// For non-iOS devices, we apply user-select: none to the pressed element instead to avoid possible
+// performance issues that arise from applying and removing user-select: none to the entire page
+// (see https://github.com/adobe/react-spectrum/issues/1609).
+type State = "default" | "disabled" | "restoring";
+
+// Note that state only matters here for iOS. Non-iOS gets user-select: none applied to the target element
+// rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually
+let state: State = "default";
+let savedUserSelect = "";
+let modifiedElementMap = new WeakMap<Element, string>();
+
+export function disableTextSelection(target?: Element) {
+  if (isIOS()) {
+    if (state === "default") {
+      const documentObject = getOwnerDocument(target);
+
+      savedUserSelect = documentObject.documentElement.style.webkitUserSelect;
+      documentObject.documentElement.style.webkitUserSelect = "none";
+    }
+
+    state = "disabled";
+  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
+    // If not iOS, store the target's original user-select and change to user-select: none
+    // Ignore state since it doesn't apply for non iOS
+    modifiedElementMap.set(target, target.style.userSelect);
+    target.style.userSelect = "none";
+  }
+}
+
+export function restoreTextSelection(target?: Element) {
+  if (isIOS()) {
+    // If the state is already default, there's nothing to do.
+    // If it is restoring, then there's no need to queue a second restore.
+    if (state !== "disabled") {
+      return;
+    }
+
+    state = "restoring";
+
+    // There appears to be a delay on iOS where selection still might occur
+    // after pointer up, so wait a bit before removing user-select.
+    setTimeout(() => {
+      // Wait for any CSS transitions to complete so we don't recompute style
+      // for the whole page in the middle of the animation and cause jank.
+      runAfterTransition(() => {
+        // Avoid race conditions
+        if (state === "restoring") {
+          const documentObject = getOwnerDocument(target);
+
+          if (documentObject.documentElement.style.webkitUserSelect === "none") {
+            documentObject.documentElement.style.webkitUserSelect = savedUserSelect || "";
+          }
+
+          savedUserSelect = "";
+          state = "default";
+        }
+      });
+    }, 300);
+  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
+    // If not iOS, restore the target's original user-select if any
+    // Ignore state since it doesn't apply for non iOS
+    if (target && modifiedElementMap.has(target)) {
+      let targetOldUserSelect = modifiedElementMap.get(target);
+
+      if (target.style.userSelect === "none" && targetOldUserSelect) {
+        target.style.userSelect = targetOldUserSelect;
+      }
+
+      if (target.getAttribute("style") === "") {
+        target.removeAttribute("style");
+      }
+      modifiedElementMap.delete(target);
+    }
+  }
+}
diff --git a/packages/hooks/use-aria-press/src/types.ts b/packages/hooks/use-aria-press/src/types.ts
new file mode 100644
index 000000000..5c36f7757
--- /dev/null
+++ b/packages/hooks/use-aria-press/src/types.ts
@@ -0,0 +1,54 @@
+import {DOMAttributes, FocusableElement, PointerType, PressEvents} from "@react-types/shared";
+import {RefObject} from "react";
+
+export interface PressProps extends PressEvents {
+  /** Whether the target is in a controlled press state (e.g. an overlay it triggers is open). */
+  isPressed?: boolean;
+  /** Whether the press events should be disabled. */
+  isDisabled?: boolean;
+  /** Whether the target should not receive focus on press. */
+  preventFocusOnPress?: boolean;
+  /**
+   * Whether press events should be canceled when the pointer leaves the target while pressed.
+   * By default, this is `false`, which means if the pointer returns back over the target while
+   * still pressed, onPressStart will be fired again. If set to `true`, the press is canceled
+   * when the pointer leaves the target and onPressStart will not be fired if the pointer returns.
+   */
+  shouldCancelOnPointerExit?: boolean;
+  /** Whether text selection should be enabled on the pressable element. */
+  allowTextSelectionOnPress?: boolean;
+}
+
+export interface PressHookProps extends PressProps {
+  /** A ref to the target element. */
+  ref?: RefObject<Element>;
+}
+
+export interface PressState {
+  isPressed: boolean;
+  ignoreEmulatedMouseEvents: boolean;
+  ignoreClickAfterPress: boolean;
+  didFirePressStart: boolean;
+  isTriggeringEvent: boolean;
+  activePointerId: any;
+  target: FocusableElement | null;
+  isOverTarget: boolean;
+  pointerType: PointerType | null;
+  userSelect?: string;
+  metaKeyEvents?: Map<string, KeyboardEvent> | null;
+}
+
+export interface EventBase {
+  currentTarget: EventTarget;
+  shiftKey: boolean;
+  ctrlKey: boolean;
+  metaKey: boolean;
+  altKey: boolean;
+}
+
+export interface PressResult {
+  /** Whether the target is currently pressed. */
+  isPressed: boolean;
+  /** Props to spread on the target element. */
+  pressProps: DOMAttributes;
+}
diff --git a/packages/hooks/use-aria-press/tsconfig.json b/packages/hooks/use-aria-press/tsconfig.json
new file mode 100644
index 000000000..46e3b466c
--- /dev/null
+++ b/packages/hooks/use-aria-press/tsconfig.json
@@ -0,0 +1,4 @@
+{
+  "extends": "../../../tsconfig.json",
+  "include": ["src", "index.ts"]
+}
diff --git a/packages/hooks/use-aria-toggle-button/package.json b/packages/hooks/use-aria-toggle-button/package.json
index 087e182b3..0912e05bb 100644
--- a/packages/hooks/use-aria-toggle-button/package.json
+++ b/packages/hooks/use-aria-toggle-button/package.json
@@ -38,10 +38,10 @@
   },
   "dependencies": {
     "@nextui-org/use-aria-button": "workspace:*",
-    "@react-stately/toggle": "^3.6.2",
-    "@react-aria/utils": "^3.20.0",
-    "@react-types/shared": "^3.20.0",
-    "@react-types/button": "^3.8.0"
+    "@react-stately/toggle": "^3.6.3",
+    "@react-aria/utils": "^3.21.1",
+    "@react-types/shared": "^3.21.0",
+    "@react-types/button": "^3.9.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
diff --git a/packages/hooks/use-data-scroll-overflow/package.json b/packages/hooks/use-data-scroll-overflow/package.json
index 23a946ae3..4253bf5cf 100644
--- a/packages/hooks/use-data-scroll-overflow/package.json
+++ b/packages/hooks/use-data-scroll-overflow/package.json
@@ -33,6 +33,9 @@
     "prepack": "clean-package",
     "postpack": "clean-package restore"
   },
+  "dependencies": {
+    "@nextui-org/shared-utils": "workspace:*"
+  },
   "peerDependencies": {
     "react": ">=18"
   },
diff --git a/packages/hooks/use-data-scroll-overflow/src/index.ts b/packages/hooks/use-data-scroll-overflow/src/index.ts
index f4336a324..b0618ae53 100644
--- a/packages/hooks/use-data-scroll-overflow/src/index.ts
+++ b/packages/hooks/use-data-scroll-overflow/src/index.ts
@@ -1,4 +1,19 @@
-import {useEffect} from "react";
+import {capitalize} from "@nextui-org/shared-utils";
+import {useEffect, useRef} from "react";
+
+export type ScrollOverflowVisibility =
+  | "auto"
+  | "top"
+  | "bottom"
+  | "left"
+  | "right"
+  | "both"
+  | "none";
+
+export type ScrollOverflowEdgeCheck = "all" | "top" | "bottom" | "left" | "right";
+
+export type ScrollOverflowOrientation = "horizontal" | "vertical";
+export type ScrollOverflowCheck = ScrollOverflowOrientation | "both";
 
 export interface UseDataScrollOverflowProps {
   /**
@@ -13,7 +28,13 @@ export interface UseDataScrollOverflowProps {
    *
    * @default "both"
    */
-  overflowCheck?: "horizontal" | "vertical" | "both";
+  overflowCheck?: ScrollOverflowCheck;
+  /**
+   * Controlled visible state. Passing "auto" will make the shadow visible only when the scroll reaches the edge.
+   * use "left" / "right" for horizontal scroll and "top" / "bottom" for vertical scroll.
+   * @default "auto"
+   */
+  visibility?: ScrollOverflowVisibility;
   /**
    * Enables or disables the overflow checking mechanism.
    * @default true
@@ -25,77 +46,116 @@ export interface UseDataScrollOverflowProps {
    * @default 0 - meaning the check will behave exactly at the edge.
    */
   offset?: number;
+  /**
+   * List of dependencies to update the overflow check.
+   */
+  updateDeps?: any[];
+  /**
+   * Callback to be called when the overflow state changes.
+   *
+   * @param visibility ScrollOverflowVisibility
+   */
+  onVisibilityChange?: (overflow: ScrollOverflowVisibility) => void;
 }
 
 export function useDataScrollOverflow(props: UseDataScrollOverflowProps = {}) {
-  const {domRef, isEnabled = true, overflowCheck = "vertical", offset = 0} = props;
+  const {
+    domRef,
+    isEnabled = true,
+    overflowCheck = "vertical",
+    visibility = "auto",
+    offset = 0,
+    onVisibilityChange,
+    updateDeps = [],
+  } = props;
+
+  const visibleRef = useRef<ScrollOverflowVisibility>(visibility);
 
   useEffect(() => {
     const el = domRef?.current;
 
-    const checkOverflow = () => {
-      if (!el) return;
+    if (!el || !isEnabled) return;
 
-      // Vertical overflow
-      if (overflowCheck === "vertical" || overflowCheck === "both") {
-        const hasElementsAbove = el.scrollTop > offset;
-        const hasElementsBelow = el.scrollTop + el.clientHeight + offset < el.scrollHeight;
+    const setAttributes = (
+      direction: string,
+      hasBefore: boolean,
+      hasAfter: boolean,
+      prefix: string,
+      suffix: string,
+    ) => {
+      if (visibility === "auto") {
+        const both = `${prefix}${capitalize(suffix)}Scroll`;
 
-        if (hasElementsAbove && hasElementsBelow) {
-          el.dataset.topBottomScroll = "true";
-          el.removeAttribute("data-top-scroll");
-          el.removeAttribute("data-bottom-scroll");
+        if (hasBefore && hasAfter) {
+          el.dataset[both] = "true";
+          el.removeAttribute(`data-${prefix}-scroll`);
+          el.removeAttribute(`data-${suffix}-scroll`);
         } else {
-          el.dataset.topScroll = hasElementsAbove.toString();
-          el.dataset.bottomScroll = hasElementsBelow.toString();
-          el.removeAttribute("data-top-bottom-scroll");
+          el.dataset[`${prefix}Scroll`] = hasBefore.toString();
+          el.dataset[`${suffix}Scroll`] = hasAfter.toString();
+          el.removeAttribute(`data-${prefix}-${suffix}-scroll`);
+        }
+      } else {
+        const next =
+          hasBefore && hasAfter ? "both" : hasBefore ? prefix : hasAfter ? suffix : "none";
+
+        if (next !== visibleRef.current) {
+          onVisibilityChange?.(next as ScrollOverflowVisibility);
+          visibleRef.current = next as ScrollOverflowVisibility;
         }
       }
+    };
 
-      // Horizontal overflow
-      if (overflowCheck === "horizontal" || overflowCheck === "both") {
-        const hasElementsLeft = el.scrollLeft > offset;
-        const hasElementsRight = el.scrollLeft + el.clientWidth + offset < el.scrollWidth;
+    const checkOverflow = () => {
+      const directions = [
+        {type: "vertical", prefix: "top", suffix: "bottom"},
+        {type: "horizontal", prefix: "left", suffix: "right"},
+      ];
 
-        if (hasElementsLeft && hasElementsRight) {
-          el.dataset.leftRightScroll = "true";
-          el.removeAttribute("data-left-scroll");
-          el.removeAttribute("data-right-scroll");
-        } else {
-          el.dataset.leftScroll = hasElementsLeft.toString();
-          el.dataset.rightScroll = hasElementsRight.toString();
-          el.removeAttribute("data-left-right-scroll");
+      for (const {type, prefix, suffix} of directions) {
+        if (overflowCheck === type || overflowCheck === "both") {
+          const hasBefore = type === "vertical" ? el.scrollTop > offset : el.scrollLeft > offset;
+          const hasAfter =
+            type === "vertical"
+              ? el.scrollTop + el.clientHeight + offset < el.scrollHeight
+              : el.scrollLeft + el.clientWidth + offset < el.scrollWidth;
+
+          setAttributes(type, hasBefore, hasAfter, prefix, suffix);
         }
       }
     };
 
     const clearOverflow = () => {
-      if (!el) return;
-
-      el.removeAttribute("data-top-scroll");
-      el.removeAttribute("data-bottom-scroll");
-      el.removeAttribute("data-top-bottom-scroll");
-
-      el.removeAttribute("data-left-scroll");
-      el.removeAttribute("data-right-scroll");
-      el.removeAttribute("data-left-right-scroll");
+      ["top", "bottom", "topBottom", "left", "right", "leftRight"].forEach((attr) => {
+        el.removeAttribute(`data-${attr}-scroll`);
+      });
     };
 
-    if (isEnabled) {
-      // first check
-      checkOverflow();
+    // auto
+    checkOverflow();
+    el.addEventListener("scroll", checkOverflow);
 
-      el?.addEventListener("scroll", checkOverflow);
-    } else {
+    // controlled
+    if (visibility !== "auto") {
       clearOverflow();
+      if (visibility === "both") {
+        el.dataset.topBottomScroll = String(overflowCheck === "vertical");
+        el.dataset.leftRightScroll = String(overflowCheck === "horizontal");
+      } else {
+        el.dataset.topBottomScroll = "false";
+        el.dataset.leftRightScroll = "false";
+
+        ["top", "bottom", "left", "right"].forEach((attr) => {
+          el.dataset[`${attr}Scroll`] = String(visibility === attr);
+        });
+      }
     }
 
     return () => {
-      // Cleanup listener when component unmounts
-      el?.removeEventListener("scroll", checkOverflow);
+      el.removeEventListener("scroll", checkOverflow);
       clearOverflow();
     };
-  }, [isEnabled, overflowCheck, domRef]);
+  }, [...updateDeps, isEnabled, visibility, overflowCheck, onVisibilityChange, domRef]);
 }
 
 export type UseDataScrollOverflowReturn = ReturnType<typeof useDataScrollOverflow>;
diff --git a/packages/hooks/use-disclosure/package.json b/packages/hooks/use-disclosure/package.json
index 29a23018c..f8ec76451 100644
--- a/packages/hooks/use-disclosure/package.json
+++ b/packages/hooks/use-disclosure/package.json
@@ -38,8 +38,8 @@
   },
   "dependencies": {
     "@nextui-org/use-callback-ref": "workspace:*",
-    "@react-stately/utils": "^3.7.0",
-    "@react-aria/utils": "^3.20.0"
+    "@react-stately/utils": "^3.8.0",
+    "@react-aria/utils": "^3.21.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index 86ed69f71..767fab477 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -50,7 +50,7 @@
     "autoprefixer": "^10.4.13",
     "storybook": "^7.4.6",
     "storybook-dark-mode": "^3.0.1",
-    "tailwindcss": "^3.2.7",
+    "tailwindcss": "^3.3.5",
     "vite": "^4.4.7"
   },
   "tsup": {
diff --git a/packages/utilities/aria-utils/package.json b/packages/utilities/aria-utils/package.json
index 3f639087c..25b1f44f8 100644
--- a/packages/utilities/aria-utils/package.json
+++ b/packages/utilities/aria-utils/package.json
@@ -34,18 +34,22 @@
     "postpack": "clean-package restore"
   },
   "peerDependencies": {
-    "react": ">=18"
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "dependencies": {
     "@nextui-org/system": "workspace:*",
-    "@react-aria/utils": "^3.20.0",
-    "@react-stately/collections": "^3.10.1",
-    "@react-types/shared": "^3.20.0",
-    "@react-types/overlays": "^3.8.2"
+    "@nextui-org/shared-utils": "workspace:*",
+    "@nextui-org/react-rsc-utils": "workspace:*",
+    "@react-aria/utils": "^3.21.1",
+    "@react-stately/collections": "^3.10.2",
+    "@react-types/shared": "^3.21.0",
+    "@react-types/overlays": "^3.8.3"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/utilities/framer-transitions/package.json b/packages/utilities/framer-transitions/package.json
index ef4e8c118..d4ef4df85 100644
--- a/packages/utilities/framer-transitions/package.json
+++ b/packages/utilities/framer-transitions/package.json
@@ -44,8 +44,9 @@
   },
   "devDependencies": {
     "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "clean-package": "2.2.0",
-    "framer-motion": "^10.15.1"
+    "framer-motion": "^10.16.4"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/packages/utilities/framer-transitions/src/transition-utils.ts b/packages/utilities/framer-transitions/src/transition-utils.ts
index bb4fdb90f..2287eaac5 100644
--- a/packages/utilities/framer-transitions/src/transition-utils.ts
+++ b/packages/utilities/framer-transitions/src/transition-utils.ts
@@ -74,7 +74,7 @@ export const TRANSITION_VARIANTS: Variants = {
   scaleSpringOpacity: {
     initial: {
       opacity: 0,
-      transform: "scale(0.6)",
+      transform: "scale(0.8)",
     },
     enter: {
       opacity: 1,
@@ -87,11 +87,11 @@ export const TRANSITION_VARIANTS: Variants = {
     },
     exit: {
       opacity: 0,
-      transform: "scale(0.3)",
+      transform: "scale(0.7)",
       transition: {
-        type: "spring",
+        type: "easeOut",
         bounce: 0,
-        duration: 0.4,
+        duration: 0.18,
       },
     },
   },
diff --git a/packages/utilities/react-rsc-utils/src/children.ts b/packages/utilities/react-rsc-utils/src/children.ts
index 465b767eb..79295d0f2 100644
--- a/packages/utilities/react-rsc-utils/src/children.ts
+++ b/packages/utilities/react-rsc-utils/src/children.ts
@@ -13,20 +13,21 @@ export function getValidChildren(children: React.ReactNode) {
 }
 
 export const pickChildren = <T = ReactNode>(
-  children: ReactNode | undefined,
+  children: T | undefined,
   targetChild: React.ElementType,
-): [T | ReactNode | undefined, ReactNode[] | undefined] => {
-  let target: ReactNode[] = [];
+): [T | undefined, T[] | undefined] => {
+  let target: T[] = [];
+
   const withoutTargetChildren = Children.map(children, (item) => {
     if (!isValidElement(item)) return item;
     if (item.type === targetChild) {
-      target.push(item);
+      target.push(item as T);
 
       return null;
     }
 
     return item;
-  });
+  })?.filter(Boolean) as T;
 
   const targetChildren = target.length >= 0 ? target : undefined;
 
diff --git a/packages/utilities/react-rsc-utils/src/dom-props.ts b/packages/utilities/react-rsc-utils/src/dom-props.ts
index fb79b2878..5de41f3d2 100644
--- a/packages/utilities/react-rsc-utils/src/dom-props.ts
+++ b/packages/utilities/react-rsc-utils/src/dom-props.ts
@@ -94,6 +94,7 @@ export const DOMPropNames = new Set([
   "poster",
   "preload",
   "radioGroup",
+  "referrerPolicy",
   "readOnly",
   "rel",
   "required",
diff --git a/packages/utilities/react-rsc-utils/src/functions.ts b/packages/utilities/react-rsc-utils/src/functions.ts
new file mode 100644
index 000000000..574c5b114
--- /dev/null
+++ b/packages/utilities/react-rsc-utils/src/functions.ts
@@ -0,0 +1,25 @@
+import * as React from "react";
+
+type RenderFunction<P> = (props: P) => React.ReactNode;
+
+type RenderFnProps<P extends {}> = {
+  Component: React.FunctionComponent<P> | React.ComponentClass<P> | string;
+  props: P;
+  renderCustom?: RenderFunction<P>;
+};
+
+/**
+ * Render a component with custom render function
+ *
+ * @param Component  The component to be rendered
+ * @param renderCustom The custom render function
+ * @param props The props to be passed to the component
+ * @returns React.ReactElement
+ */
+export function renderFn<P extends {}>({Component, props, renderCustom}: RenderFnProps<P>) {
+  if (renderCustom && typeof renderCustom === "function") {
+    return renderCustom(props);
+  } else {
+    return React.createElement<P>(Component, props);
+  }
+}
diff --git a/packages/utilities/react-rsc-utils/src/index.ts b/packages/utilities/react-rsc-utils/src/index.ts
index 5463f9ef6..6bb846b96 100644
--- a/packages/utilities/react-rsc-utils/src/index.ts
+++ b/packages/utilities/react-rsc-utils/src/index.ts
@@ -1,3 +1,4 @@
 export * from "./children";
 export * from "./filter-dom-props";
 export * from "./dom-props";
+export * from "./functions";
diff --git a/packages/utilities/shared-icons/src/bold/index.ts b/packages/utilities/shared-icons/src/bold/index.ts
index a4f685533..a8011f639 100644
--- a/packages/utilities/shared-icons/src/bold/index.ts
+++ b/packages/utilities/shared-icons/src/bold/index.ts
@@ -5,3 +5,6 @@ export * from "./align-right";
 export * from "./align-vertically";
 export * from "./align-horizontally";
 export * from "./pet";
+export * from "./volume-high";
+export * from "./volume-low";
+export * from "./shopping-cart";
diff --git a/packages/utilities/shared-icons/src/bold/shopping-cart.tsx b/packages/utilities/shared-icons/src/bold/shopping-cart.tsx
new file mode 100644
index 000000000..d86c40685
--- /dev/null
+++ b/packages/utilities/shared-icons/src/bold/shopping-cart.tsx
@@ -0,0 +1,31 @@
+import {IconSvgProps} from "../types";
+
+export const ShoppingCartBoldIcon = (props: IconSvgProps) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M16.25 22.5C17.2165 22.5 18 21.7165 18 20.75C18 19.7835 17.2165 19 16.25 19C15.2835 19 14.5 19.7835 14.5 20.75C14.5 21.7165 15.2835 22.5 16.25 22.5Z"
+      fill="currentColor"
+    />
+    <path
+      d="M8.25 22.5C9.2165 22.5 10 21.7165 10 20.75C10 19.7835 9.2165 19 8.25 19C7.2835 19 6.5 19.7835 6.5 20.75C6.5 21.7165 7.2835 22.5 8.25 22.5Z"
+      fill="currentColor"
+    />
+    <path
+      d="M4.84 3.94L4.64 6.39C4.6 6.86 4.97 7.25 5.44 7.25H20.75C21.17 7.25 21.52 6.93 21.55 6.51C21.68 4.74 20.33 3.3 18.56 3.3H6.27C6.17 2.86 5.97 2.44 5.66 2.09C5.16 1.56 4.46 1.25 3.74 1.25H2C1.59 1.25 1.25 1.59 1.25 2C1.25 2.41 1.59 2.75 2 2.75H3.74C4.05 2.75 4.34 2.88 4.55 3.1C4.76 3.33 4.86 3.63 4.84 3.94Z"
+      fill="currentColor"
+    />
+    <path
+      d="M20.5101 8.75H5.17005C4.75005 8.75 4.41005 9.07 4.37005 9.48L4.01005 13.83C3.87005 15.54 5.21005 17 6.92005 17H18.0401C19.5401 17 20.8601 15.77 20.9701 14.27L21.3001 9.6C21.3401 9.14 20.9801 8.75 20.5101 8.75Z"
+      fill="currentColor"
+    />
+  </svg>
+);
diff --git a/packages/utilities/shared-icons/src/bold/volume-high.tsx b/packages/utilities/shared-icons/src/bold/volume-high.tsx
new file mode 100644
index 000000000..3dc81188c
--- /dev/null
+++ b/packages/utilities/shared-icons/src/bold/volume-high.tsx
@@ -0,0 +1,27 @@
+import {IconSvgProps} from "../types";
+
+export const VolumeHighBoldIcon = (props: IconSvgProps) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M18.0003 16.7503C17.8403 16.7503 17.6903 16.7003 17.5503 16.6003C17.2203 16.3503 17.1503 15.8803 17.4003 15.5503C18.9703 13.4603 18.9703 10.5403 17.4003 8.45027C17.1503 8.12027 17.2203 7.65027 17.5503 7.40027C17.8803 7.15027 18.3503 7.22027 18.6003 7.55027C20.5603 10.1703 20.5603 13.8303 18.6003 16.4503C18.4503 16.6503 18.2303 16.7503 18.0003 16.7503Z"
+      fill="currentColor"
+    />
+    <path
+      d="M19.8284 19.2503C19.6684 19.2503 19.5184 19.2003 19.3784 19.1003C19.0484 18.8503 18.9784 18.3803 19.2284 18.0503C21.8984 14.4903 21.8984 9.51027 19.2284 5.95027C18.9784 5.62027 19.0484 5.15027 19.3784 4.90027C19.7084 4.65027 20.1784 4.72027 20.4284 5.05027C23.4984 9.14027 23.4984 14.8603 20.4284 18.9503C20.2884 19.1503 20.0584 19.2503 19.8284 19.2503Z"
+      fill="currentColor"
+    />
+    <path
+      d="M14.02 3.78168C12.9 3.16168 11.47 3.32168 10.01 4.23168L7.09 6.06168C6.89 6.18168 6.66 6.25168 6.43 6.25168H5.5H5C2.58 6.25168 1.25 7.58168 1.25 10.0017V14.0017C1.25 16.4217 2.58 17.7517 5 17.7517H5.5H6.43C6.66 17.7517 6.89 17.8217 7.09 17.9417L10.01 19.7717C10.89 20.3217 11.75 20.5917 12.55 20.5917C13.07 20.5917 13.57 20.4717 14.02 20.2217C15.13 19.6017 15.75 18.3117 15.75 16.5917V7.41168C15.75 5.69168 15.13 4.40168 14.02 3.78168Z"
+      fill="currentColor"
+    />
+  </svg>
+);
diff --git a/packages/utilities/shared-icons/src/bold/volume-low.tsx b/packages/utilities/shared-icons/src/bold/volume-low.tsx
new file mode 100644
index 000000000..c148805f3
--- /dev/null
+++ b/packages/utilities/shared-icons/src/bold/volume-low.tsx
@@ -0,0 +1,23 @@
+import {IconSvgProps} from "../types";
+
+export const VolumeLowBoldIcon = (props: IconSvgProps) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M19.3284 16.7503C19.1684 16.7503 19.0184 16.7003 18.8784 16.6003C18.5484 16.3503 18.4784 15.8803 18.7284 15.5503C20.2984 13.4603 20.2984 10.5403 18.7284 8.45027C18.4784 8.12027 18.5484 7.65027 18.8784 7.40027C19.2084 7.15027 19.6784 7.22027 19.9284 7.55027C21.8984 10.1703 21.8984 13.8303 19.9284 16.4503C19.7884 16.6503 19.5584 16.7503 19.3284 16.7503Z"
+      fill="currentColor"
+    />
+    <path
+      d="M15.3481 3.78168C14.2281 3.16168 12.7981 3.32168 11.3381 4.23168L8.41813 6.06168C8.21813 6.18168 7.98813 6.25168 7.75813 6.25168H6.82812H6.32812C3.90812 6.25168 2.57812 7.58168 2.57812 10.0017V14.0017C2.57812 16.4217 3.90812 17.7517 6.32812 17.7517H6.82812H7.75813C7.98813 17.7517 8.21813 17.8217 8.41813 17.9417L11.3381 19.7717C12.2181 20.3217 13.0781 20.5917 13.8781 20.5917C14.3981 20.5917 14.8981 20.4717 15.3481 20.2217C16.4581 19.6017 17.0781 18.3117 17.0781 16.5917V7.41168C17.0781 5.69168 16.4581 4.40168 15.3481 3.78168Z"
+      fill="currentColor"
+    />
+  </svg>
+);
diff --git a/packages/utilities/shared-icons/src/linear/index.ts b/packages/utilities/shared-icons/src/linear/index.ts
index 574c499cf..ddfa51993 100644
--- a/packages/utilities/shared-icons/src/linear/index.ts
+++ b/packages/utilities/shared-icons/src/linear/index.ts
@@ -1,3 +1,4 @@
 export * from "./check";
 export * from "./copy";
 export * from "./chevron-circle-top";
+export * from "./search";
diff --git a/packages/utilities/shared-icons/src/linear/search.tsx b/packages/utilities/shared-icons/src/linear/search.tsx
new file mode 100644
index 000000000..8313ec840
--- /dev/null
+++ b/packages/utilities/shared-icons/src/linear/search.tsx
@@ -0,0 +1,26 @@
+import {IconSvgProps} from "../types";
+
+export const SearchLinearIcon = (props: IconSvgProps) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height="1em"
+    role="presentation"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    viewBox="0 0 24 24"
+    width="1em"
+    {...props}
+  >
+    <path
+      d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path d="M22 22L20 20" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+);
diff --git a/packages/utilities/stories-utils/README.md b/packages/utilities/stories-utils/README.md
new file mode 100644
index 000000000..fc0d6e2a7
--- /dev/null
+++ b/packages/utilities/stories-utils/README.md
@@ -0,0 +1,24 @@
+# @nextui-org/stories-utils
+
+A Quick description of the component
+
+> This is an internal utility, not intended for public usage.
+
+## Installation
+
+```sh
+yarn add @nextui-org/stories-utils
+# or
+npm i @nextui-org/stories-utils
+```
+
+## Contribution
+
+Yes please! See the
+[contributing guidelines](https://github.com/nextui-org/nextui/blob/master/CONTRIBUTING.md)
+for details.
+
+## Licence
+
+This project is licensed under the terms of the
+[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).
diff --git a/packages/utilities/stories-utils/package.json b/packages/utilities/stories-utils/package.json
new file mode 100644
index 000000000..189192078
--- /dev/null
+++ b/packages/utilities/stories-utils/package.json
@@ -0,0 +1,48 @@
+{
+  "name": "@nextui-org/stories-utils",
+  "version": "2.0.0",
+  "description": "A list of utilities for storybook' stories.",
+  "keywords": [
+    "stories-utils"
+  ],
+  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "homepage": "https://nextui.org",
+  "license": "MIT",
+  "main": "src/index.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nextui-org/nextui.git",
+    "directory": "packages/utilities/stories-utils"
+  },
+  "bugs": {
+    "url": "https://github.com/nextui-org/nextui/issues"
+  },
+  "scripts": {
+    "build": "tsup src --dts",
+    "build:fast": "tsup src",
+    "dev": "yarn build:fast -- --watch",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore"
+  },
+  "devDependencies": {
+    "clean-package": "2.2.0"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "tsup": {
+    "clean": true,
+    "target": "es2019",
+    "format": [
+      "cjs",
+      "esm"
+    ]
+  }
+}
diff --git a/packages/utilities/stories-utils/src/hooks/index.ts b/packages/utilities/stories-utils/src/hooks/index.ts
new file mode 100644
index 000000000..576fe4b97
--- /dev/null
+++ b/packages/utilities/stories-utils/src/hooks/index.ts
@@ -0,0 +1 @@
+export * from "./use-pokemon-list";
diff --git a/packages/components/select/stories/utils.ts b/packages/utilities/stories-utils/src/hooks/use-pokemon-list.ts
similarity index 95%
rename from packages/components/select/stories/utils.ts
rename to packages/utilities/stories-utils/src/hooks/use-pokemon-list.ts
index f0753b639..fb65ba443 100644
--- a/packages/components/select/stories/utils.ts
+++ b/packages/utilities/stories-utils/src/hooks/use-pokemon-list.ts
@@ -18,7 +18,7 @@ export function usePokemonList({fetchDelay = 0}: UsePokemonListProps = {}) {
   const [offset, setOffset] = useState(0);
   const limit = 20; // Number of items per page, adjust as necessary
 
-  const loadPokemon = async (currentOffset) => {
+  const loadPokemon = async (currentOffset: number) => {
     const controller = new AbortController();
     const {signal} = controller;
 
@@ -42,7 +42,7 @@ export function usePokemonList({fetchDelay = 0}: UsePokemonListProps = {}) {
       setHasMore(json.next !== null);
       // Append new results to existing ones
       setItems((prevItems) => [...prevItems, ...json.results]);
-    } catch (error) {
+    } catch (error: any) {
       if (error.name === "AbortError") {
         console.log("Fetch aborted");
       } else {
diff --git a/packages/utilities/stories-utils/src/index.ts b/packages/utilities/stories-utils/src/index.ts
new file mode 100644
index 000000000..a331be87c
--- /dev/null
+++ b/packages/utilities/stories-utils/src/index.ts
@@ -0,0 +1,2 @@
+export * from "./hooks";
+export * from "./mocks/data";
diff --git a/packages/utilities/stories-utils/src/mocks/data.ts b/packages/utilities/stories-utils/src/mocks/data.ts
new file mode 100644
index 000000000..41a385680
--- /dev/null
+++ b/packages/utilities/stories-utils/src/mocks/data.ts
@@ -0,0 +1,247 @@
+export type Animal = {
+  label: string;
+  value: string;
+  description?: string;
+};
+
+export type User = {
+  id: number;
+  name: string;
+  role: string;
+  team: string;
+  status: string;
+  age: string;
+  avatar: string;
+  email: string;
+};
+
+export const animalsData: Animal[] = [
+  {label: "Cat", value: "cat", description: "The second most popular pet in the world"},
+  {label: "Dog", value: "dog", description: "The most popular pet in the world"},
+  {label: "Elephant", value: "elephant", description: "The largest land animal"},
+  {label: "Lion", value: "lion", description: "The king of the jungle"},
+  {label: "Tiger", value: "tiger", description: "The largest cat species"},
+  {label: "Giraffe", value: "giraffe", description: "The tallest land animal"},
+  {
+    label: "Dolphin",
+    value: "dolphin",
+    description: "A widely distributed and diverse group of aquatic mammals",
+  },
+  {label: "Penguin", value: "penguin", description: "A group of aquatic flightless birds"},
+  {label: "Zebra", value: "zebra", description: "A several species of African equids"},
+  {
+    label: "Shark",
+    value: "shark",
+    description: "A group of elasmobranch fish characterized by a cartilaginous skeleton",
+  },
+  {
+    label: "Whale",
+    value: "whale",
+    description: "Diverse group of fully aquatic placental marine mammals",
+  },
+  {label: "Otter", value: "otter", description: "A carnivorous mammal in the subfamily Lutrinae"},
+  {label: "Crocodile", value: "crocodile", description: "A large semiaquatic reptile"},
+];
+
+export const usersData: User[] = [
+  {
+    id: 1,
+    name: "Tony Reichert",
+    role: "CEO",
+    team: "Management",
+    status: "active",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/1.png",
+    email: "tony.reichert@example.com",
+  },
+  {
+    id: 2,
+    name: "Zoey Lang",
+    role: "Tech Lead",
+    team: "Development",
+    status: "paused",
+    age: "25",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/1.png",
+    email: "zoey.lang@example.com",
+  },
+  {
+    id: 3,
+    name: "Jane Fisher",
+    role: "Sr. Dev",
+    team: "Development",
+    status: "active",
+    age: "22",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/2.png",
+    email: "jane.fisher@example.com",
+  },
+  {
+    id: 4,
+    name: "William Howard",
+    role: "C.M.",
+    team: "Marketing",
+    status: "vacation",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/2.png",
+    email: "william.howard@example.com",
+  },
+  {
+    id: 5,
+    name: "Kristen Copper",
+    role: "S. Manager",
+    team: "Sales",
+    status: "active",
+    age: "24",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/3.png",
+    email: "kristen.cooper@example.com",
+  },
+  {
+    id: 6,
+    name: "Brian Kim",
+    role: "P. Manager",
+    team: "Management",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/3.png",
+    email: "brian.kim@example.com",
+    status: "Active",
+  },
+  {
+    id: 7,
+    name: "Michael Hunt",
+    role: "Designer",
+    team: "Design",
+    status: "paused",
+    age: "27",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/4.png",
+    email: "michael.hunt@example.com",
+  },
+  {
+    id: 8,
+    name: "Samantha Brooks",
+    role: "HR Manager",
+    team: "HR",
+    status: "active",
+    age: "31",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/4.png",
+    email: "samantha.brooks@example.com",
+  },
+  {
+    id: 9,
+    name: "Frank Harrison",
+    role: "F. Manager",
+    team: "Finance",
+    status: "vacation",
+    age: "33",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/5.png",
+    email: "frank.harrison@example.com",
+  },
+  {
+    id: 10,
+    name: "Emma Adams",
+    role: "Ops Manager",
+    team: "Operations",
+    status: "active",
+    age: "35",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/5.png",
+    email: "emma.adams@example.com",
+  },
+  {
+    id: 11,
+    name: "Brandon Stevens",
+    role: "Jr. Dev",
+    team: "Development",
+    status: "active",
+    age: "22",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/7.png",
+    email: "brandon.stevens@example.com",
+  },
+  {
+    id: 12,
+    name: "Megan Richards",
+    role: "P. Manager",
+    team: "Product",
+    status: "paused",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/7.png",
+    email: "megan.richards@example.com",
+  },
+  {
+    id: 13,
+    name: "Oliver Scott",
+    role: "S. Manager",
+    team: "Security",
+    status: "active",
+    age: "37",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/8.png",
+    email: "oliver.scott@example.com",
+  },
+  {
+    id: 14,
+    name: "Grace Allen",
+    role: "M. Specialist",
+    team: "Marketing",
+    status: "active",
+    age: "30",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/8.png",
+    email: "grace.allen@example.com",
+  },
+  {
+    id: 15,
+    name: "Noah Carter",
+    role: "IT Specialist",
+    team: "I. Technology",
+    status: "paused",
+    age: "31",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/9.png",
+    email: "noah.carter@example.com",
+  },
+  {
+    id: 16,
+    name: "Ava Perez",
+    role: "Manager",
+    team: "Sales",
+    status: "active",
+    age: "29",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/9.png",
+    email: "ava.perez@example.com",
+  },
+  {
+    id: 17,
+    name: "Liam Johnson",
+    role: "Data Analyst",
+    team: "Analysis",
+    status: "active",
+    age: "28",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/11.png",
+    email: "liam.johnson@example.com",
+  },
+  {
+    id: 18,
+    name: "Sophia Taylor",
+    role: "QA Analyst",
+    team: "Testing",
+    status: "active",
+    age: "27",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/11.png",
+    email: "sophia.taylor@example.com",
+  },
+  {
+    id: 19,
+    name: "Lucas Harris",
+    role: "Administrator",
+    team: "Information Technology",
+    status: "paused",
+    age: "32",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/12.png",
+    email: "lucas.harris@example.com",
+  },
+  {
+    id: 20,
+    name: "Mia Robinson",
+    role: "Coordinator",
+    team: "Operations",
+    status: "active",
+    age: "26",
+    avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/12.png",
+    email: "mia.robinson@example.com",
+  },
+];
diff --git a/packages/utilities/stories-utils/tsconfig.json b/packages/utilities/stories-utils/tsconfig.json
new file mode 100644
index 000000000..46e3b466c
--- /dev/null
+++ b/packages/utilities/stories-utils/tsconfig.json
@@ -0,0 +1,4 @@
+{
+  "extends": "../../../tsconfig.json",
+  "include": ["src", "index.ts"]
+}
diff --git a/packages/utilities/test-utils/src/drag.ts b/packages/utilities/test-utils/src/drag.ts
new file mode 100644
index 000000000..106b909bc
--- /dev/null
+++ b/packages/utilities/test-utils/src/drag.ts
@@ -0,0 +1,104 @@
+// ####################################################
+// ##                COPIED FROM HERE                ##
+// ##                WITH TYPES ADDED                ##
+// ## https://testing-library.com/docs/example-drag/ ##
+// ####################################################
+
+import {fireEvent} from "@testing-library/dom";
+
+// https://stackoverflow.com/a/53946549/1179377
+function isElement(obj: HTMLElement | Record<string, unknown>): obj is HTMLElement {
+  if (typeof obj !== "object") {
+    return false;
+  }
+  let prototypeStr, prototype;
+
+  do {
+    prototype = Object.getPrototypeOf(obj);
+    // to work in iframe
+    prototypeStr = Object.prototype.toString.call(prototype);
+    // '[object Document]' is used to detect document
+    if (prototypeStr === "[object Element]" || prototypeStr === "[object Document]") {
+      return true;
+    }
+    obj = prototype;
+    // null is the terminal of object
+  } while (prototype !== null);
+
+  return false;
+}
+
+function getElementClientCenter(element: HTMLElement) {
+  const {left, top, width, height} = element.getBoundingClientRect();
+
+  return {
+    x: left + width / 2,
+    y: top + height / 2,
+  };
+}
+
+const getCoords = (
+  charlie:
+    | HTMLElement
+    | {
+        x: number;
+        y: number;
+      },
+) => (isElement(charlie) ? getElementClientCenter(charlie) : charlie);
+
+const sleep = (ms: number) =>
+  new Promise((resolve) => {
+    setTimeout(resolve, ms);
+  });
+
+export async function drag(
+  element: HTMLElement,
+  {
+    to: inTo,
+    delta,
+    steps = 20,
+    duration = 500,
+  }: {
+    to?: HTMLElement | {x: number; y: number};
+    delta?: {
+      x: number;
+      y: number;
+    };
+    steps?: number;
+    duration?: number;
+  },
+) {
+  const from = getElementClientCenter(element);
+  const to = delta
+    ? {
+        x: from.x + delta.x,
+        y: from.y + delta.y,
+      }
+    : inTo
+    ? getCoords(inTo)
+    : null;
+
+  if (to === null) throw new Error("You must provide either `delta` or `to`");
+
+  const step = {
+    x: (to.x - from.x) / steps,
+    y: (to.y - from.y) / steps,
+  };
+
+  const current = {
+    clientX: from.x,
+    clientY: from.y,
+  };
+
+  fireEvent.mouseEnter(element, current);
+  fireEvent.mouseOver(element, current);
+  fireEvent.mouseMove(element, current);
+  fireEvent.mouseDown(element, current);
+  for (let i = 0; i < steps; i++) {
+    current.clientX += step.x;
+    current.clientY += step.y;
+    await sleep(duration / steps);
+    fireEvent.mouseMove(element, current);
+  }
+  fireEvent.mouseUp(element, current);
+}
diff --git a/packages/utilities/test-utils/src/index.ts b/packages/utilities/test-utils/src/index.ts
index 3780e56db..5812f01c6 100644
--- a/packages/utilities/test-utils/src/index.ts
+++ b/packages/utilities/test-utils/src/index.ts
@@ -2,3 +2,4 @@ export * from "./mocks";
 export * from "./focus";
 export * from "./tabbable";
 export * from "./dom";
+export * from "./drag";
diff --git a/plop/component/package.json.hbs b/plop/component/package.json.hbs
index b43c14e48..c7ea219f9 100644
--- a/plop/component/package.json.hbs
+++ b/plop/component/package.json.hbs
@@ -34,17 +34,21 @@
     "postpack": "clean-package restore"
   },
   "peerDependencies": {
-    "react": ">=18"
+    "react": ">=18",
+    "react-dom": ">=18",
+    "@nextui-org/theme": ">=2.0.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
-    "@nextui-org/system": "workspace:*",
-    "@nextui-org/theme": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*"
   },
   "devDependencies": {
+    "@nextui-org/theme": "workspace:*",
+    "@nextui-org/system": "workspace:*",
     "clean-package": "2.2.0",
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "clean-package": "../../../clean-package.config.json"
 }
diff --git a/plop/component/stories/{{componentName}}.stories.tsx.hbs b/plop/component/stories/{{componentName}}.stories.tsx.hbs
index a372d1288..9ccc87e24 100644
--- a/plop/component/stories/{{componentName}}.stories.tsx.hbs
+++ b/plop/component/stories/{{componentName}}.stories.tsx.hbs
@@ -10,7 +10,7 @@ export default {
   argTypes: {
     color: {
       control: { type: "select" },
-      options: ["neutral", "primary", "secondary", "success", "warning", "danger"],
+      options: ["default", "primary", "secondary", "success", "warning", "danger"],
     },
     radius: {
       control: { type: "select" },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2327e0289..a5bb7b6dc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,25 +14,25 @@ importers:
     devDependencies:
       '@babel/cli':
         specifier: ^7.14.5
-        version: 7.22.15(@babel/core@7.22.17)
+        version: 7.23.0(@babel/core@7.23.2)
       '@babel/core':
         specifier: ^7.16.7
-        version: 7.22.17
+        version: 7.23.2
       '@babel/plugin-proposal-object-rest-spread':
         specifier: ^7.15.6
-        version: 7.20.7(@babel/core@7.22.17)
+        version: 7.20.7(@babel/core@7.23.2)
       '@babel/plugin-transform-runtime':
         specifier: ^7.14.5
-        version: 7.22.15(@babel/core@7.22.17)
+        version: 7.23.2(@babel/core@7.23.2)
       '@babel/preset-env':
         specifier: ^7.14.5
-        version: 7.22.15(@babel/core@7.22.17)
+        version: 7.23.2(@babel/core@7.23.2)
       '@babel/preset-react':
         specifier: ^7.14.5
-        version: 7.22.15(@babel/core@7.22.17)
+        version: 7.22.15(@babel/core@7.23.2)
       '@babel/preset-typescript':
         specifier: ^7.14.5
-        version: 7.22.15(@babel/core@7.22.17)
+        version: 7.23.2(@babel/core@7.23.2)
       '@changesets/changelog-github':
         specifier: 0.4.6
         version: 0.4.6
@@ -47,31 +47,31 @@ importers:
         version: 5.1.0
       '@commitlint/cli':
         specifier: ^17.2.0
-        version: 17.7.1(@swc/core@1.3.83)
+        version: 17.8.1(@swc/core@1.3.95)
       '@commitlint/config-conventional':
         specifier: ^17.2.0
-        version: 17.7.0
+        version: 17.8.1
       '@react-bootstrap/babel-preset':
         specifier: ^2.1.0
         version: 2.2.0
       '@react-types/link':
         specifier: ^3.4.4
-        version: 3.4.5(react@18.2.0)
+        version: 3.5.1(react@18.2.0)
       '@react-types/shared':
         specifier: ^3.19.0
-        version: 3.20.0(react@18.2.0)
+        version: 3.21.0(react@18.2.0)
       '@storybook/react':
         specifier: ^7.4.6
-        version: 7.4.6(react-dom@18.2.0)(react@18.2.0)(typescript@4.9.5)
+        version: 7.5.2(react-dom@18.2.0)(react@18.2.0)(typescript@4.9.5)
       '@swc-node/jest':
         specifier: ^1.5.2
-        version: 1.6.7(@swc/core@1.3.83)(typescript@4.9.5)
+        version: 1.6.8(@swc/core@1.3.95)(typescript@4.9.5)
       '@swc/core':
         specifier: ^1.3.35
-        version: 1.3.83
+        version: 1.3.95
       '@swc/jest':
         specifier: ^0.2.24
-        version: 0.2.29(@swc/core@1.3.83)
+        version: 0.2.29(@swc/core@1.3.95)
       '@testing-library/dom':
         specifier: ^8.1.0
         version: 8.20.1
@@ -86,7 +86,7 @@ importers:
         version: 8.0.1(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@testing-library/user-event':
         specifier: ^14.4.3
-        version: 14.4.3(@testing-library/dom@8.20.1)
+        version: 14.5.1(@testing-library/dom@8.20.1)
       '@types/jest':
         specifier: ^28.1.1
         version: 28.1.8
@@ -101,7 +101,7 @@ importers:
         version: 18.2.4
       '@types/shelljs':
         specifier: ^0.8.9
-        version: 0.8.12
+        version: 0.8.14
       '@types/testing-library__jest-dom':
         specifier: 5.14.5
         version: 5.14.5
@@ -116,7 +116,7 @@ importers:
         version: 4.1.2
       commitlint-plugin-function-rules:
         specifier: ^1.7.1
-        version: 1.7.1(@commitlint/lint@17.7.0)
+        version: 1.7.1(@commitlint/lint@17.8.1)
       concurrently:
         specifier: ^7.6.0
         version: 7.6.0
@@ -125,28 +125,28 @@ importers:
         version: 7.32.0
       eslint-config-airbnb:
         specifier: ^18.2.1
-        version: 18.2.1(eslint-plugin-import@2.28.1)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0)
+        version: 18.2.1(eslint-plugin-import@2.29.0)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0)
       eslint-config-airbnb-typescript:
         specifier: ^12.3.1
-        version: 12.3.1(eslint-plugin-import@2.28.1)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0)(typescript@4.9.5)
+        version: 12.3.1(eslint-plugin-import@2.29.0)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0)(typescript@4.9.5)
       eslint-config-prettier:
         specifier: ^8.2.0
         version: 8.10.0(eslint@7.32.0)
       eslint-config-react-app:
         specifier: ^6.0.0
-        version: 6.0.0(@typescript-eslint/eslint-plugin@5.62.0)(@typescript-eslint/parser@5.62.0)(babel-eslint@10.1.0)(eslint-plugin-flowtype@5.10.0)(eslint-plugin-import@2.28.1)(eslint-plugin-jest@24.7.0)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0)(typescript@4.9.5)
+        version: 6.0.0(@typescript-eslint/eslint-plugin@5.62.0)(@typescript-eslint/parser@5.62.0)(babel-eslint@10.1.0)(eslint-plugin-flowtype@5.10.0)(eslint-plugin-import@2.29.0)(eslint-plugin-jest@24.7.0)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0)(typescript@4.9.5)
       eslint-config-ts-lambdas:
         specifier: ^1.2.3
         version: 1.2.3(@typescript-eslint/eslint-plugin@5.62.0)(@typescript-eslint/parser@5.62.0)(eslint@7.32.0)(typescript@4.9.5)
       eslint-import-resolver-typescript:
         specifier: ^2.4.0
-        version: 2.7.1(eslint-plugin-import@2.28.1)(eslint@7.32.0)
+        version: 2.7.1(eslint-plugin-import@2.29.0)(eslint@7.32.0)
       eslint-loader:
         specifier: ^4.0.2
-        version: 4.0.2(eslint@7.32.0)(webpack@5.88.2)
+        version: 4.0.2(eslint@7.32.0)(webpack@5.89.0)
       eslint-plugin-import:
         specifier: ^2.26.0
-        version: 2.28.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
+        version: 2.29.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       eslint-plugin-jest:
         specifier: ^24.3.6
         version: 24.7.0(@typescript-eslint/eslint-plugin@5.62.0)(eslint@7.32.0)(typescript@4.9.5)
@@ -194,7 +194,7 @@ importers:
         version: 8.0.3
       intl-messageformat:
         specifier: ^10.1.0
-        version: 10.5.1
+        version: 10.5.4
       jest:
         specifier: ^28.1.1
         version: 28.1.3(@types/node@15.14.9)(ts-node@10.9.1)
@@ -209,7 +209,7 @@ importers:
         version: 13.3.0
       npm-check-updates:
         specifier: ^16.10.18
-        version: 16.13.3
+        version: 16.14.6
       npm-run-all:
         specifier: ^4.1.5
         version: 4.1.5
@@ -218,7 +218,7 @@ importers:
         version: 1.1.8
       parcel:
         specifier: ^2.3.1
-        version: 2.9.3(typescript@4.9.5)
+        version: 2.10.1(typescript@4.9.5)
       plop:
         specifier: 3.1.1
         version: 3.1.1
@@ -245,10 +245,10 @@ importers:
         version: 0.8.5
       tsup:
         specifier: 6.4.0
-        version: 6.4.0(@swc/core@1.3.83)(ts-node@10.9.1)(typescript@4.9.5)
+        version: 6.4.0(@swc/core@1.3.95)(ts-node@10.9.1)(typescript@4.9.5)
       tsx:
         specifier: ^3.8.2
-        version: 3.12.8
+        version: 3.14.0
       turbo:
         specifier: 1.6.3
         version: 1.6.3
@@ -257,22 +257,22 @@ importers:
         version: 4.9.5
       webpack:
         specifier: ^5.53.0
-        version: 5.88.2(@swc/core@1.3.83)(esbuild@0.15.18)(webpack-cli@3.3.12)
+        version: 5.89.0(@swc/core@1.3.95)(esbuild@0.15.18)(webpack-cli@3.3.12)
       webpack-bundle-analyzer:
         specifier: ^4.4.2
         version: 4.9.1
       webpack-cli:
         specifier: ^3.3.11
-        version: 3.3.12(webpack@5.88.2)
+        version: 3.3.12(webpack@5.89.0)
       webpack-merge:
         specifier: ^5.8.0
-        version: 5.9.0
+        version: 5.10.0
 
   apps/docs:
     dependencies:
       '@codesandbox/sandpack-react':
         specifier: ^2.6.4
-        version: 2.6.9(@lezer/common@1.0.4)(react-dom@18.2.0)(react@18.2.0)
+        version: 2.9.0(@lezer/common@1.1.0)(react-dom@18.2.0)(react@18.2.0)
       '@mapbox/rehype-prism':
         specifier: ^0.6.0
         version: 0.6.0
@@ -291,6 +291,9 @@ importers:
       '@nextui-org/kbd':
         specifier: workspace:*
         version: link:../../packages/components/kbd
+      '@nextui-org/listbox':
+        specifier: workspace:*
+        version: link:../../packages/components/listbox
       '@nextui-org/react':
         specifier: workspace:*
         version: link:../../packages/core/react
@@ -325,44 +328,47 @@ importers:
         specifier: ^1.0.5
         version: 1.0.5(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/focus':
-        specifier: ^3.14.0
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/i18n':
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.17.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/selection':
-        specifier: ^3.16.1
-        version: 3.16.2(react@18.2.0)
+        specifier: ^3.17.1
+        version: 3.17.1(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/ssr':
-        specifier: ^3.7.1
+        specifier: ^3.8.0
         version: 3.8.0(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.19.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-aria/virtualizer':
-        specifier: ^3.9.1
-        version: 3.9.2(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^3.9.4
+        version: 3.9.4(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/visually-hidden':
-        specifier: ^3.8.3
-        version: 3.8.4(react@18.2.0)
+        specifier: ^3.8.6
+        version: 3.8.6(react@18.2.0)
       '@react-stately/data':
-        specifier: ^3.10.1
-        version: 3.10.2(react@18.2.0)
+        specifier: ^3.10.3
+        version: 3.10.3(react@18.2.0)
       '@react-stately/layout':
-        specifier: ^3.13.0
-        version: 3.13.1(react@18.2.0)
+        specifier: ^3.13.3
+        version: 3.13.3(react@18.2.0)
       '@react-stately/tree':
-        specifier: ^3.7.1
-        version: 3.7.2(react@18.2.0)
+        specifier: ^3.7.3
+        version: 3.7.3(react@18.2.0)
       '@rehooks/local-storage':
-        specifier: ^2.4.4
+        specifier: ^2.4.5
         version: 2.4.5(react@18.2.0)
       '@vercel/analytics':
-        specifier: ^1.0.1
-        version: 1.0.2
+        specifier: ^1.1.1
+        version: 1.1.1
       canvas-confetti:
-        specifier: ^1.4.0
-        version: 1.6.0
+        specifier: ^1.9.0
+        version: 1.9.0
       cmdk:
         specifier: ^0.2.0
         version: 0.2.0(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
@@ -371,12 +377,12 @@ importers:
         version: 2.0.2
       contentlayer:
         specifier: ^0.3.4
-        version: 0.3.4(esbuild@0.19.2)
+        version: 0.3.4(esbuild@0.19.5)
       date-fns:
         specifier: ^2.30.0
         version: 2.30.0
       framer-motion:
-        specifier: ^10.15.1
+        specifier: ^10.16.4
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
       github-slugger:
         specifier: ^2.0.0
@@ -404,10 +410,10 @@ importers:
         version: 3.0.0
       next:
         specifier: 13.5.1
-        version: 13.5.1(@babel/core@7.22.17)(@opentelemetry/api@1.4.1)(react-dom@18.2.0)(react@18.2.0)
+        version: 13.5.1(@babel/core@7.23.2)(@opentelemetry/api@1.6.0)(react-dom@18.2.0)(react@18.2.0)
       next-contentlayer:
         specifier: ^0.3.4
-        version: 0.3.4(contentlayer@0.3.4)(esbuild@0.19.2)(next@13.5.1)(react-dom@18.2.0)(react@18.2.0)
+        version: 0.3.4(contentlayer@0.3.4)(esbuild@0.19.5)(next@13.5.1)(react-dom@18.2.0)(react@18.2.0)
       next-themes:
         specifier: ^0.2.1
         version: 0.2.1(next@13.5.1)(react-dom@18.2.0)(react@18.2.0)
@@ -452,7 +458,7 @@ importers:
         version: 7.0.1
       rehype-pretty-code:
         specifier: ^0.10.0
-        version: 0.10.1(shiki@0.14.4)
+        version: 0.10.2(shiki@0.14.5)
       rehype-slug:
         specifier: ^5.1.0
         version: 5.1.0
@@ -476,16 +482,16 @@ importers:
         version: 3.0.10
       sharp:
         specifier: ^0.32.1
-        version: 0.32.5
+        version: 0.32.6
       shelljs:
         specifier: ^0.8.4
         version: 0.8.5
       swr:
         specifier: ^2.2.1
-        version: 2.2.2(react@18.2.0)
+        version: 2.2.4(react@18.2.0)
       tailwind-variants:
-        specifier: ^0.1.14
-        version: 0.1.14(tailwindcss@3.3.3)
+        specifier: ^0.1.18
+        version: 0.1.18(tailwindcss@3.3.5)
       unified:
         specifier: ^9.2.2
         version: 9.2.2
@@ -494,41 +500,41 @@ importers:
         version: 4.1.2
       zustand:
         specifier: ^4.3.8
-        version: 4.4.1(@types/react@18.2.8)(react@18.2.0)
+        version: 4.4.5(@types/react@18.2.8)(react@18.2.0)
     devDependencies:
       '@docusaurus/utils':
         specifier: 2.0.0-beta.3
-        version: 2.0.0-beta.3(@swc/core@1.3.83)(esbuild@0.19.2)(webpack-cli@3.3.12)
+        version: 2.0.0-beta.3(@swc/core@1.3.95)(esbuild@0.19.5)(webpack-cli@3.3.12)
       '@next/bundle-analyzer':
         specifier: ^13.4.6
-        version: 13.4.19
+        version: 13.5.6
       '@next/env':
         specifier: ^13.4.12
-        version: 13.4.19
+        version: 13.5.6
       '@react-types/shared':
         specifier: ^3.19.0
-        version: 3.20.0(react@18.2.0)
+        version: 3.21.0(react@18.2.0)
       '@tailwindcss/typography':
         specifier: ^0.5.9
-        version: 0.5.10(tailwindcss@3.3.3)
+        version: 0.5.10(tailwindcss@3.3.5)
       '@types/canvas-confetti':
         specifier: ^1.4.2
-        version: 1.6.1
+        version: 1.6.2
       '@types/lodash':
         specifier: ^4.14.194
-        version: 4.14.198
+        version: 4.14.200
       '@types/marked':
         specifier: ^5.0.0
-        version: 5.0.1
+        version: 5.0.2
       '@types/mdx':
         specifier: ^2.0.5
-        version: 2.0.7
+        version: 2.0.9
       '@types/node':
         specifier: 20.2.5
         version: 20.2.5
       '@types/nprogress':
         specifier: ^0.2.0
-        version: 0.2.0
+        version: 0.2.2
       '@types/parse-numeric-range':
         specifier: ^0.0.1
         version: 0.0.1
@@ -540,28 +546,28 @@ importers:
         version: 18.2.4
       '@types/refractor':
         specifier: ^3.0.2
-        version: 3.0.2
+        version: 3.0.5
       '@types/rss':
         specifier: ^0.0.30
         version: 0.0.30
       '@types/shelljs':
         specifier: ^0.8.9
-        version: 0.8.12
+        version: 0.8.14
       '@types/uuid':
         specifier: ^8.3.1
         version: 8.3.4
       algoliasearch:
         specifier: ^4.10.3
-        version: 4.19.1
+        version: 4.20.0
       autoprefixer:
         specifier: ^10.4.14
-        version: 10.4.15(postcss@8.4.29)
+        version: 10.4.16(postcss@8.4.31)
       dotenv:
         specifier: ^16.0.1
         version: 16.3.1
       eslint-config-next:
         specifier: ^13.5.1
-        version: 13.5.1(eslint@7.32.0)(typescript@4.9.5)
+        version: 13.5.6(eslint@7.32.0)(typescript@4.9.5)
       markdown-toc:
         specifier: ^1.2.0
         version: 1.2.0
@@ -573,16 +579,16 @@ importers:
         version: 3.3.2
       postcss:
         specifier: ^8.4.21
-        version: 8.4.29
+        version: 8.4.31
       prettier:
         specifier: ^2.7.1
         version: 2.8.8
       tailwindcss:
         specifier: ^3.2.7
-        version: 3.3.3(ts-node@10.9.1)
+        version: 3.3.5(ts-node@10.9.1)
       tsx:
         specifier: ^3.8.2
-        version: 3.12.8
+        version: 3.14.0
       typescript:
         specifier: ^4.9.5
         version: 4.9.5
@@ -610,39 +616,33 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
-      '@nextui-org/system':
-        specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
       '@nextui-org/use-aria-accordion':
         specifier: workspace:*
         version: link:../../hooks/use-aria-accordion
+      '@nextui-org/use-aria-press':
+        specifier: workspace:*
+        version: link:../../hooks/use-aria-press
       '@react-aria/button':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-stately/tree':
-        specifier: ^3.7.2
-        version: 3.7.2(react@18.2.0)
+        specifier: ^3.7.3
+        version: 3.7.3(react@18.2.0)
       '@react-types/accordion':
-        specifier: 3.0.0-alpha.16
-        version: 3.0.0-alpha.16(react@18.2.0)
+        specifier: 3.0.0-alpha.17
+        version: 3.0.0-alpha.17(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
     devDependencies:
       '@nextui-org/avatar':
         specifier: workspace:*
@@ -653,18 +653,124 @@ importers:
       '@nextui-org/input':
         specifier: workspace:*
         version: link:../input
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
       '@nextui-org/test-utils':
         specifier: workspace:*
         version: link:../../utilities/test-utils
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       framer-motion:
-        specifier: ^10.15.1
+        specifier: ^10.16.4
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
+
+  packages/components/autocomplete:
+    dependencies:
+      '@nextui-org/aria-utils':
+        specifier: workspace:*
+        version: link:../../utilities/aria-utils
+      '@nextui-org/button':
+        specifier: workspace:*
+        version: link:../button
+      '@nextui-org/input':
+        specifier: workspace:*
+        version: link:../input
+      '@nextui-org/listbox':
+        specifier: workspace:*
+        version: link:../listbox
+      '@nextui-org/popover':
+        specifier: workspace:*
+        version: link:../popover
+      '@nextui-org/react-utils':
+        specifier: workspace:*
+        version: link:../../utilities/react-utils
+      '@nextui-org/scroll-shadow':
+        specifier: workspace:*
+        version: link:../scroll-shadow
+      '@nextui-org/shared-icons':
+        specifier: workspace:*
+        version: link:../../utilities/shared-icons
+      '@nextui-org/shared-utils':
+        specifier: workspace:*
+        version: link:../../utilities/shared-utils
+      '@nextui-org/spinner':
+        specifier: workspace:*
+        version: link:../spinner
+      '@nextui-org/use-aria-button':
+        specifier: workspace:*
+        version: link:../../hooks/use-aria-button
+      '@react-aria/combobox':
+        specifier: ^3.7.1
+        version: 3.7.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/i18n':
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
+      '@react-aria/interactions':
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-aria/visually-hidden':
+        specifier: ^3.8.6
+        version: 3.8.6(react@18.2.0)
+      '@react-stately/combobox':
+        specifier: ^3.7.1
+        version: 3.7.1(react@18.2.0)
+      '@react-types/combobox':
+        specifier: ^3.8.1
+        version: 3.8.1(react@18.2.0)
+      '@react-types/shared':
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
+    devDependencies:
+      '@nextui-org/avatar':
+        specifier: workspace:*
+        version: link:../avatar
+      '@nextui-org/chip':
+        specifier: workspace:*
+        version: link:../chip
+      '@nextui-org/stories-utils':
+        specifier: workspace:*
+        version: link:../../utilities/stories-utils
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
+      '@nextui-org/use-infinite-scroll':
+        specifier: workspace:*
+        version: link:../../hooks/use-infinite-scroll
+      '@react-stately/data':
+        specifier: ^3.10.3
+        version: 3.10.3(react@18.2.0)
+      clean-package:
+        specifier: 2.2.0
+        version: 2.2.0
+      framer-motion:
+        specifier: ^10.16.4
+        version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/avatar:
     dependencies:
@@ -674,40 +780,40 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
-      '@nextui-org/system':
-        specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
       '@nextui-org/use-image':
         specifier: workspace:*
         version: link:../../hooks/use-image
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
     devDependencies:
       '@nextui-org/shared-icons':
         specifier: workspace:*
         version: link:../../utilities/shared-icons
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
       '@nextui-org/test-utils':
         specifier: workspace:*
         version: link:../../utilities/test-utils
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/badge:
     dependencies:
@@ -720,12 +826,6 @@ importers:
       '@nextui-org/system-rsc':
         specifier: workspace:*
         version: link:../../core/system-rsc
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
     devDependencies:
       '@nextui-org/avatar':
         specifier: workspace:*
@@ -736,12 +836,70 @@ importers:
       '@nextui-org/switch':
         specifier: workspace:*
         version: link:../switch
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
+
+  packages/components/breadcrumbs:
+    dependencies:
+      '@nextui-org/react-utils':
+        specifier: workspace:*
+        version: link:../../utilities/react-utils
+      '@nextui-org/shared-icons':
+        specifier: workspace:*
+        version: link:../../utilities/shared-icons
+      '@nextui-org/shared-utils':
+        specifier: workspace:*
+        version: link:../../utilities/shared-utils
+      '@react-aria/breadcrumbs':
+        specifier: ^3.5.7
+        version: 3.5.7(react@18.2.0)
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-types/breadcrumbs':
+        specifier: ^3.7.1
+        version: 3.7.1(react@18.2.0)
+      '@react-types/shared':
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
+    devDependencies:
+      '@nextui-org/button':
+        specifier: workspace:*
+        version: link:../button
+      '@nextui-org/dropdown':
+        specifier: workspace:*
+        version: link:../dropdown
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
+      '@nextui-org/tooltip':
+        specifier: workspace:*
+        version: link:../tooltip
+      clean-package:
+        specifier: 2.2.0
+        version: 2.2.0
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/button:
     dependencies:
@@ -757,49 +915,49 @@ importers:
       '@nextui-org/spinner':
         specifier: workspace:*
         version: link:../spinner
+      '@nextui-org/use-aria-button':
+        specifier: workspace:*
+        version: link:../../hooks/use-aria-button
+      '@react-aria/button':
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/interactions':
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-types/button':
+        specifier: ^3.9.0
+        version: 3.9.0(react@18.2.0)
+      '@react-types/shared':
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
+      framer-motion:
+        specifier: '>=4.0.0'
+        version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
+    devDependencies:
+      '@nextui-org/shared-icons':
+        specifier: workspace:*
+        version: link:../../utilities/shared-icons
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@nextui-org/use-aria-button':
-        specifier: workspace:*
-        version: link:../../hooks/use-aria-button
-      '@react-aria/button':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
-      '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
-      '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
-      '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      '@react-types/button':
-        specifier: ^3.8.0
-        version: 3.8.0(react@18.2.0)
-      '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      framer-motion:
-        specifier: '>=4.0.0'
-        version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
-      '@nextui-org/shared-icons':
-        specifier: workspace:*
-        version: link:../../utilities/shared-icons
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/card:
     dependencies:
@@ -812,36 +970,27 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
-      '@nextui-org/system':
-        specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
       '@nextui-org/use-aria-button':
         specifier: workspace:*
         version: link:../../hooks/use-aria-button
       '@react-aria/button':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
       framer-motion:
         specifier: '>=4.0.0'
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
     devDependencies:
       '@nextui-org/avatar':
         specifier: workspace:*
@@ -858,12 +1007,21 @@ importers:
       '@nextui-org/link':
         specifier: workspace:*
         version: link:../link
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/checkbox:
     dependencies:
@@ -873,42 +1031,36 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
-      '@nextui-org/system':
+      '@nextui-org/use-aria-press':
         specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
+        version: link:../../hooks/use-aria-press
       '@react-aria/checkbox':
-        specifier: ^3.11.0
-        version: 3.11.0(react@18.2.0)
+        specifier: ^3.11.2
+        version: 3.11.2(react@18.2.0)
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-aria/visually-hidden':
-        specifier: ^3.8.4
-        version: 3.8.4(react@18.2.0)
+        specifier: ^3.8.6
+        version: 3.8.6(react@18.2.0)
       '@react-stately/checkbox':
-        specifier: ^3.5.0
-        version: 3.5.0(react@18.2.0)
-      '@react-stately/toggle':
-        specifier: ^3.6.2
-        version: 3.6.2(react@18.2.0)
-      '@react-types/checkbox':
         specifier: ^3.5.1
         version: 3.5.1(react@18.2.0)
+      '@react-stately/toggle':
+        specifier: ^3.6.3
+        version: 3.6.3(react@18.2.0)
+      '@react-types/checkbox':
+        specifier: ^3.5.2
+        version: 3.5.2(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
     devDependencies:
       '@nextui-org/chip':
         specifier: workspace:*
@@ -919,6 +1071,12 @@ importers:
       '@nextui-org/shared-icons':
         specifier: workspace:*
         version: link:../../utilities/shared-icons
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       '@nextui-org/user':
         specifier: workspace:*
         version: link:../user
@@ -928,6 +1086,9 @@ importers:
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/chip:
     dependencies:
@@ -940,37 +1101,40 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+      '@nextui-org/use-aria-press':
+        specifier: workspace:*
+        version: link:../../hooks/use-aria-press
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/interactions':
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-types/checkbox':
+        specifier: ^3.5.2
+        version: 3.5.2(react@18.2.0)
+    devDependencies:
+      '@nextui-org/avatar':
+        specifier: workspace:*
+        version: link:../avatar
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
-      '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
-      '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      '@react-types/checkbox':
-        specifier: ^3.5.1
-        version: 3.5.1(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
-      '@nextui-org/avatar':
-        specifier: workspace:*
-        version: link:../avatar
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/code:
     dependencies:
@@ -983,19 +1147,19 @@ importers:
       '@nextui-org/system-rsc':
         specifier: workspace:*
         version: link:../../core/system-rsc
+    devDependencies:
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/divider:
     dependencies:
@@ -1008,22 +1172,22 @@ importers:
       '@nextui-org/system-rsc':
         specifier: workspace:*
         version: link:../../core/system-rsc
+      '@react-types/shared':
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
+    devDependencies:
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/dropdown:
     dependencies:
@@ -1039,30 +1203,21 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
-      '@nextui-org/system':
-        specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/menu':
-        specifier: ^3.10.2
-        version: 3.10.2(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^3.11.1
+        version: 3.11.1(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-stately/menu':
-        specifier: ^3.5.5
-        version: 3.5.5(react@18.2.0)
+        specifier: ^3.5.6
+        version: 3.5.6(react@18.2.0)
       '@react-types/menu':
-        specifier: ^3.9.4
-        version: 3.9.4(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^3.9.5
+        version: 3.9.5(react@18.2.0)
     devDependencies:
       '@nextui-org/avatar':
         specifier: workspace:*
@@ -1073,6 +1228,12 @@ importers:
       '@nextui-org/shared-icons':
         specifier: workspace:*
         version: link:../../utilities/shared-icons
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       '@nextui-org/user':
         specifier: workspace:*
         version: link:../user
@@ -1080,11 +1241,14 @@ importers:
         specifier: 2.2.0
         version: 2.2.0
       framer-motion:
-        specifier: ^10.15.1
+        specifier: ^10.16.4
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/image:
     dependencies:
@@ -1094,25 +1258,25 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+      '@nextui-org/use-image':
+        specifier: workspace:*
+        version: link:../../hooks/use-image
+    devDependencies:
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@nextui-org/use-image':
-        specifier: workspace:*
-        version: link:../../hooks/use-image
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/input:
     dependencies:
@@ -1125,46 +1289,46 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/interactions':
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
+      '@react-aria/textfield':
+        specifier: ^3.12.2
+        version: 3.12.2(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-stately/utils':
+        specifier: ^3.8.0
+        version: 3.8.0(react@18.2.0)
+      '@react-types/shared':
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
+      '@react-types/textfield':
+        specifier: ^3.8.1
+        version: 3.8.1(react@18.2.0)
+      react-textarea-autosize:
+        specifier: ^8.5.2
+        version: 8.5.3(@types/react@18.2.8)(react@18.2.0)
+    devDependencies:
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
-      '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
-      '@react-aria/textfield':
-        specifier: ^3.12.0
-        version: 3.12.0(react@18.2.0)
-      '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      '@react-stately/utils':
-        specifier: ^3.7.0
-        version: 3.7.0(react@18.2.0)
-      '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      '@react-types/textfield':
-        specifier: ^3.8.0
-        version: 3.8.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-      react-textarea-autosize:
-        specifier: ^8.5.2
-        version: 8.5.3(@types/react@18.2.8)(react@18.2.0)
-    devDependencies:
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/kbd:
     dependencies:
@@ -1177,22 +1341,22 @@ importers:
       '@nextui-org/system-rsc':
         specifier: workspace:*
         version: link:../../core/system-rsc
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+    devDependencies:
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/link:
     dependencies:
@@ -1205,37 +1369,37 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+      '@nextui-org/use-aria-link':
+        specifier: workspace:*
+        version: link:../../hooks/use-aria-link
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/link':
+        specifier: ^3.6.1
+        version: 3.6.1(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-types/link':
+        specifier: ^3.5.1
+        version: 3.5.1(react@18.2.0)
+    devDependencies:
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@nextui-org/use-aria-link':
-        specifier: workspace:*
-        version: link:../../hooks/use-aria-link
-      '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
-      '@react-aria/link':
-        specifier: ^3.5.4
-        version: 3.5.4(react@18.2.0)
-      '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      '@react-types/link':
-        specifier: ^3.4.5
-        version: 3.4.5(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/listbox:
     dependencies:
@@ -1251,49 +1415,64 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+      '@nextui-org/use-aria-press':
+        specifier: workspace:*
+        version: link:../../hooks/use-aria-press
+      '@nextui-org/use-is-mobile':
+        specifier: workspace:*
+        version: link:../../hooks/use-is-mobile
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/interactions':
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
+      '@react-aria/listbox':
+        specifier: ^3.11.1
+        version: 3.11.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-stately/list':
+        specifier: ^3.10.0
+        version: 3.10.0(react@18.2.0)
+      '@react-types/menu':
+        specifier: ^3.9.5
+        version: 3.9.5(react@18.2.0)
+      '@react-types/shared':
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
+    devDependencies:
+      '@nextui-org/avatar':
+        specifier: workspace:*
+        version: link:../avatar
+      '@nextui-org/chip':
+        specifier: workspace:*
+        version: link:../chip
+      '@nextui-org/scroll-shadow':
+        specifier: workspace:*
+        version: link:../scroll-shadow
+      '@nextui-org/shared-icons':
+        specifier: workspace:*
+        version: link:../../utilities/shared-icons
+      '@nextui-org/stories-utils':
+        specifier: workspace:*
+        version: link:../../utilities/stories-utils
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@nextui-org/use-is-mobile':
-        specifier: workspace:*
-        version: link:../../hooks/use-is-mobile
-      '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
-      '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
-      '@react-aria/listbox':
-        specifier: ^3.10.2
-        version: 3.10.2(react@18.2.0)
-      '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      '@react-stately/list':
-        specifier: ^3.9.2
-        version: 3.9.2(react@18.2.0)
-      '@react-types/menu':
-        specifier: ^3.9.4
-        version: 3.9.4(react@18.2.0)
-      '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
-      '@nextui-org/shared-icons':
-        specifier: workspace:*
-        version: link:../../utilities/shared-icons
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/menu:
     dependencies:
@@ -1309,52 +1488,55 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+      '@nextui-org/use-aria-press':
+        specifier: workspace:*
+        version: link:../../hooks/use-aria-press
+      '@nextui-org/use-is-mobile':
+        specifier: workspace:*
+        version: link:../../hooks/use-is-mobile
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/interactions':
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
+      '@react-aria/menu':
+        specifier: ^3.11.1
+        version: 3.11.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-stately/menu':
+        specifier: ^3.5.6
+        version: 3.5.6(react@18.2.0)
+      '@react-stately/tree':
+        specifier: ^3.7.3
+        version: 3.7.3(react@18.2.0)
+      '@react-types/menu':
+        specifier: ^3.9.5
+        version: 3.9.5(react@18.2.0)
+      '@react-types/shared':
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
+    devDependencies:
+      '@nextui-org/shared-icons':
+        specifier: workspace:*
+        version: link:../../utilities/shared-icons
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@nextui-org/use-is-mobile':
-        specifier: workspace:*
-        version: link:../../hooks/use-is-mobile
-      '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
-      '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
-      '@react-aria/menu':
-        specifier: ^3.10.2
-        version: 3.10.2(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      '@react-stately/menu':
-        specifier: ^3.5.5
-        version: 3.5.5(react@18.2.0)
-      '@react-stately/tree':
-        specifier: ^3.7.2
-        version: 3.7.2(react@18.2.0)
-      '@react-types/menu':
-        specifier: ^3.9.4
-        version: 3.9.4(react@18.2.0)
-      '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
-      '@nextui-org/shared-icons':
-        specifier: workspace:*
-        version: link:../../utilities/shared-icons
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/modal:
     dependencies:
@@ -1370,12 +1552,6 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
-      '@nextui-org/system':
-        specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
       '@nextui-org/use-aria-button':
         specifier: workspace:*
         version: link:../../hooks/use-aria-button
@@ -1386,32 +1562,29 @@ importers:
         specifier: workspace:*
         version: link:../../hooks/use-disclosure
       '@react-aria/dialog':
-        specifier: ^3.5.5
-        version: 3.5.5(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^3.5.7
+        version: 3.5.7(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/overlays':
-        specifier: ^3.17.0
-        version: 3.17.0(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^3.18.1
+        version: 3.18.1(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-stately/overlays':
-        specifier: ^3.6.2
-        version: 3.6.2(react@18.2.0)
+        specifier: ^3.6.3
+        version: 3.6.3(react@18.2.0)
       '@react-types/overlays':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^3.8.3
+        version: 3.8.3(react@18.2.0)
       react-remove-scroll:
         specifier: ^2.5.6
-        version: 2.5.6(@types/react@18.2.8)(react@18.2.0)
+        version: 2.5.7(@types/react@18.2.8)(react@18.2.0)
     devDependencies:
       '@nextui-org/button':
         specifier: workspace:*
@@ -1425,15 +1598,24 @@ importers:
       '@nextui-org/link':
         specifier: workspace:*
         version: link:../link
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       framer-motion:
-        specifier: ^10.15.1
+        specifier: ^10.16.4
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
       react-lorem-component:
         specifier: 0.13.0
         version: 0.13.0(react@18.2.0)
@@ -1449,12 +1631,6 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
-      '@nextui-org/system':
-        specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
       '@nextui-org/use-aria-toggle-button':
         specifier: workspace:*
         version: link:../../hooks/use-aria-toggle-button
@@ -1462,32 +1638,29 @@ importers:
         specifier: workspace:*
         version: link:../../hooks/use-scroll-position
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/overlays':
-        specifier: ^3.17.0
-        version: 3.17.0(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^3.18.1
+        version: 3.18.1(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-stately/toggle':
-        specifier: ^3.6.2
-        version: 3.6.2(react@18.2.0)
+        specifier: ^3.6.3
+        version: 3.6.3(react@18.2.0)
       '@react-stately/utils':
-        specifier: ^3.7.0
-        version: 3.7.0(react@18.2.0)
+        specifier: ^3.8.0
+        version: 3.8.0(react@18.2.0)
       framer-motion:
         specifier: '>=4.0.0'
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
       react-remove-scroll:
         specifier: ^2.5.6
-        version: 2.5.6(@types/react@18.2.8)(react@18.2.0)
+        version: 2.5.7(@types/react@18.2.8)(react@18.2.0)
     devDependencies:
       '@nextui-org/avatar':
         specifier: workspace:*
@@ -1507,12 +1680,21 @@ importers:
       '@nextui-org/shared-icons':
         specifier: workspace:*
         version: link:../../utilities/shared-icons
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
       react-lorem-component:
         specifier: 0.13.0
         version: 0.13.0(react@18.2.0)
@@ -1528,37 +1710,40 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+      '@nextui-org/use-aria-press':
+        specifier: workspace:*
+        version: link:../../hooks/use-aria-press
+      '@nextui-org/use-pagination':
+        specifier: workspace:*
+        version: link:../../hooks/use-pagination
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/interactions':
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      scroll-into-view-if-needed:
+        specifier: 3.0.10
+        version: 3.0.10
+    devDependencies:
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@nextui-org/use-pagination':
-        specifier: workspace:*
-        version: link:../../hooks/use-pagination
-      '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
-      '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
-      '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-      scroll-into-view-if-needed:
-        specifier: 3.0.10
-        version: 3.0.10
-    devDependencies:
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/popover:
     dependencies:
@@ -1577,45 +1762,36 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
-      '@nextui-org/system':
-        specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
       '@nextui-org/use-aria-button':
         specifier: workspace:*
         version: link:../../hooks/use-aria-button
       '@react-aria/dialog':
-        specifier: ^3.5.5
-        version: 3.5.5(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^3.5.7
+        version: 3.5.7(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/overlays':
-        specifier: ^3.17.0
-        version: 3.17.0(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^3.18.1
+        version: 3.18.1(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-stately/overlays':
-        specifier: ^3.6.2
-        version: 3.6.2(react@18.2.0)
+        specifier: ^3.6.3
+        version: 3.6.3(react@18.2.0)
       '@react-types/button':
-        specifier: ^3.8.0
-        version: 3.8.0(react@18.2.0)
+        specifier: ^3.9.0
+        version: 3.9.0(react@18.2.0)
       '@react-types/overlays':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^3.8.3
+        version: 3.8.3(react@18.2.0)
       react-remove-scroll:
         specifier: ^2.5.6
-        version: 2.5.6(@types/react@18.2.8)(react@18.2.0)
+        version: 2.5.7(@types/react@18.2.8)(react@18.2.0)
     devDependencies:
       '@nextui-org/card':
         specifier: workspace:*
@@ -1623,15 +1799,24 @@ importers:
       '@nextui-org/input':
         specifier: workspace:*
         version: link:../input
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       framer-motion:
-        specifier: ^10.15.1
+        specifier: ^10.16.4
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/progress:
     dependencies:
@@ -1641,30 +1826,21 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
-      '@nextui-org/system':
-        specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
       '@nextui-org/use-is-mounted':
         specifier: workspace:*
         version: link:../../hooks/use-is-mounted
       '@react-aria/i18n':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
       '@react-aria/progress':
-        specifier: ^3.4.5
-        version: 3.4.5(react@18.2.0)
+        specifier: ^3.4.7
+        version: 3.4.7(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-types/progress':
-        specifier: ^3.4.3
-        version: 3.4.3(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^3.5.0
+        version: 3.5.0(react@18.2.0)
     devDependencies:
       '@nextui-org/card':
         specifier: workspace:*
@@ -1672,12 +1848,21 @@ importers:
       '@nextui-org/chip':
         specifier: workspace:*
         version: link:../chip
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/radio:
     dependencies:
@@ -1687,49 +1872,52 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+      '@nextui-org/use-aria-press':
+        specifier: workspace:*
+        version: link:../../hooks/use-aria-press
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/interactions':
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
+      '@react-aria/radio':
+        specifier: ^3.8.2
+        version: 3.8.2(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-aria/visually-hidden':
+        specifier: ^3.8.6
+        version: 3.8.6(react@18.2.0)
+      '@react-stately/radio':
+        specifier: ^3.9.1
+        version: 3.9.1(react@18.2.0)
+      '@react-types/radio':
+        specifier: ^3.5.2
+        version: 3.5.2(react@18.2.0)
+      '@react-types/shared':
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
+    devDependencies:
+      '@nextui-org/button':
+        specifier: workspace:*
+        version: link:../button
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
-      '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
-      '@react-aria/radio':
-        specifier: ^3.8.0
-        version: 3.8.0(react@18.2.0)
-      '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      '@react-aria/visually-hidden':
-        specifier: ^3.8.4
-        version: 3.8.4(react@18.2.0)
-      '@react-stately/radio':
-        specifier: ^3.9.0
-        version: 3.9.0(react@18.2.0)
-      '@react-types/radio':
-        specifier: ^3.5.1
-        version: 3.5.1(react@18.2.0)
-      '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
-      '@nextui-org/button':
-        specifier: workspace:*
-        version: link:../button
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/ripple:
     dependencies:
@@ -1739,25 +1927,25 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+    devDependencies:
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       framer-motion:
-        specifier: ^10.15.1
+        specifier: ^10.16.4
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/scroll-shadow:
     dependencies:
@@ -1767,25 +1955,25 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+      '@nextui-org/use-data-scroll-overflow':
+        specifier: workspace:*
+        version: link:../../hooks/use-data-scroll-overflow
+    devDependencies:
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@nextui-org/use-data-scroll-overflow':
-        specifier: workspace:*
-        version: link:../../hooks/use-data-scroll-overflow
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
       react-lorem-component:
         specifier: 0.13.0
         version: 0.13.0(react@18.2.0)
@@ -1816,12 +2004,6 @@ importers:
       '@nextui-org/spinner':
         specifier: workspace:*
         version: link:../spinner
-      '@nextui-org/system':
-        specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
       '@nextui-org/use-aria-button':
         specifier: workspace:*
         version: link:../../hooks/use-aria-button
@@ -1829,23 +2011,20 @@ importers:
         specifier: workspace:*
         version: link:../../hooks/use-aria-multiselect
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-aria/visually-hidden':
-        specifier: ^3.8.4
-        version: 3.8.4(react@18.2.0)
+        specifier: ^3.8.6
+        version: 3.8.6(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
     devDependencies:
       '@nextui-org/avatar':
         specifier: workspace:*
@@ -1856,21 +2035,36 @@ importers:
       '@nextui-org/input':
         specifier: workspace:*
         version: link:../input
+      '@nextui-org/stories-utils':
+        specifier: workspace:*
+        version: link:../../utilities/stories-utils
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       '@nextui-org/use-infinite-scroll':
         specifier: workspace:*
         version: link:../../hooks/use-infinite-scroll
+      '@react-aria/i18n':
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
       '@react-stately/data':
-        specifier: ^3.10.2
-        version: 3.10.2(react@18.2.0)
+        specifier: ^3.10.3
+        version: 3.10.3(react@18.2.0)
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       framer-motion:
-        specifier: ^10.15.1
+        specifier: ^10.16.4
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/skeleton:
     dependencies:
@@ -1883,12 +2077,6 @@ importers:
       '@nextui-org/system-rsc':
         specifier: workspace:*
         version: link:../../core/system-rsc
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
     devDependencies:
       '@nextui-org/button':
         specifier: workspace:*
@@ -1896,12 +2084,76 @@ importers:
       '@nextui-org/card':
         specifier: workspace:*
         version: link:../card
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
+
+  packages/components/slider:
+    dependencies:
+      '@nextui-org/react-utils':
+        specifier: workspace:*
+        version: link:../../utilities/react-utils
+      '@nextui-org/shared-utils':
+        specifier: workspace:*
+        version: link:../../utilities/shared-utils
+      '@nextui-org/tooltip':
+        specifier: workspace:*
+        version: link:../tooltip
+      '@nextui-org/use-aria-press':
+        specifier: workspace:*
+        version: link:../../hooks/use-aria-press
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/i18n':
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
+      '@react-aria/interactions':
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
+      '@react-aria/slider':
+        specifier: ^3.7.2
+        version: 3.7.2(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-aria/visually-hidden':
+        specifier: ^3.8.6
+        version: 3.8.6(react@18.2.0)
+      '@react-stately/slider':
+        specifier: ^3.4.4
+        version: 3.4.4(react@18.2.0)
+    devDependencies:
+      '@nextui-org/shared-icons':
+        specifier: workspace:*
+        version: link:../../utilities/shared-icons
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/test-utils':
+        specifier: workspace:*
+        version: link:../../utilities/test-utils
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
+      clean-package:
+        specifier: 2.2.0
+        version: 2.2.0
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/snippet:
     dependencies:
@@ -1917,12 +2169,6 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
-      '@nextui-org/system':
-        specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
       '@nextui-org/tooltip':
         specifier: workspace:*
         version: link:../tooltip
@@ -1930,24 +2176,30 @@ importers:
         specifier: workspace:*
         version: link:../../hooks/use-clipboard
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       framer-motion:
         specifier: '>=4.0.0'
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
     devDependencies:
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/spacer:
     dependencies:
@@ -1960,19 +2212,19 @@ importers:
       '@nextui-org/system-rsc':
         specifier: workspace:*
         version: link:../../core/system-rsc
+    devDependencies:
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/spinner:
     dependencies:
@@ -1985,19 +2237,19 @@ importers:
       '@nextui-org/system-rsc':
         specifier: workspace:*
         version: link:../../core/system-rsc
+    devDependencies:
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/switch:
     dependencies:
@@ -2007,46 +2259,49 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+      '@nextui-org/use-aria-press':
+        specifier: workspace:*
+        version: link:../../hooks/use-aria-press
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/interactions':
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
+      '@react-aria/switch':
+        specifier: ^3.5.6
+        version: 3.5.6(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-aria/visually-hidden':
+        specifier: ^3.8.6
+        version: 3.8.6(react@18.2.0)
+      '@react-stately/toggle':
+        specifier: ^3.6.3
+        version: 3.6.3(react@18.2.0)
+      '@react-types/shared':
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
+    devDependencies:
+      '@nextui-org/shared-icons':
+        specifier: workspace:*
+        version: link:../../utilities/shared-icons
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
-      '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
-      '@react-aria/switch':
-        specifier: ^3.5.4
-        version: 3.5.4(react@18.2.0)
-      '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      '@react-aria/visually-hidden':
-        specifier: ^3.8.4
-        version: 3.8.4(react@18.2.0)
-      '@react-stately/toggle':
-        specifier: ^3.6.2
-        version: 3.6.2(react@18.2.0)
-      '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
-      '@nextui-org/shared-icons':
-        specifier: workspace:*
-        version: link:../../utilities/shared-icons
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/table:
     dependencies:
@@ -2065,42 +2320,33 @@ importers:
       '@nextui-org/spacer':
         specifier: workspace:*
         version: link:../spacer
-      '@nextui-org/system':
-        specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/table':
-        specifier: ^3.12.0
-        version: 3.12.0(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^3.13.1
+        version: 3.13.1(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-aria/visually-hidden':
-        specifier: ^3.8.4
-        version: 3.8.4(react@18.2.0)
+        specifier: ^3.8.6
+        version: 3.8.6(react@18.2.0)
       '@react-stately/table':
-        specifier: ^3.11.1
-        version: 3.11.1(react@18.2.0)
+        specifier: ^3.11.2
+        version: 3.11.2(react@18.2.0)
       '@react-stately/virtualizer':
-        specifier: ^3.6.2
-        version: 3.6.2(react@18.2.0)
+        specifier: ^3.6.4
+        version: 3.6.4(react@18.2.0)
       '@react-types/grid':
-        specifier: ^3.2.1
-        version: 3.2.1(react@18.2.0)
+        specifier: ^3.2.2
+        version: 3.2.2(react@18.2.0)
       '@react-types/table':
-        specifier: ^3.8.1
-        version: 3.8.1(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^3.9.0
+        version: 3.9.0(react@18.2.0)
     devDependencies:
       '@nextui-org/button':
         specifier: workspace:*
@@ -2114,6 +2360,12 @@ importers:
       '@nextui-org/spinner':
         specifier: workspace:*
         version: link:../spinner
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       '@nextui-org/tooltip':
         specifier: workspace:*
         version: link:../tooltip
@@ -2124,17 +2376,20 @@ importers:
         specifier: workspace:*
         version: link:../user
       '@react-stately/data':
-        specifier: ^3.10.2
-        version: 3.10.2(react@18.2.0)
+        specifier: ^3.10.3
+        version: 3.10.3(react@18.2.0)
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
       swr:
         specifier: ^2.2.1
-        version: 2.2.2(react@18.2.0)
+        version: 2.2.4(react@18.2.0)
 
   packages/components/tabs:
     dependencies:
@@ -2150,12 +2405,6 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
-      '@nextui-org/system':
-        specifier: workspace:*
-        version: link:../../core/system
-      '@nextui-org/theme':
-        specifier: workspace:*
-        version: link:../../core/theme
       '@nextui-org/use-is-mounted':
         specifier: workspace:*
         version: link:../../hooks/use-is-mounted
@@ -2163,29 +2412,26 @@ importers:
         specifier: workspace:*
         version: link:../../hooks/use-update-effect
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/tabs':
-        specifier: ^3.7.0
-        version: 3.7.0(react@18.2.0)
+        specifier: ^3.8.1
+        version: 3.8.1(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-stately/tabs':
-        specifier: ^3.6.0
-        version: 3.6.0(react@18.2.0)
+        specifier: ^3.6.1
+        version: 3.6.1(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
       '@react-types/tabs':
-        specifier: ^3.3.2
-        version: 3.3.2(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^3.3.3
+        version: 3.3.3(react@18.2.0)
       scroll-into-view-if-needed:
         specifier: 3.0.10
         version: 3.0.10
@@ -2202,18 +2448,27 @@ importers:
       '@nextui-org/shared-icons':
         specifier: workspace:*
         version: link:../../utilities/shared-icons
+      '@nextui-org/system':
+        specifier: workspace:*
+        version: link:../../core/system
       '@nextui-org/test-utils':
         specifier: workspace:*
         version: link:../../utilities/test-utils
+      '@nextui-org/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       framer-motion:
-        specifier: ^10.15.1
+        specifier: ^10.16.4
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
       react-lorem-component:
         specifier: 0.13.0
         version: 0.13.0(react@18.2.0)
@@ -2232,49 +2487,49 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+      '@react-aria/interactions':
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
+      '@react-aria/overlays':
+        specifier: ^3.18.1
+        version: 3.18.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/tooltip':
+        specifier: ^3.6.4
+        version: 3.6.4(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-stately/tooltip':
+        specifier: ^3.4.5
+        version: 3.4.5(react@18.2.0)
+      '@react-types/overlays':
+        specifier: ^3.8.3
+        version: 3.8.3(react@18.2.0)
+      '@react-types/tooltip':
+        specifier: ^3.4.5
+        version: 3.4.5(react@18.2.0)
+    devDependencies:
+      '@nextui-org/button':
+        specifier: workspace:*
+        version: link:../button
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
-      '@react-aria/overlays':
-        specifier: ^3.17.0
-        version: 3.17.0(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/tooltip':
-        specifier: ^3.6.2
-        version: 3.6.2(react@18.2.0)
-      '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      '@react-stately/tooltip':
-        specifier: ^3.4.4
-        version: 3.4.4(react@18.2.0)
-      '@react-types/overlays':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
-      '@react-types/tooltip':
-        specifier: ^3.4.4
-        version: 3.4.4(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
-      '@nextui-org/button':
-        specifier: workspace:*
-        version: link:../button
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       framer-motion:
-        specifier: ^10.15.1
+        specifier: ^10.16.4
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/components/user:
     dependencies:
@@ -2287,43 +2542,49 @@ importers:
       '@nextui-org/shared-utils':
         specifier: workspace:*
         version: link:../../utilities/shared-utils
+      '@react-aria/focus':
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+    devDependencies:
+      '@nextui-org/link':
+        specifier: workspace:*
+        version: link:../link
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@nextui-org/theme':
         specifier: workspace:*
         version: link:../../core/theme
-      '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
-      '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-    devDependencies:
-      '@nextui-org/link':
-        specifier: workspace:*
-        version: link:../link
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/core/react:
     dependencies:
       '@nextui-org/accordion':
         specifier: workspace:*
         version: link:../../components/accordion
+      '@nextui-org/autocomplete':
+        specifier: workspace:*
+        version: link:../../components/autocomplete
       '@nextui-org/avatar':
         specifier: workspace:*
         version: link:../../components/avatar
       '@nextui-org/badge':
         specifier: workspace:*
         version: link:../../components/badge
+      '@nextui-org/breadcrumbs':
+        specifier: workspace:*
+        version: link:../../components/breadcrumbs
       '@nextui-org/button':
         specifier: workspace:*
         version: link:../../components/button
@@ -2393,6 +2654,9 @@ importers:
       '@nextui-org/skeleton':
         specifier: workspace:*
         version: link:../../components/skeleton
+      '@nextui-org/slider':
+        specifier: workspace:*
+        version: link:../../components/slider
       '@nextui-org/snippet':
         specifier: workspace:*
         version: link:../../components/snippet
@@ -2424,14 +2688,11 @@ importers:
         specifier: workspace:*
         version: link:../../components/user
       '@react-aria/visually-hidden':
-        specifier: ^3.8.4
-        version: 3.8.4(react@18.2.0)
+        specifier: ^3.8.6
+        version: 3.8.6(react@18.2.0)
       framer-motion:
         specifier: '>=4.0.0'
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -2439,6 +2700,9 @@ importers:
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/core/system:
     dependencies:
@@ -2446,14 +2710,17 @@ importers:
         specifier: workspace:*
         version: link:../system-rsc
       '@react-aria/i18n':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
       '@react-aria/overlays':
-        specifier: ^3.17.0
-        version: 3.17.0(react-dom@18.2.0)(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^3.18.1
+        version: 3.18.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-stately/utils':
+        specifier: ^3.8.0
+        version: 3.8.0(react@18.2.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -2461,6 +2728,9 @@ importers:
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/core/system-rsc:
     dependencies:
@@ -2468,8 +2738,8 @@ importers:
         specifier: ^1.2.1
         version: 1.2.1
       tailwind-variants:
-        specifier: ^0.1.14
-        version: 0.1.14(tailwindcss@3.3.3)
+        specifier: ^0.1.18
+        version: 0.1.18(tailwindcss@3.3.5)
     devDependencies:
       '@nextui-org/react-utils':
         specifier: workspace:*
@@ -2486,27 +2756,6 @@ importers:
 
   packages/core/theme:
     dependencies:
-      '@types/color':
-        specifier: ^3.0.3
-        version: 3.0.4
-      '@types/flat':
-        specifier: ^5.0.2
-        version: 5.0.2
-      '@types/lodash.foreach':
-        specifier: ^4.5.7
-        version: 4.5.7
-      '@types/lodash.get':
-        specifier: ^4.4.7
-        version: 4.4.7
-      '@types/lodash.kebabcase':
-        specifier: ^4.1.7
-        version: 4.1.7
-      '@types/lodash.mapkeys':
-        specifier: ^4.6.7
-        version: 4.6.7
-      '@types/lodash.omit':
-        specifier: ^4.5.7
-        version: 4.5.7
       color:
         specifier: ^4.2.3
         version: 4.2.3
@@ -2535,39 +2784,60 @@ importers:
         specifier: ^4.5.0
         version: 4.5.0
       tailwind-variants:
-        specifier: ^0.1.14
-        version: 0.1.14(tailwindcss@3.3.3)
-      tailwindcss:
-        specifier: ^3.2.7
-        version: 3.3.3(ts-node@10.9.1)
+        specifier: ^0.1.18
+        version: 0.1.18(tailwindcss@3.3.5)
     devDependencies:
+      '@types/color':
+        specifier: ^3.0.3
+        version: 3.0.5
+      '@types/flat':
+        specifier: ^5.0.2
+        version: 5.0.4
+      '@types/lodash.foreach':
+        specifier: ^4.5.7
+        version: 4.5.8
+      '@types/lodash.get':
+        specifier: ^4.4.7
+        version: 4.4.8
+      '@types/lodash.kebabcase':
+        specifier: ^4.1.7
+        version: 4.1.8
+      '@types/lodash.mapkeys':
+        specifier: ^4.6.7
+        version: 4.6.8
+      '@types/lodash.omit':
+        specifier: ^4.5.7
+        version: 4.5.8
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
+      tailwindcss:
+        specifier: ^3.3.5
+        version: 3.3.5(ts-node@10.9.1)
 
   packages/hooks/use-aria-accordion:
     dependencies:
       '@react-aria/button':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/selection':
-        specifier: ^3.16.2
-        version: 3.16.2(react@18.2.0)
+        specifier: ^3.17.1
+        version: 3.17.1(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-stately/tree':
-        specifier: ^3.7.2
-        version: 3.7.2(react@18.2.0)
+        specifier: ^3.7.3
+        version: 3.7.3(react@18.2.0)
       '@react-types/accordion':
-        specifier: 3.0.0-alpha.16
-        version: 3.0.0-alpha.16(react@18.2.0)
+        specifier: 3.0.0-alpha.17
+        version: 3.0.0-alpha.17(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -2579,17 +2849,17 @@ importers:
   packages/hooks/use-aria-accordion-item:
     dependencies:
       '@react-aria/button':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-stately/tree':
-        specifier: ^3.7.2
-        version: 3.7.2(react@18.2.0)
+        specifier: ^3.7.3
+        version: 3.7.3(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -2600,21 +2870,24 @@ importers:
 
   packages/hooks/use-aria-button:
     dependencies:
+      '@nextui-org/use-aria-press':
+        specifier: workspace:*
+        version: link:../use-aria-press
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-types/button':
-        specifier: ^3.8.0
-        version: 3.8.0(react@18.2.0)
+        specifier: ^3.9.0
+        version: 3.9.0(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -2625,21 +2898,24 @@ importers:
 
   packages/hooks/use-aria-link:
     dependencies:
+      '@nextui-org/use-aria-press':
+        specifier: workspace:*
+        version: link:../use-aria-press
       '@react-aria/focus':
-        specifier: ^3.14.1
-        version: 3.14.1(react@18.2.0)
+        specifier: ^3.14.3
+        version: 3.14.3(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-types/link':
-        specifier: ^3.4.5
-        version: 3.4.5(react@18.2.0)
+        specifier: ^3.5.1
+        version: 3.5.1(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -2651,20 +2927,17 @@ importers:
   packages/hooks/use-aria-modal-overlay:
     dependencies:
       '@react-aria/overlays':
-        specifier: ^3.17.0
-        version: 3.17.0(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^3.18.1
+        version: 3.18.1(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-stately/overlays':
-        specifier: ^3.6.2
-        version: 3.6.2(react@18.2.0)
+        specifier: ^3.6.3
+        version: 3.6.3(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -2672,51 +2945,76 @@ importers:
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/hooks/use-aria-multiselect:
     dependencies:
       '@react-aria/i18n':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
       '@react-aria/interactions':
-        specifier: ^3.18.0
-        version: 3.18.0(react@18.2.0)
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
       '@react-aria/label':
-        specifier: ^3.7.0
-        version: 3.7.0(react@18.2.0)
+        specifier: ^3.7.2
+        version: 3.7.2(react@18.2.0)
       '@react-aria/listbox':
-        specifier: ^3.10.2
-        version: 3.10.2(react@18.2.0)
+        specifier: ^3.11.1
+        version: 3.11.1(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/menu':
-        specifier: ^3.10.2
-        version: 3.10.2(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^3.11.1
+        version: 3.11.1(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/selection':
-        specifier: ^3.16.2
-        version: 3.16.2(react@18.2.0)
+        specifier: ^3.17.1
+        version: 3.17.1(react-dom@18.2.0)(react@18.2.0)
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-stately/list':
-        specifier: ^3.9.2
-        version: 3.9.2(react@18.2.0)
+        specifier: ^3.10.0
+        version: 3.10.0(react@18.2.0)
       '@react-stately/menu':
-        specifier: ^3.5.5
-        version: 3.5.5(react@18.2.0)
+        specifier: ^3.5.6
+        version: 3.5.6(react@18.2.0)
       '@react-types/button':
-        specifier: ^3.8.0
-        version: 3.8.0(react@18.2.0)
+        specifier: ^3.9.0
+        version: 3.9.0(react@18.2.0)
       '@react-types/overlays':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
-      '@react-types/select':
         specifier: ^3.8.3
         version: 3.8.3(react@18.2.0)
+      '@react-types/select':
+        specifier: ^3.8.4
+        version: 3.8.4(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
+    devDependencies:
+      clean-package:
+        specifier: 2.2.0
+        version: 2.2.0
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
       react-dom:
         specifier: ^18.2.0
         version: 18.2.0(react@18.2.0)
+
+  packages/hooks/use-aria-press:
+    dependencies:
+      '@react-aria/interactions':
+        specifier: ^3.19.1
+        version: 3.19.1(react@18.2.0)
+      '@react-aria/ssr':
+        specifier: ^3.8.0
+        version: 3.8.0(react@18.2.0)
+      '@react-aria/utils':
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
+      '@react-types/shared':
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -2731,17 +3029,17 @@ importers:
         specifier: workspace:*
         version: link:../use-aria-button
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-stately/toggle':
-        specifier: ^3.6.2
-        version: 3.6.2(react@18.2.0)
+        specifier: ^3.6.3
+        version: 3.6.3(react@18.2.0)
       '@react-types/button':
-        specifier: ^3.8.0
-        version: 3.8.0(react@18.2.0)
+        specifier: ^3.9.0
+        version: 3.9.0(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -2773,6 +3071,10 @@ importers:
         version: 18.2.0
 
   packages/hooks/use-data-scroll-overflow:
+    dependencies:
+      '@nextui-org/shared-utils':
+        specifier: workspace:*
+        version: link:../../utilities/shared-utils
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -2787,11 +3089,11 @@ importers:
         specifier: workspace:*
         version: link:../use-callback-ref
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-stately/utils':
-        specifier: ^3.7.0
-        version: 3.7.0(react@18.2.0)
+        specifier: ^3.8.0
+        version: 3.8.0(react@18.2.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -2817,7 +3119,7 @@ importers:
     dependencies:
       '@types/lodash.debounce':
         specifier: ^4.0.7
-        version: 4.0.7
+        version: 4.0.8
       lodash.debounce:
         specifier: ^4.0.8
         version: 4.0.8
@@ -2951,67 +3253,73 @@ importers:
     devDependencies:
       '@storybook/addon-a11y':
         specifier: ^7.4.6
-        version: 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+        version: 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@storybook/addon-actions':
         specifier: ^7.4.6
-        version: 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+        version: 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@storybook/addon-docs':
         specifier: ^7.4.6
-        version: 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+        version: 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@storybook/addon-essentials':
         specifier: ^7.4.6
-        version: 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+        version: 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@storybook/addon-links':
         specifier: ^7.4.6
-        version: 7.4.6(react-dom@18.2.0)(react@18.2.0)
+        version: 7.5.2(react-dom@18.2.0)(react@18.2.0)
       '@storybook/addon-mdx-gfm':
         specifier: ^7.4.6
-        version: 7.4.6
+        version: 7.5.2
       '@storybook/cli':
         specifier: ^7.4.6
-        version: 7.4.6
+        version: 7.5.2
       '@storybook/react':
         specifier: ^7.4.6
-        version: 7.4.6(react-dom@18.2.0)(react@18.2.0)(typescript@4.9.5)
+        version: 7.5.2(react-dom@18.2.0)(react@18.2.0)(typescript@4.9.5)
       '@storybook/react-vite':
         specifier: ^7.4.6
-        version: 7.4.6(react-dom@18.2.0)(react@18.2.0)(typescript@4.9.5)(vite@4.4.9)
+        version: 7.5.2(react-dom@18.2.0)(react@18.2.0)(typescript@4.9.5)(vite@4.5.0)
       '@storybook/theming':
         specifier: ^7.4.6
-        version: 7.4.6(react-dom@18.2.0)(react@18.2.0)
+        version: 7.5.2(react-dom@18.2.0)(react@18.2.0)
       autoprefixer:
         specifier: ^10.4.13
-        version: 10.4.15(postcss@8.4.29)
+        version: 10.4.16(postcss@8.4.31)
       storybook:
         specifier: ^7.4.6
-        version: 7.4.6
+        version: 7.5.2
       storybook-dark-mode:
         specifier: ^3.0.1
         version: 3.0.1(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       tailwindcss:
-        specifier: ^3.2.7
-        version: 3.3.3(ts-node@10.9.1)
+        specifier: ^3.3.5
+        version: 3.3.5(ts-node@10.9.1)
       vite:
         specifier: ^4.4.7
-        version: 4.4.9(@types/node@15.14.9)
+        version: 4.5.0(@types/node@15.14.9)
 
   packages/utilities/aria-utils:
     dependencies:
+      '@nextui-org/react-rsc-utils':
+        specifier: workspace:*
+        version: link:../react-rsc-utils
+      '@nextui-org/shared-utils':
+        specifier: workspace:*
+        version: link:../shared-utils
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
       '@react-aria/utils':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.1
+        version: 3.21.1(react@18.2.0)
       '@react-stately/collections':
-        specifier: ^3.10.1
-        version: 3.10.1(react@18.2.0)
+        specifier: ^3.10.2
+        version: 3.10.2(react@18.2.0)
       '@react-types/overlays':
-        specifier: ^3.8.2
-        version: 3.8.2(react@18.2.0)
+        specifier: ^3.8.3
+        version: 3.8.3(react@18.2.0)
       '@react-types/shared':
-        specifier: ^3.20.0
-        version: 3.20.0(react@18.2.0)
+        specifier: ^3.21.0
+        version: 3.21.0(react@18.2.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -3019,6 +3327,9 @@ importers:
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/utilities/framer-transitions:
     dependencies:
@@ -3028,19 +3339,19 @@ importers:
       '@nextui-org/system':
         specifier: workspace:*
         version: link:../../core/system
-      react-dom:
-        specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
         version: 2.2.0
       framer-motion:
-        specifier: ^10.15.1
+        specifier: ^10.16.4
         version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
   packages/utilities/react-rsc-utils:
     devDependencies:
@@ -3082,6 +3393,12 @@ importers:
         specifier: ^18.2.0
         version: 18.2.0
 
+  packages/utilities/stories-utils:
+    devDependencies:
+      clean-package:
+        specifier: 2.2.0
+        version: 2.2.0
+
   packages/utilities/test-utils:
     devDependencies:
       clean-package:
@@ -3099,94 +3416,94 @@ packages:
     resolution: {integrity: sha512-/62yikz7NLScCGAAST5SHdnjaDJQBDq0M2muyRTpf2VQhw6StBg2ALiu73zSJQ4fMVLA+0uBhBHAle7Wg+2kSg==}
     dev: true
 
-  /@algolia/cache-browser-local-storage@4.19.1:
-    resolution: {integrity: sha512-FYAZWcGsFTTaSAwj9Std8UML3Bu8dyWDncM7Ls8g+58UOe4XYdlgzXWbrIgjaguP63pCCbMoExKr61B+ztK3tw==}
+  /@algolia/cache-browser-local-storage@4.20.0:
+    resolution: {integrity: sha512-uujahcBt4DxduBTvYdwO3sBfHuJvJokiC3BP1+O70fglmE1ShkH8lpXqZBac1rrU3FnNYSUs4pL9lBdTKeRPOQ==}
     dependencies:
-      '@algolia/cache-common': 4.19.1
+      '@algolia/cache-common': 4.20.0
     dev: true
 
-  /@algolia/cache-common@4.19.1:
-    resolution: {integrity: sha512-XGghi3l0qA38HiqdoUY+wvGyBsGvKZ6U3vTiMBT4hArhP3fOGLXpIINgMiiGjTe4FVlTa5a/7Zf2bwlIHfRqqg==}
+  /@algolia/cache-common@4.20.0:
+    resolution: {integrity: sha512-vCfxauaZutL3NImzB2G9LjLt36vKAckc6DhMp05An14kVo8F1Yofb6SIl6U3SaEz8pG2QOB9ptwM5c+zGevwIQ==}
     dev: true
 
-  /@algolia/cache-in-memory@4.19.1:
-    resolution: {integrity: sha512-+PDWL+XALGvIginigzu8oU6eWw+o76Z8zHbBovWYcrtWOEtinbl7a7UTt3x3lthv+wNuFr/YD1Gf+B+A9V8n5w==}
+  /@algolia/cache-in-memory@4.20.0:
+    resolution: {integrity: sha512-Wm9ak/IaacAZXS4mB3+qF/KCoVSBV6aLgIGFEtQtJwjv64g4ePMapORGmCyulCFwfePaRAtcaTbMcJF+voc/bg==}
     dependencies:
-      '@algolia/cache-common': 4.19.1
+      '@algolia/cache-common': 4.20.0
     dev: true
 
-  /@algolia/client-account@4.19.1:
-    resolution: {integrity: sha512-Oy0ritA2k7AMxQ2JwNpfaEcgXEDgeyKu0V7E7xt/ZJRdXfEpZcwp9TOg4TJHC7Ia62gIeT2Y/ynzsxccPw92GA==}
+  /@algolia/client-account@4.20.0:
+    resolution: {integrity: sha512-GGToLQvrwo7am4zVkZTnKa72pheQeez/16sURDWm7Seyz+HUxKi3BM6fthVVPUEBhtJ0reyVtuK9ArmnaKl10Q==}
     dependencies:
-      '@algolia/client-common': 4.19.1
-      '@algolia/client-search': 4.19.1
-      '@algolia/transporter': 4.19.1
+      '@algolia/client-common': 4.20.0
+      '@algolia/client-search': 4.20.0
+      '@algolia/transporter': 4.20.0
     dev: true
 
-  /@algolia/client-analytics@4.19.1:
-    resolution: {integrity: sha512-5QCq2zmgdZLIQhHqwl55ZvKVpLM3DNWjFI4T+bHr3rGu23ew2bLO4YtyxaZeChmDb85jUdPDouDlCumGfk6wOg==}
+  /@algolia/client-analytics@4.20.0:
+    resolution: {integrity: sha512-EIr+PdFMOallRdBTHHdKI3CstslgLORQG7844Mq84ib5oVFRVASuuPmG4bXBgiDbcsMLUeOC6zRVJhv1KWI0ug==}
     dependencies:
-      '@algolia/client-common': 4.19.1
-      '@algolia/client-search': 4.19.1
-      '@algolia/requester-common': 4.19.1
-      '@algolia/transporter': 4.19.1
+      '@algolia/client-common': 4.20.0
+      '@algolia/client-search': 4.20.0
+      '@algolia/requester-common': 4.20.0
+      '@algolia/transporter': 4.20.0
     dev: true
 
-  /@algolia/client-common@4.19.1:
-    resolution: {integrity: sha512-3kAIVqTcPrjfS389KQvKzliC559x+BDRxtWamVJt8IVp7LGnjq+aVAXg4Xogkur1MUrScTZ59/AaUd5EdpyXgA==}
+  /@algolia/client-common@4.20.0:
+    resolution: {integrity: sha512-P3WgMdEss915p+knMMSd/fwiHRHKvDu4DYRrCRaBrsfFw7EQHon+EbRSm4QisS9NYdxbS04kcvNoavVGthyfqQ==}
     dependencies:
-      '@algolia/requester-common': 4.19.1
-      '@algolia/transporter': 4.19.1
+      '@algolia/requester-common': 4.20.0
+      '@algolia/transporter': 4.20.0
     dev: true
 
-  /@algolia/client-personalization@4.19.1:
-    resolution: {integrity: sha512-8CWz4/H5FA+krm9HMw2HUQenizC/DxUtsI5oYC0Jxxyce1vsr8cb1aEiSJArQT6IzMynrERif1RVWLac1m36xw==}
+  /@algolia/client-personalization@4.20.0:
+    resolution: {integrity: sha512-N9+zx0tWOQsLc3K4PVRDV8GUeOLAY0i445En79Pr3zWB+m67V+n/8w4Kw1C5LlbHDDJcyhMMIlqezh6BEk7xAQ==}
     dependencies:
-      '@algolia/client-common': 4.19.1
-      '@algolia/requester-common': 4.19.1
-      '@algolia/transporter': 4.19.1
+      '@algolia/client-common': 4.20.0
+      '@algolia/requester-common': 4.20.0
+      '@algolia/transporter': 4.20.0
     dev: true
 
-  /@algolia/client-search@4.19.1:
-    resolution: {integrity: sha512-mBecfMFS4N+yK/p0ZbK53vrZbL6OtWMk8YmnOv1i0LXx4pelY8TFhqKoTit3NPVPwoSNN0vdSN9dTu1xr1XOVw==}
+  /@algolia/client-search@4.20.0:
+    resolution: {integrity: sha512-zgwqnMvhWLdpzKTpd3sGmMlr4c+iS7eyyLGiaO51zDZWGMkpgoNVmltkzdBwxOVXz0RsFMznIxB9zuarUv4TZg==}
     dependencies:
-      '@algolia/client-common': 4.19.1
-      '@algolia/requester-common': 4.19.1
-      '@algolia/transporter': 4.19.1
+      '@algolia/client-common': 4.20.0
+      '@algolia/requester-common': 4.20.0
+      '@algolia/transporter': 4.20.0
     dev: true
 
-  /@algolia/logger-common@4.19.1:
-    resolution: {integrity: sha512-i6pLPZW/+/YXKis8gpmSiNk1lOmYCmRI6+x6d2Qk1OdfvX051nRVdalRbEcVTpSQX6FQAoyeaui0cUfLYW5Elw==}
+  /@algolia/logger-common@4.20.0:
+    resolution: {integrity: sha512-xouigCMB5WJYEwvoWW5XDv7Z9f0A8VoXJc3VKwlHJw/je+3p2RcDXfksLI4G4lIVncFUYMZx30tP/rsdlvvzHQ==}
     dev: true
 
-  /@algolia/logger-console@4.19.1:
-    resolution: {integrity: sha512-jj72k9GKb9W0c7TyC3cuZtTr0CngLBLmc8trzZlXdfvQiigpUdvTi1KoWIb2ZMcRBG7Tl8hSb81zEY3zI2RlXg==}
+  /@algolia/logger-console@4.20.0:
+    resolution: {integrity: sha512-THlIGG1g/FS63z0StQqDhT6bprUczBI8wnLT3JWvfAQDZX5P6fCg7dG+pIrUBpDIHGszgkqYEqECaKKsdNKOUA==}
     dependencies:
-      '@algolia/logger-common': 4.19.1
+      '@algolia/logger-common': 4.20.0
     dev: true
 
-  /@algolia/requester-browser-xhr@4.19.1:
-    resolution: {integrity: sha512-09K/+t7lptsweRTueHnSnmPqIxbHMowejAkn9XIcJMLdseS3zl8ObnS5GWea86mu3vy4+8H+ZBKkUN82Zsq/zg==}
+  /@algolia/requester-browser-xhr@4.20.0:
+    resolution: {integrity: sha512-HbzoSjcjuUmYOkcHECkVTwAelmvTlgs48N6Owt4FnTOQdwn0b8pdht9eMgishvk8+F8bal354nhx/xOoTfwiAw==}
     dependencies:
-      '@algolia/requester-common': 4.19.1
+      '@algolia/requester-common': 4.20.0
     dev: true
 
-  /@algolia/requester-common@4.19.1:
-    resolution: {integrity: sha512-BisRkcWVxrDzF1YPhAckmi2CFYK+jdMT60q10d7z3PX+w6fPPukxHRnZwooiTUrzFe50UBmLItGizWHP5bDzVQ==}
+  /@algolia/requester-common@4.20.0:
+    resolution: {integrity: sha512-9h6ye6RY/BkfmeJp7Z8gyyeMrmmWsMOCRBXQDs4mZKKsyVlfIVICpcSibbeYcuUdurLhIlrOUkH3rQEgZzonng==}
     dev: true
 
-  /@algolia/requester-node-http@4.19.1:
-    resolution: {integrity: sha512-6DK52DHviBHTG2BK/Vv2GIlEw7i+vxm7ypZW0Z7vybGCNDeWzADx+/TmxjkES2h15+FZOqVf/Ja677gePsVItA==}
+  /@algolia/requester-node-http@4.20.0:
+    resolution: {integrity: sha512-ocJ66L60ABSSTRFnCHIEZpNHv6qTxsBwJEPfYaSBsLQodm0F9ptvalFkHMpvj5DfE22oZrcrLbOYM2bdPJRHng==}
     dependencies:
-      '@algolia/requester-common': 4.19.1
+      '@algolia/requester-common': 4.20.0
     dev: true
 
-  /@algolia/transporter@4.19.1:
-    resolution: {integrity: sha512-nkpvPWbpuzxo1flEYqNIbGz7xhfhGOKGAZS7tzC+TELgEmi7z99qRyTfNSUlW7LZmB3ACdnqAo+9A9KFBENviQ==}
+  /@algolia/transporter@4.20.0:
+    resolution: {integrity: sha512-Lsii1pGWOAISbzeyuf+r/GPhvHMPHSPrTDWNcIzOE1SG1inlJHICaVe2ikuoRjcpgxZNU54Jl+if15SUCsaTUg==}
     dependencies:
-      '@algolia/cache-common': 4.19.1
-      '@algolia/logger-common': 4.19.1
-      '@algolia/requester-common': 4.19.1
+      '@algolia/cache-common': 4.20.0
+      '@algolia/logger-common': 4.20.0
+      '@algolia/requester-common': 4.20.0
     dev: true
 
   /@alloc/quick-lru@5.2.0:
@@ -3198,7 +3515,7 @@ packages:
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.19
+      '@jridgewell/trace-mapping': 0.3.20
 
   /@aw-web-design/x-default-browser@1.4.126:
     resolution: {integrity: sha512-Xk1sIhyNC/esHGGVjL/niHLowM0csl/kFO5uawBy4IrWwy0o1G8LGt3jP6nmWGz+USxeeqbihAmp/oVZju6wug==}
@@ -3207,17 +3524,17 @@ packages:
       default-browser-id: 3.0.0
     dev: true
 
-  /@babel/cli@7.22.15(@babel/core@7.22.17):
-    resolution: {integrity: sha512-prtg5f6zCERIaECeTZzd2fMtVjlfjhUcO+fBLQ6DXXdq5FljN+excVitJ2nogsusdf31LeqkjAfXZ7Xq+HmN8g==}
+  /@babel/cli@7.23.0(@babel/core@7.23.2):
+    resolution: {integrity: sha512-17E1oSkGk2IwNILM4jtfAvgjt+ohmpfBky8aLerUfYZhiPNg7ca+CRCxZn8QDxwNhV/upsc2VHBCqGFIR+iBfA==}
     engines: {node: '>=6.9.0'}
     hasBin: true
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@jridgewell/trace-mapping': 0.3.19
+      '@babel/core': 7.23.2
+      '@jridgewell/trace-mapping': 0.3.20
       commander: 4.1.1
-      convert-source-map: 1.9.0
+      convert-source-map: 2.0.0
       fs-readdir-recursive: 1.1.0
       glob: 7.2.3
       make-dir: 2.1.0
@@ -3230,35 +3547,35 @@ packages:
   /@babel/code-frame@7.12.11:
     resolution: {integrity: sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==}
     dependencies:
-      '@babel/highlight': 7.22.13
+      '@babel/highlight': 7.22.20
     dev: true
 
   /@babel/code-frame@7.22.13:
     resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/highlight': 7.22.13
+      '@babel/highlight': 7.22.20
       chalk: 2.4.2
 
-  /@babel/compat-data@7.22.9:
-    resolution: {integrity: sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==}
+  /@babel/compat-data@7.23.2:
+    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/core@7.22.17:
-    resolution: {integrity: sha512-2EENLmhpwplDux5PSsZnSbnSkB3tZ6QTksgO25xwEL7pIDcNOMhF5v/s6RzwjMZzZzw9Ofc30gHv5ChCC8pifQ==}
+  /@babel/core@7.23.2:
+    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@babel/code-frame': 7.22.13
-      '@babel/generator': 7.22.15
+      '@babel/generator': 7.23.0
       '@babel/helper-compilation-targets': 7.22.15
-      '@babel/helper-module-transforms': 7.22.17(@babel/core@7.22.17)
-      '@babel/helpers': 7.22.15
-      '@babel/parser': 7.22.16
+      '@babel/helper-module-transforms': 7.23.0(@babel/core@7.23.2)
+      '@babel/helpers': 7.23.2
+      '@babel/parser': 7.23.0
       '@babel/template': 7.22.15
-      '@babel/traverse': 7.22.17
-      '@babel/types': 7.22.17
-      convert-source-map: 1.9.0
+      '@babel/traverse': 7.23.2
+      '@babel/types': 7.23.0
+      convert-source-map: 2.0.0
       debug: 4.3.4
       gensync: 1.0.0-beta.2
       json5: 2.2.3
@@ -3266,150 +3583,150 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/generator@7.22.15:
-    resolution: {integrity: sha512-Zu9oWARBqeVOW0dZOjXc3JObrzuqothQ3y/n1kUtrjCoCPLkXUwMvOo/F/TCfoHMbWIFlWwpZtkZVb9ga4U2pA==}
+  /@babel/generator@7.23.0:
+    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
       '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.19
+      '@jridgewell/trace-mapping': 0.3.20
       jsesc: 2.5.2
 
   /@babel/helper-annotate-as-pure@7.22.5:
     resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
     dev: true
 
   /@babel/helper-builder-binary-assignment-operator-visitor@7.22.15:
     resolution: {integrity: sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
     dev: true
 
   /@babel/helper-compilation-targets@7.22.15:
     resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/compat-data': 7.22.9
+      '@babel/compat-data': 7.23.2
       '@babel/helper-validator-option': 7.22.15
-      browserslist: 4.21.10
+      browserslist: 4.22.1
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  /@babel/helper-create-class-features-plugin@7.22.15(@babel/core@7.22.17):
+  /@babel/helper-create-class-features-plugin@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-function-name': 7.22.5
-      '@babel/helper-member-expression-to-functions': 7.22.15
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.23.0
+      '@babel/helper-member-expression-to-functions': 7.23.0
       '@babel/helper-optimise-call-expression': 7.22.5
-      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.17)
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.2)
       '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
       semver: 6.3.1
     dev: true
 
-  /@babel/helper-create-regexp-features-plugin@7.22.15(@babel/core@7.22.17):
+  /@babel/helper-create-regexp-features-plugin@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-annotate-as-pure': 7.22.5
       regexpu-core: 5.3.2
       semver: 6.3.1
     dev: true
 
-  /@babel/helper-define-polyfill-provider@0.1.5(@babel/core@7.22.17):
+  /@babel/helper-define-polyfill-provider@0.1.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-nXuzCSwlJ/WKr8qxzW816gwyT6VZgiJG17zR40fou70yfAcqjoNyTLl/DQ+FExw5Hx5KNqshmN8Ldl/r2N7cTg==}
     peerDependencies:
       '@babel/core': ^7.4.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-compilation-targets': 7.22.15
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/traverse': 7.22.17
+      '@babel/traverse': 7.23.2
       debug: 4.3.4
       lodash.debounce: 4.0.8
-      resolve: 1.22.4
+      resolve: 1.22.8
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/helper-define-polyfill-provider@0.4.2(@babel/core@7.22.17):
-    resolution: {integrity: sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==}
+  /@babel/helper-define-polyfill-provider@0.4.3(@babel/core@7.23.2):
+    resolution: {integrity: sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-compilation-targets': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
       debug: 4.3.4
       lodash.debounce: 4.0.8
-      resolve: 1.22.4
+      resolve: 1.22.8
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/helper-environment-visitor@7.22.5:
-    resolution: {integrity: sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==}
+  /@babel/helper-environment-visitor@7.22.20:
+    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/helper-function-name@7.22.5:
-    resolution: {integrity: sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==}
+  /@babel/helper-function-name@7.23.0:
+    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.22.15
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
 
   /@babel/helper-hoist-variables@7.22.5:
     resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
 
-  /@babel/helper-member-expression-to-functions@7.22.15:
-    resolution: {integrity: sha512-qLNsZbgrNh0fDQBCPocSL8guki1hcPvltGDv/NxvUoABwFq7GkKSu1nRXeJkVZc+wJvne2E0RKQz+2SQrz6eAA==}
+  /@babel/helper-member-expression-to-functions@7.23.0:
+    resolution: {integrity: sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
     dev: true
 
   /@babel/helper-module-imports@7.22.15:
     resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
 
-  /@babel/helper-module-transforms@7.22.17(@babel/core@7.22.17):
-    resolution: {integrity: sha512-XouDDhQESrLHTpnBtCKExJdyY4gJCdrvH2Pyv8r8kovX2U8G0dRUOT45T9XlbLtuu9CLXP15eusnkprhoPV5iQ==}
+  /@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2):
+    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/core': 7.23.2
+      '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-simple-access': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/helper-validator-identifier': 7.22.15
+      '@babel/helper-validator-identifier': 7.22.20
 
   /@babel/helper-optimise-call-expression@7.22.5:
     resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
     dev: true
 
   /@babel/helper-plugin-utils@7.22.5:
@@ -3417,27 +3734,27 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: true
 
-  /@babel/helper-remap-async-to-generator@7.22.17(@babel/core@7.22.17):
-    resolution: {integrity: sha512-bxH77R5gjH3Nkde6/LuncQoLaP16THYPscurp1S8z7S9ZgezCyV3G8Hc+TZiCmY8pz4fp8CvKSgtJMW0FkLAxA==}
+  /@babel/helper-remap-async-to-generator@7.22.20(@babel/core@7.23.2):
+    resolution: {integrity: sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-wrap-function': 7.22.17
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-wrap-function': 7.22.20
     dev: true
 
-  /@babel/helper-replace-supers@7.22.9(@babel/core@7.22.17):
-    resolution: {integrity: sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==}
+  /@babel/helper-replace-supers@7.22.20(@babel/core@7.23.2):
+    resolution: {integrity: sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-member-expression-to-functions': 7.22.15
+      '@babel/core': 7.23.2
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-member-expression-to-functions': 7.23.0
       '@babel/helper-optimise-call-expression': 7.22.5
     dev: true
 
@@ -3445,1179 +3762,1179 @@ packages:
     resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
 
   /@babel/helper-skip-transparent-expression-wrappers@7.22.5:
     resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
     dev: true
 
   /@babel/helper-split-export-declaration@7.22.6:
     resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
 
   /@babel/helper-string-parser@7.22.5:
     resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/helper-validator-identifier@7.22.15:
-    resolution: {integrity: sha512-4E/F9IIEi8WR94324mbDUMo074YTheJmd7eZF5vITTeYchqAi6sYXRLHUVsmkdmY4QjfKTcB2jB7dVP3NaBElQ==}
+  /@babel/helper-validator-identifier@7.22.20:
+    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
     engines: {node: '>=6.9.0'}
 
   /@babel/helper-validator-option@7.22.15:
     resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/helper-wrap-function@7.22.17:
-    resolution: {integrity: sha512-nAhoheCMlrqU41tAojw9GpVEKDlTS8r3lzFmF0lP52LwblCPbuFSO7nGIZoIcoU5NIm1ABrna0cJExE4Ay6l2Q==}
+  /@babel/helper-wrap-function@7.22.20:
+    resolution: {integrity: sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-function-name': 7.23.0
       '@babel/template': 7.22.15
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
     dev: true
 
-  /@babel/helpers@7.22.15:
-    resolution: {integrity: sha512-7pAjK0aSdxOwR+CcYAqgWOGy5dcfvzsTIfFTb2odQqW47MDfv14UaJDY6eng8ylM2EaeKXdxaSWESbkmaQHTmw==}
+  /@babel/helpers@7.23.2:
+    resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.22.15
-      '@babel/traverse': 7.22.17
-      '@babel/types': 7.22.17
+      '@babel/traverse': 7.23.2
+      '@babel/types': 7.23.0
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/highlight@7.22.13:
-    resolution: {integrity: sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==}
+  /@babel/highlight@7.22.20:
+    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-validator-identifier': 7.22.15
+      '@babel/helper-validator-identifier': 7.22.20
       chalk: 2.4.2
       js-tokens: 4.0.0
 
-  /@babel/parser@7.22.16:
-    resolution: {integrity: sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==}
+  /@babel/parser@7.23.0:
+    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
 
-  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.22.15(@babel/core@7.22.17):
+  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.22.15(@babel/core@7.22.17):
+  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.13.0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/plugin-transform-optional-chaining': 7.22.15(@babel/core@7.22.17)
+      '@babel/plugin-transform-optional-chaining': 7.23.0(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-proposal-class-properties@7.18.6(@babel/core@7.22.17):
+  /@babel/plugin-proposal-class-properties@7.18.6(@babel/core@7.23.2):
     resolution: {integrity: sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==}
     engines: {node: '>=6.9.0'}
     deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-proposal-export-default-from@7.22.17(@babel/core@7.22.17):
+  /@babel/plugin-proposal-export-default-from@7.22.17(@babel/core@7.23.2):
     resolution: {integrity: sha512-cop/3quQBVvdz6X5SJC6AhUv3C9DrVTM06LUEXimEdWAhCSyOJIr9NiZDU9leHZ0/aiG0Sh7Zmvaku5TWYNgbA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-export-default-from': 7.22.5(@babel/core@7.22.17)
+      '@babel/plugin-syntax-export-default-from': 7.22.5(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-proposal-export-namespace-from@7.18.9(@babel/core@7.22.17):
+  /@babel/plugin-proposal-export-namespace-from@7.18.9(@babel/core@7.23.2):
     resolution: {integrity: sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA==}
     engines: {node: '>=6.9.0'}
     deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-export-namespace-from instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.22.17)
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-proposal-nullish-coalescing-operator@7.18.6(@babel/core@7.22.17):
+  /@babel/plugin-proposal-nullish-coalescing-operator@7.18.6(@babel/core@7.23.2):
     resolution: {integrity: sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==}
     engines: {node: '>=6.9.0'}
     deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.17)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-proposal-object-rest-spread@7.20.7(@babel/core@7.22.17):
+  /@babel/plugin-proposal-object-rest-spread@7.20.7(@babel/core@7.23.2):
     resolution: {integrity: sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==}
     engines: {node: '>=6.9.0'}
     deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/compat-data': 7.22.9
-      '@babel/core': 7.22.17
+      '@babel/compat-data': 7.23.2
+      '@babel/core': 7.23.2
       '@babel/helper-compilation-targets': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-transform-parameters': 7.22.15(@babel/core@7.22.17)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-transform-parameters': 7.22.15(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-proposal-optional-chaining@7.21.0(@babel/core@7.22.17):
+  /@babel/plugin-proposal-optional-chaining@7.21.0(@babel/core@7.23.2):
     resolution: {integrity: sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==}
     engines: {node: '>=6.9.0'}
     deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.17)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.22.17):
+  /@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.23.2):
     resolution: {integrity: sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
     dev: true
 
-  /@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.22.17):
+  /@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.23.2):
     resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.22.17):
+  /@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.23.2):
     resolution: {integrity: sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.22.17):
+  /@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.23.2):
     resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.22.17):
+  /@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.22.17):
+  /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.23.2):
     resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-export-default-from@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-syntax-export-default-from@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-ODAqWWXB/yReh/jVQDag/3/tl6lgBueQkk/TcfW/59Oykm4c8a55XloX0CTk2k2VJiFWMgHby9xNX29IbCv9dQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.22.17):
+  /@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.23.2):
     resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-flow@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-syntax-flow@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-9RdCl0i+q0QExayk2nOS7853w08yLucnnPML6EN9S8fgMPVtdLDCdx/cOQ/i44Lb9UeQX9A35yaqBBOMMZxPxQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-import-assertions@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-syntax-import-assertions@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-import-attributes@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-syntax-import-attributes@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.22.17):
+  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.23.2):
     resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.22.17):
+  /@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.23.2):
     resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.22.17):
+  /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.23.2):
     resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.22.17):
+  /@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.23.2):
     resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.22.17):
+  /@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.23.2):
     resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.22.17):
+  /@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.23.2):
     resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.22.17):
+  /@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.23.2):
     resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.22.17):
+  /@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.23.2):
     resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.22.17):
+  /@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.22.17):
+  /@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-typescript@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-syntax-typescript@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.22.17):
+  /@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.23.2):
     resolution: {integrity: sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-arrow-functions@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-arrow-functions@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-async-generator-functions@7.22.15(@babel/core@7.22.17):
-    resolution: {integrity: sha512-jBm1Es25Y+tVoTi5rfd5t1KLmL8ogLKpXszboWOTTtGFGz2RKnQe2yn7HbZ+kb/B8N0FVSGQo874NSlOU1T4+w==}
+  /@babel/plugin-transform-async-generator-functions@7.23.2(@babel/core@7.23.2):
+    resolution: {integrity: sha512-BBYVGxbDVHfoeXbOwcagAkOQAm9NxoTdMGfTqghu1GrvadSaw6iW3Je6IcL5PNOw8VwjxqBECXy50/iCQSY/lQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/core': 7.23.2
+      '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-remap-async-to-generator': 7.22.17(@babel/core@7.22.17)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.17)
+      '@babel/helper-remap-async-to-generator': 7.22.20(@babel/core@7.23.2)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-async-to-generator@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-async-to-generator@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-remap-async-to-generator': 7.22.17(@babel/core@7.22.17)
+      '@babel/helper-remap-async-to-generator': 7.22.20(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-block-scoped-functions@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-block-scoped-functions@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-block-scoping@7.22.15(@babel/core@7.22.17):
-    resolution: {integrity: sha512-G1czpdJBZCtngoK1sJgloLiOHUnkb/bLZwqVZD8kXmq0ZnVfTTWUcs9OWtp0mBtYJ+4LQY1fllqBkOIPhXmFmw==}
+  /@babel/plugin-transform-block-scoping@7.23.0(@babel/core@7.23.2):
+    resolution: {integrity: sha512-cOsrbmIOXmf+5YbL99/S49Y3j46k/T16b9ml8bm9lP6N9US5iQ2yBK7gpui1pg0V/WMcXdkfKbTb7HXq9u+v4g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-class-properties@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-class-properties@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-class-static-block@7.22.11(@babel/core@7.22.17):
+  /@babel/plugin-transform-class-static-block@7.22.11(@babel/core@7.23.2):
     resolution: {integrity: sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.12.0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.22.17)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-classes@7.22.15(@babel/core@7.22.17):
+  /@babel/plugin-transform-classes@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-annotate-as-pure': 7.22.5
       '@babel/helper-compilation-targets': 7.22.15
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.23.0
       '@babel/helper-optimise-call-expression': 7.22.5
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.17)
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.2)
       '@babel/helper-split-export-declaration': 7.22.6
       globals: 11.12.0
     dev: true
 
-  /@babel/plugin-transform-computed-properties@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-computed-properties@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/template': 7.22.15
     dev: true
 
-  /@babel/plugin-transform-destructuring@7.22.15(@babel/core@7.22.17):
-    resolution: {integrity: sha512-HzG8sFl1ZVGTme74Nw+X01XsUTqERVQ6/RLHo3XjGRzm7XD6QTtfS3NJotVgCGy8BzkDqRjRBD8dAyJn5TuvSQ==}
+  /@babel/plugin-transform-destructuring@7.23.0(@babel/core@7.23.2):
+    resolution: {integrity: sha512-vaMdgNXFkYrB+8lbgniSYWHsgqK5gjaMNcc84bMIOMRLH0L9AqYq3hwMdvnyqj1OPqea8UtjPEuS/DCenah1wg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-dotall-regex@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-dotall-regex@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-duplicate-keys@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-duplicate-keys@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-dynamic-import@7.22.11(@babel/core@7.22.17):
+  /@babel/plugin-transform-dynamic-import@7.22.11(@babel/core@7.23.2):
     resolution: {integrity: sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.22.17)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-exponentiation-operator@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-exponentiation-operator@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-builder-binary-assignment-operator-visitor': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-export-namespace-from@7.22.11(@babel/core@7.22.17):
+  /@babel/plugin-transform-export-namespace-from@7.22.11(@babel/core@7.23.2):
     resolution: {integrity: sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.22.17)
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-flow-strip-types@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-flow-strip-types@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-tujNbZdxdG0/54g/oua8ISToaXTFBf8EnSb5PgQSciIXWOWKX3S4+JR7ZE9ol8FZwf9kxitzkGQ+QWeov/mCiA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-flow': 7.22.5(@babel/core@7.22.17)
+      '@babel/plugin-syntax-flow': 7.22.5(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-for-of@7.22.15(@babel/core@7.22.17):
+  /@babel/plugin-transform-for-of@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-function-name@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-function-name@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-compilation-targets': 7.22.15
-      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-function-name': 7.23.0
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-json-strings@7.22.11(@babel/core@7.22.17):
+  /@babel/plugin-transform-json-strings@7.22.11(@babel/core@7.23.2):
     resolution: {integrity: sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.22.17)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-literals@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-literals@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-logical-assignment-operators@7.22.11(@babel/core@7.22.17):
+  /@babel/plugin-transform-logical-assignment-operators@7.22.11(@babel/core@7.23.2):
     resolution: {integrity: sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.22.17)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-member-expression-literals@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-member-expression-literals@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-modules-amd@7.22.5(@babel/core@7.22.17):
-    resolution: {integrity: sha512-R+PTfLTcYEmb1+kK7FNkhQ1gP4KgjpSO6HfH9+f8/yfp2Nt3ggBjiVpRwmwTlfqZLafYKJACy36yDXlEmI9HjQ==}
+  /@babel/plugin-transform-modules-amd@7.23.0(@babel/core@7.23.2):
+    resolution: {integrity: sha512-xWT5gefv2HGSm4QHtgc1sYPbseOyf+FFDo2JbpE25GWl5BqTGO9IMwTYJRoIdjsF85GE+VegHxSCUt5EvoYTAw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-module-transforms': 7.22.17(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-module-transforms': 7.23.0(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-modules-commonjs@7.22.15(@babel/core@7.22.17):
-    resolution: {integrity: sha512-jWL4eh90w0HQOTKP2MoXXUpVxilxsB2Vl4ji69rSjS3EcZ/v4sBmn+A3NpepuJzBhOaEBbR7udonlHHn5DWidg==}
+  /@babel/plugin-transform-modules-commonjs@7.23.0(@babel/core@7.23.2):
+    resolution: {integrity: sha512-32Xzss14/UVc7k9g775yMIvkVK8xwKE0DPdP5JTapr3+Z9w4tzeOuLNY6BXDQR6BdnzIlXnCGAzsk/ICHBLVWQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-module-transforms': 7.22.17(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-module-transforms': 7.23.0(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/helper-simple-access': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-modules-systemjs@7.22.11(@babel/core@7.22.17):
-    resolution: {integrity: sha512-rIqHmHoMEOhI3VkVf5jQ15l539KrwhzqcBO6wdCNWPWc/JWt9ILNYNUssbRpeq0qWns8svuw8LnMNCvWBIJ8wA==}
+  /@babel/plugin-transform-modules-systemjs@7.23.0(@babel/core@7.23.2):
+    resolution: {integrity: sha512-qBej6ctXZD2f+DhlOC9yO47yEYgUh5CZNz/aBoH4j/3NOlRfJXJbY7xDQCqQVf9KbrqGzIWER1f23doHGrIHFg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-hoist-variables': 7.22.5
-      '@babel/helper-module-transforms': 7.22.17(@babel/core@7.22.17)
+      '@babel/helper-module-transforms': 7.23.0(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-validator-identifier': 7.22.15
+      '@babel/helper-validator-identifier': 7.22.20
     dev: true
 
-  /@babel/plugin-transform-modules-umd@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-modules-umd@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-module-transforms': 7.22.17(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-module-transforms': 7.23.0(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-named-capturing-groups-regex@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-named-capturing-groups-regex@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-new-target@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-new-target@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-nullish-coalescing-operator@7.22.11(@babel/core@7.22.17):
+  /@babel/plugin-transform-nullish-coalescing-operator@7.22.11(@babel/core@7.23.2):
     resolution: {integrity: sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.17)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-numeric-separator@7.22.11(@babel/core@7.22.17):
+  /@babel/plugin-transform-numeric-separator@7.22.11(@babel/core@7.23.2):
     resolution: {integrity: sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.22.17)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-object-rest-spread@7.22.15(@babel/core@7.22.17):
+  /@babel/plugin-transform-object-rest-spread@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/compat-data': 7.22.9
-      '@babel/core': 7.22.17
+      '@babel/compat-data': 7.23.2
+      '@babel/core': 7.23.2
       '@babel/helper-compilation-targets': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-transform-parameters': 7.22.15(@babel/core@7.22.17)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-transform-parameters': 7.22.15(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-object-super@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-object-super@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.17)
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-optional-catch-binding@7.22.11(@babel/core@7.22.17):
+  /@babel/plugin-transform-optional-catch-binding@7.22.11(@babel/core@7.23.2):
     resolution: {integrity: sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.22.17)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-optional-chaining@7.22.15(@babel/core@7.22.17):
-    resolution: {integrity: sha512-ngQ2tBhq5vvSJw2Q2Z9i7ealNkpDMU0rGWnHPKqRZO0tzZ5tlaoz4hDvhXioOoaE0X2vfNss1djwg0DXlfu30A==}
+  /@babel/plugin-transform-optional-chaining@7.23.0(@babel/core@7.23.2):
+    resolution: {integrity: sha512-sBBGXbLJjxTzLBF5rFWaikMnOGOk/BmK6vVByIdEggZ7Vn6CvWXZyRkkLFK6WE0IF8jSliyOkUN6SScFgzCM0g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.17)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-parameters@7.22.15(@babel/core@7.22.17):
+  /@babel/plugin-transform-parameters@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-private-methods@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-private-methods@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-private-property-in-object@7.22.11(@babel/core@7.22.17):
+  /@babel/plugin-transform-private-property-in-object@7.22.11(@babel/core@7.23.2):
     resolution: {integrity: sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.17)
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.22.17)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-property-literals@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-property-literals@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-react-display-name@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-react-display-name@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-PVk3WPYudRF5z4GKMEYUrLjPl38fJSKNaEOkFuoprioowGuWN6w2RKznuFNSlJx7pzzXXStPUnNSOEO0jL5EVw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-react-jsx-development@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-react-jsx-development@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/plugin-transform-react-jsx': 7.22.15(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/plugin-transform-react-jsx': 7.22.15(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.22.17):
+  /@babel/plugin-transform-react-jsx@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-annotate-as-pure': 7.22.5
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.22.17)
-      '@babel/types': 7.22.17
+      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.2)
+      '@babel/types': 7.23.0
     dev: true
 
-  /@babel/plugin-transform-react-pure-annotations@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-react-pure-annotations@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-gP4k85wx09q+brArVinTXhWiyzLl9UpmGva0+mWyKxk6JZequ05x3eUcIUE+FyttPKJFRRVtAvQaJ6YF9h1ZpA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-annotate-as-pure': 7.22.5
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-regenerator@7.22.10(@babel/core@7.22.17):
+  /@babel/plugin-transform-regenerator@7.22.10(@babel/core@7.23.2):
     resolution: {integrity: sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
       regenerator-transform: 0.15.2
     dev: true
 
-  /@babel/plugin-transform-reserved-words@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-reserved-words@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-runtime@7.22.15(@babel/core@7.22.17):
-    resolution: {integrity: sha512-tEVLhk8NRZSmwQ0DJtxxhTrCht1HVo8VaMzYT4w6lwyKBuHsgoioAUA7/6eT2fRfc5/23fuGdlwIxXhRVgWr4g==}
+  /@babel/plugin-transform-runtime@7.23.2(@babel/core@7.23.2):
+    resolution: {integrity: sha512-XOntj6icgzMS58jPVtQpiuF6ZFWxQiJavISGx5KGjRj+3gqZr8+N6Kx+N9BApWzgS+DOjIZfXXj0ZesenOWDyA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
-      babel-plugin-polyfill-corejs2: 0.4.5(@babel/core@7.22.17)
-      babel-plugin-polyfill-corejs3: 0.8.3(@babel/core@7.22.17)
-      babel-plugin-polyfill-regenerator: 0.5.2(@babel/core@7.22.17)
+      babel-plugin-polyfill-corejs2: 0.4.6(@babel/core@7.23.2)
+      babel-plugin-polyfill-corejs3: 0.8.6(@babel/core@7.23.2)
+      babel-plugin-polyfill-regenerator: 0.5.3(@babel/core@7.23.2)
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-shorthand-properties@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-shorthand-properties@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-spread@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-spread@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-sticky-regex@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-sticky-regex@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-template-literals@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-template-literals@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-typeof-symbol@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-typeof-symbol@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-typescript@7.22.15(@babel/core@7.22.17):
+  /@babel/plugin-transform-typescript@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.17)
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.22.17)
+      '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.23.2)
     dev: true
 
-  /@babel/plugin-transform-unicode-escapes@7.22.10(@babel/core@7.22.17):
+  /@babel/plugin-transform-unicode-escapes@7.22.10(@babel/core@7.23.2):
     resolution: {integrity: sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-unicode-property-regex@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-unicode-property-regex@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-unicode-regex@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-unicode-regex@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-unicode-sets-regex@7.22.5(@babel/core@7.22.17):
+  /@babel/plugin-transform-unicode-sets-regex@7.22.5(@babel/core@7.23.2):
     resolution: {integrity: sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.23.2)
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/preset-env@7.22.15(@babel/core@7.22.17):
-    resolution: {integrity: sha512-tZFHr54GBkHk6hQuVA8w4Fmq+MSPsfvMG0vPnOYyTnJpyfMqybL8/MbNCPRT9zc2KBO2pe4tq15g6Uno4Jpoag==}
+  /@babel/preset-env@7.23.2(@babel/core@7.23.2):
+    resolution: {integrity: sha512-BW3gsuDD+rvHL2VO2SjAUNTBe5YrjsTiDyqamPDWY723na3/yPQ65X5oQkFVJZ0o50/2d+svm1rkPoJeR1KxVQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/compat-data': 7.22.9
-      '@babel/core': 7.22.17
+      '@babel/compat-data': 7.23.2
+      '@babel/core': 7.23.2
       '@babel/helper-compilation-targets': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/helper-validator-option': 7.22.15
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.22.17)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.17)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.22.17)
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.22.17)
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-import-assertions': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-syntax-import-attributes': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.22.17)
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.22.17)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.22.17)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.22.17)
-      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.22.17)
-      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.22.17)
-      '@babel/plugin-transform-arrow-functions': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-async-generator-functions': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-transform-async-to-generator': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-block-scoped-functions': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-block-scoping': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-transform-class-properties': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-class-static-block': 7.22.11(@babel/core@7.22.17)
-      '@babel/plugin-transform-classes': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-transform-computed-properties': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-destructuring': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-transform-dotall-regex': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-duplicate-keys': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-dynamic-import': 7.22.11(@babel/core@7.22.17)
-      '@babel/plugin-transform-exponentiation-operator': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-export-namespace-from': 7.22.11(@babel/core@7.22.17)
-      '@babel/plugin-transform-for-of': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-transform-function-name': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-json-strings': 7.22.11(@babel/core@7.22.17)
-      '@babel/plugin-transform-literals': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-logical-assignment-operators': 7.22.11(@babel/core@7.22.17)
-      '@babel/plugin-transform-member-expression-literals': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-modules-amd': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-modules-commonjs': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-transform-modules-systemjs': 7.22.11(@babel/core@7.22.17)
-      '@babel/plugin-transform-modules-umd': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-new-target': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-nullish-coalescing-operator': 7.22.11(@babel/core@7.22.17)
-      '@babel/plugin-transform-numeric-separator': 7.22.11(@babel/core@7.22.17)
-      '@babel/plugin-transform-object-rest-spread': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-transform-object-super': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-optional-catch-binding': 7.22.11(@babel/core@7.22.17)
-      '@babel/plugin-transform-optional-chaining': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-transform-parameters': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-transform-private-methods': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-private-property-in-object': 7.22.11(@babel/core@7.22.17)
-      '@babel/plugin-transform-property-literals': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-regenerator': 7.22.10(@babel/core@7.22.17)
-      '@babel/plugin-transform-reserved-words': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-shorthand-properties': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-spread': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-sticky-regex': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-template-literals': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-typeof-symbol': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-unicode-escapes': 7.22.10(@babel/core@7.22.17)
-      '@babel/plugin-transform-unicode-property-regex': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-unicode-regex': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-unicode-sets-regex': 7.22.5(@babel/core@7.22.17)
-      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.22.17)
-      '@babel/types': 7.22.17
-      babel-plugin-polyfill-corejs2: 0.4.5(@babel/core@7.22.17)
-      babel-plugin-polyfill-corejs3: 0.8.3(@babel/core@7.22.17)
-      babel-plugin-polyfill-regenerator: 0.5.2(@babel/core@7.22.17)
-      core-js-compat: 3.32.2
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.22.15(@babel/core@7.23.2)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.22.15(@babel/core@7.23.2)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.23.2)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.23.2)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.23.2)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.23.2)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-import-assertions': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-syntax-import-attributes': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.23.2)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.23.2)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.23.2)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.23.2)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.23.2)
+      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.23.2)
+      '@babel/plugin-transform-arrow-functions': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-async-generator-functions': 7.23.2(@babel/core@7.23.2)
+      '@babel/plugin-transform-async-to-generator': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-block-scoped-functions': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-block-scoping': 7.23.0(@babel/core@7.23.2)
+      '@babel/plugin-transform-class-properties': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-class-static-block': 7.22.11(@babel/core@7.23.2)
+      '@babel/plugin-transform-classes': 7.22.15(@babel/core@7.23.2)
+      '@babel/plugin-transform-computed-properties': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-destructuring': 7.23.0(@babel/core@7.23.2)
+      '@babel/plugin-transform-dotall-regex': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-duplicate-keys': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-dynamic-import': 7.22.11(@babel/core@7.23.2)
+      '@babel/plugin-transform-exponentiation-operator': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-export-namespace-from': 7.22.11(@babel/core@7.23.2)
+      '@babel/plugin-transform-for-of': 7.22.15(@babel/core@7.23.2)
+      '@babel/plugin-transform-function-name': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-json-strings': 7.22.11(@babel/core@7.23.2)
+      '@babel/plugin-transform-literals': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-logical-assignment-operators': 7.22.11(@babel/core@7.23.2)
+      '@babel/plugin-transform-member-expression-literals': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-modules-amd': 7.23.0(@babel/core@7.23.2)
+      '@babel/plugin-transform-modules-commonjs': 7.23.0(@babel/core@7.23.2)
+      '@babel/plugin-transform-modules-systemjs': 7.23.0(@babel/core@7.23.2)
+      '@babel/plugin-transform-modules-umd': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-new-target': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.22.11(@babel/core@7.23.2)
+      '@babel/plugin-transform-numeric-separator': 7.22.11(@babel/core@7.23.2)
+      '@babel/plugin-transform-object-rest-spread': 7.22.15(@babel/core@7.23.2)
+      '@babel/plugin-transform-object-super': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-optional-catch-binding': 7.22.11(@babel/core@7.23.2)
+      '@babel/plugin-transform-optional-chaining': 7.23.0(@babel/core@7.23.2)
+      '@babel/plugin-transform-parameters': 7.22.15(@babel/core@7.23.2)
+      '@babel/plugin-transform-private-methods': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-private-property-in-object': 7.22.11(@babel/core@7.23.2)
+      '@babel/plugin-transform-property-literals': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-regenerator': 7.22.10(@babel/core@7.23.2)
+      '@babel/plugin-transform-reserved-words': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-shorthand-properties': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-spread': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-sticky-regex': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-template-literals': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-typeof-symbol': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-unicode-escapes': 7.22.10(@babel/core@7.23.2)
+      '@babel/plugin-transform-unicode-property-regex': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-unicode-regex': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-unicode-sets-regex': 7.22.5(@babel/core@7.23.2)
+      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.23.2)
+      '@babel/types': 7.23.0
+      babel-plugin-polyfill-corejs2: 0.4.6(@babel/core@7.23.2)
+      babel-plugin-polyfill-corejs3: 0.8.6(@babel/core@7.23.2)
+      babel-plugin-polyfill-regenerator: 0.5.3(@babel/core@7.23.2)
+      core-js-compat: 3.33.2
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/preset-flow@7.22.15(@babel/core@7.22.17):
+  /@babel/preset-flow@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-dB5aIMqpkgbTfN5vDdTRPzjqtWiZcRESNR88QYnoPR+bmdYoluOzMX9tQerTv0XzSgZYctPfO1oc0N5zdog1ew==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/helper-validator-option': 7.22.15
-      '@babel/plugin-transform-flow-strip-types': 7.22.5(@babel/core@7.22.17)
+      '@babel/plugin-transform-flow-strip-types': 7.22.5(@babel/core@7.23.2)
     dev: true
 
-  /@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.22.17):
+  /@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.23.2):
     resolution: {integrity: sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0 || ^8.0.0-0 <8.0.0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
       esutils: 2.0.3
     dev: true
 
-  /@babel/preset-react@7.22.15(@babel/core@7.22.17):
+  /@babel/preset-react@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/helper-validator-option': 7.22.15
-      '@babel/plugin-transform-react-display-name': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-react-jsx': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-transform-react-jsx-development': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-react-pure-annotations': 7.22.5(@babel/core@7.22.17)
+      '@babel/plugin-transform-react-display-name': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-react-jsx': 7.22.15(@babel/core@7.23.2)
+      '@babel/plugin-transform-react-jsx-development': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-react-pure-annotations': 7.22.5(@babel/core@7.23.2)
     dev: true
 
-  /@babel/preset-typescript@7.22.15(@babel/core@7.22.17):
-    resolution: {integrity: sha512-HblhNmh6yM+cU4VwbBRpxFhxsTdfS1zsvH9W+gEjD0ARV9+8B4sNfpI6GuhePti84nuvhiwKS539jKPFHskA9A==}
+  /@babel/preset-typescript@7.23.2(@babel/core@7.23.2):
+    resolution: {integrity: sha512-u4UJc1XsS1GhIGteM8rnGiIvf9rJpiVgMEeCnwlLA7WJPC+jcXWJAGxYmeqs5hOZD8BbAfnV5ezBOxQbb4OUxA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/helper-validator-option': 7.22.15
-      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-modules-commonjs': 7.22.15(@babel/core@7.22.17)
-      '@babel/plugin-transform-typescript': 7.22.15(@babel/core@7.22.17)
+      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-modules-commonjs': 7.23.0(@babel/core@7.23.2)
+      '@babel/plugin-transform-typescript': 7.22.15(@babel/core@7.23.2)
     dev: true
 
-  /@babel/register@7.22.15(@babel/core@7.22.17):
+  /@babel/register@7.22.15(@babel/core@7.23.2):
     resolution: {integrity: sha512-V3Q3EqoQdn65RCgTLwauZaTfd1ShhwPmbBv+1dkZV/HpCGMKVyn6oFcRlI7RaKqiDQjX2Qd3AuoEguBgdjIKlg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       clone-deep: 4.0.1
       find-cache-dir: 2.1.0
       make-dir: 2.1.0
@@ -4629,8 +4946,8 @@ packages:
     resolution: {integrity: sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==}
     dev: true
 
-  /@babel/runtime@7.22.15:
-    resolution: {integrity: sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==}
+  /@babel/runtime@7.23.2:
+    resolution: {integrity: sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==}
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.14.0
@@ -4640,32 +4957,32 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.22.13
-      '@babel/parser': 7.22.16
-      '@babel/types': 7.22.17
+      '@babel/parser': 7.23.0
+      '@babel/types': 7.23.0
 
-  /@babel/traverse@7.22.17:
-    resolution: {integrity: sha512-xK4Uwm0JnAMvxYZxOVecss85WxTEIbTa7bnGyf/+EgCL5Zt3U7htUpEOWv9detPlamGKuRzCqw74xVglDWpPdg==}
+  /@babel/traverse@7.23.2:
+    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.22.13
-      '@babel/generator': 7.22.15
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-function-name': 7.22.5
+      '@babel/generator': 7.23.0
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.23.0
       '@babel/helper-hoist-variables': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/parser': 7.22.16
-      '@babel/types': 7.22.17
+      '@babel/parser': 7.23.0
+      '@babel/types': 7.23.0
       debug: 4.3.4
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/types@7.22.17:
-    resolution: {integrity: sha512-YSQPHLFtQNE5xN9tHuZnzu8vPr61wVTBZdfv1meex1NBosa4iT05k/Jw06ddJugi4bk7The/oSwQGFcksmEJQg==}
+  /@babel/types@7.23.0:
+    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-string-parser': 7.22.5
-      '@babel/helper-validator-identifier': 7.22.15
+      '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
 
   /@base2/pretty-print-object@1.0.1:
@@ -4679,7 +4996,7 @@ packages:
   /@changesets/apply-release-plan@6.1.4:
     resolution: {integrity: sha512-FMpKF1fRlJyCZVYHr3CbinpZZ+6MwvOtWUuO8uo+svcATEoc1zRDcj23pAurJ2TZ/uVz1wFHH6K3NlACy0PLew==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@changesets/config': 2.3.1
       '@changesets/get-version-range-type': 0.3.2
       '@changesets/git': 2.0.0
@@ -4697,7 +5014,7 @@ packages:
   /@changesets/assemble-release-plan@5.2.4:
     resolution: {integrity: sha512-xJkWX+1/CUaOUWTguXEbCDTyWJFECEhmdtbkjhn5GVBGxdP/JwaHBIU9sW3FR6gD07UwZ7ovpiPclQZs+j+mvg==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
       '@changesets/get-dependents-graph': 1.3.6
       '@changesets/types': 5.2.1
@@ -4725,7 +5042,7 @@ packages:
     resolution: {integrity: sha512-7Lz1inqGQjBrXgnXlENtzQ7EmO/9c+09d9oi8XoK4ARqlJe8GpafjqKRobcjcA/TTI7Fn2+cke4CrXFZfVF8Rw==}
     hasBin: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@changesets/apply-release-plan': 6.1.4
       '@changesets/assemble-release-plan': 5.2.4
       '@changesets/changelog-git': 0.1.14
@@ -4740,8 +5057,8 @@ packages:
       '@changesets/types': 5.1.0
       '@changesets/write': 0.1.9
       '@manypkg/get-packages': 1.1.3
-      '@types/is-ci': 3.0.0
-      '@types/semver': 6.2.3
+      '@types/is-ci': 3.0.3
+      '@types/semver': 6.2.5
       ansi-colors: 4.1.3
       chalk: 2.4.2
       enquirer: 2.4.1
@@ -4757,7 +5074,7 @@ packages:
       semver: 5.7.2
       spawndamnit: 2.0.0
       term-size: 2.2.1
-      tty-table: 4.2.1
+      tty-table: 4.2.3
     dev: true
 
   /@changesets/config@2.3.1:
@@ -4800,7 +5117,7 @@ packages:
   /@changesets/get-release-plan@3.0.12:
     resolution: {integrity: sha512-TlpEdpxV5ZQmNeHoD6KNKAc01wjRrcu9/CQqzmO4qAlX7ARA4pIuAxd8QZ1AQXv/l4qhHox7SUYH3VLHfarv5w==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@changesets/assemble-release-plan': 5.2.4
       '@changesets/config': 2.3.1
       '@changesets/pre': 1.0.14
@@ -4816,7 +5133,7 @@ packages:
   /@changesets/git@1.5.0:
     resolution: {integrity: sha512-Xo8AT2G7rQJSwV87c8PwMm6BAc98BnufRMsML7m7Iw8Or18WFvFmxqG5aOL5PBvhgq9KrKvaeIBNIymracSuHg==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
@@ -4827,7 +5144,7 @@ packages:
   /@changesets/git@2.0.0:
     resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
@@ -4852,7 +5169,7 @@ packages:
   /@changesets/pre@1.0.14:
     resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@changesets/errors': 0.1.4
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
@@ -4862,7 +5179,7 @@ packages:
   /@changesets/read@0.5.9:
     resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@changesets/git': 2.0.0
       '@changesets/logger': 0.0.5
       '@changesets/parse': 0.3.16
@@ -4887,43 +5204,43 @@ packages:
   /@changesets/write@0.1.9:
     resolution: {integrity: sha512-E90ZrsrfJVOOQaP3Mm5Xd7uDwBAqq3z5paVEavTHKA8wxi7NAL8CmjgbGxSFuiP7ubnJA2BuHlrdE4z86voGOg==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@changesets/types': 5.1.0
       fs-extra: 7.0.1
       human-id: 1.0.2
       prettier: 1.19.1
     dev: true
 
-  /@codemirror/autocomplete@6.9.0(@codemirror/language@6.9.0)(@codemirror/state@6.2.1)(@codemirror/view@6.18.0)(@lezer/common@1.0.4):
-    resolution: {integrity: sha512-Fbwm0V/Wn3BkEJZRhr0hi5BhCo5a7eBL6LYaliPjOSwCyfOpnjXY59HruSxOUNV+1OYer0Tgx1zRNQttjXyDog==}
+  /@codemirror/autocomplete@6.10.2(@codemirror/language@6.9.2)(@codemirror/state@6.3.1)(@codemirror/view@6.21.4)(@lezer/common@1.1.0):
+    resolution: {integrity: sha512-3dCL7b0j2GdtZzWN5j7HDpRAJ26ip07R4NGYz7QYthIYMiX8I4E4TNrYcdTayPJGeVQtd/xe7lWU4XL7THFb/w==}
     peerDependencies:
       '@codemirror/language': ^6.0.0
       '@codemirror/state': ^6.0.0
       '@codemirror/view': ^6.0.0
       '@lezer/common': ^1.0.0
     dependencies:
-      '@codemirror/language': 6.9.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.18.0
-      '@lezer/common': 1.0.4
+      '@codemirror/language': 6.9.2
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.4
+      '@lezer/common': 1.1.0
     dev: false
 
-  /@codemirror/commands@6.2.5:
-    resolution: {integrity: sha512-dSi7ow2P2YgPBZflR9AJoaTHvqmeGIgkhignYMd5zK5y6DANTvxKxp6eMEpIDUJkRAaOY/TFZ4jP1ADIO/GLVA==}
+  /@codemirror/commands@6.3.0:
+    resolution: {integrity: sha512-tFfcxRIlOWiQDFhjBSWJ10MxcvbCIsRr6V64SgrcaY0MwNk32cUOcCuNlWo8VjV4qRQCgNgUAnIeo0svkk4R5Q==}
     dependencies:
-      '@codemirror/language': 6.9.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.18.0
-      '@lezer/common': 1.0.4
+      '@codemirror/language': 6.9.2
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.4
+      '@lezer/common': 1.1.0
     dev: false
 
-  /@codemirror/lang-css@6.2.1(@codemirror/view@6.18.0):
+  /@codemirror/lang-css@6.2.1(@codemirror/view@6.21.4):
     resolution: {integrity: sha512-/UNWDNV5Viwi/1lpr/dIXJNWiwDxpw13I4pTUAsNxZdg6E0mI2kTQb0P2iHczg1Tu+H4EBgJR+hYhKiHKko7qg==}
     dependencies:
-      '@codemirror/autocomplete': 6.9.0(@codemirror/language@6.9.0)(@codemirror/state@6.2.1)(@codemirror/view@6.18.0)(@lezer/common@1.0.4)
-      '@codemirror/language': 6.9.0
-      '@codemirror/state': 6.2.1
-      '@lezer/common': 1.0.4
+      '@codemirror/autocomplete': 6.10.2(@codemirror/language@6.9.2)(@codemirror/state@6.3.1)(@codemirror/view@6.21.4)(@lezer/common@1.1.0)
+      '@codemirror/language': 6.9.2
+      '@codemirror/state': 6.3.1
+      '@lezer/common': 1.1.0
       '@lezer/css': 1.1.3
     transitivePeerDependencies:
       - '@codemirror/view'
@@ -4932,13 +5249,13 @@ packages:
   /@codemirror/lang-html@6.4.6:
     resolution: {integrity: sha512-E4C8CVupBksXvgLSme/zv31x91g06eZHSph7NczVxZW+/K+3XgJGWNT//2WLzaKSBoxpAjaOi5ZnPU1SHhjh3A==}
     dependencies:
-      '@codemirror/autocomplete': 6.9.0(@codemirror/language@6.9.0)(@codemirror/state@6.2.1)(@codemirror/view@6.18.0)(@lezer/common@1.0.4)
-      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.18.0)
+      '@codemirror/autocomplete': 6.10.2(@codemirror/language@6.9.2)(@codemirror/state@6.3.1)(@codemirror/view@6.21.4)(@lezer/common@1.1.0)
+      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.21.4)
       '@codemirror/lang-javascript': 6.2.1
-      '@codemirror/language': 6.9.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.18.0
-      '@lezer/common': 1.0.4
+      '@codemirror/language': 6.9.2
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.4
+      '@lezer/common': 1.1.0
       '@lezer/css': 1.1.3
       '@lezer/html': 1.3.6
     dev: false
@@ -4946,42 +5263,42 @@ packages:
   /@codemirror/lang-javascript@6.2.1:
     resolution: {integrity: sha512-jlFOXTejVyiQCW3EQwvKH0m99bUYIw40oPmFjSX2VS78yzfe0HELZ+NEo9Yfo1MkGRpGlj3Gnu4rdxV1EnAs5A==}
     dependencies:
-      '@codemirror/autocomplete': 6.9.0(@codemirror/language@6.9.0)(@codemirror/state@6.2.1)(@codemirror/view@6.18.0)(@lezer/common@1.0.4)
-      '@codemirror/language': 6.9.0
-      '@codemirror/lint': 6.4.1
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.18.0
-      '@lezer/common': 1.0.4
-      '@lezer/javascript': 1.4.7
+      '@codemirror/autocomplete': 6.10.2(@codemirror/language@6.9.2)(@codemirror/state@6.3.1)(@codemirror/view@6.21.4)(@lezer/common@1.1.0)
+      '@codemirror/language': 6.9.2
+      '@codemirror/lint': 6.4.2
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.4
+      '@lezer/common': 1.1.0
+      '@lezer/javascript': 1.4.9
     dev: false
 
-  /@codemirror/language@6.9.0:
-    resolution: {integrity: sha512-nFu311/0ne/qGuGCL3oKuktBgzVOaxCHZPZv1tLSZkNjPYxxvkjSbzno3MlErG2tgw1Yw1yF8BxMCegeMXqpiw==}
+  /@codemirror/language@6.9.2:
+    resolution: {integrity: sha512-QGTQXSpAKDIzaSE96zNK1UfIUhPgkT1CLjh1N5qVzZuxgsEOhz5RqaN8QCIdyOQklGLx3MgHd9YrE3X3+Pl1ow==}
     dependencies:
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.18.0
-      '@lezer/common': 1.0.4
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.4
+      '@lezer/common': 1.1.0
       '@lezer/highlight': 1.1.6
-      '@lezer/lr': 1.3.10
+      '@lezer/lr': 1.3.13
       style-mod: 4.1.0
     dev: false
 
-  /@codemirror/lint@6.4.1:
-    resolution: {integrity: sha512-2Hx945qKX7FBan5/gUdTM8fsMYrNG9clIgEcPXestbLVFAUyQYFAuju/5BMNf/PwgpVaX5pvRm4+ovjbp9D9gQ==}
+  /@codemirror/lint@6.4.2:
+    resolution: {integrity: sha512-wzRkluWb1ptPKdzlsrbwwjYCPLgzU6N88YBAmlZi8WFyuiEduSd05MnJYNogzyc8rPK7pj6m95ptUApc8sHKVA==}
     dependencies:
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.18.0
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.4
       crelt: 1.0.6
     dev: false
 
-  /@codemirror/state@6.2.1:
-    resolution: {integrity: sha512-RupHSZ8+OjNT38zU9fKH2sv+Dnlr8Eb8sl4NOnnqz95mCFTZUaiRP8Xv5MeeaG0px2b8Bnfe7YGwCV3nsBhbuw==}
+  /@codemirror/state@6.3.1:
+    resolution: {integrity: sha512-88e4HhMtKJyw6fKprGaN/yZfiaoGYOi2nM45YCUC6R/kex9sxFWBDGatS1vk4lMgnWmdIIB9tk8Gj1LmL8YfvA==}
     dev: false
 
-  /@codemirror/view@6.18.0:
-    resolution: {integrity: sha512-T6q1yYAoU+gSWfJFR4ryvDQcyOqS+Mw5RCvh26y0KiNksOOLYhNvdB3BTyLz8vy4fKaYlzbAOyBU7OQPUGHzjQ==}
+  /@codemirror/view@6.21.4:
+    resolution: {integrity: sha512-WKVZ7nvN0lwWPfAf05WxWqTpwjC8YN3q5goj3CsSig7//DD81LULgOx3nBegqpqP0iygBqRmW8z0KSc2QTAdAg==}
     dependencies:
-      '@codemirror/state': 6.2.1
+      '@codemirror/state': 6.3.1
       style-mod: 4.1.0
       w3c-keyname: 2.2.8
     dev: false
@@ -4993,8 +5310,8 @@ packages:
       strict-event-emitter: 0.4.6
     dev: false
 
-  /@codesandbox/sandpack-client@2.6.9:
-    resolution: {integrity: sha512-koDZF/x8Gn7EhnxuyMRxbWrEW/e0/QnPkTtO8PNf4FyPDUITHvBzdjkzefvMLX6wn4aA4knpkLnKfPHMl4BhWA==}
+  /@codesandbox/sandpack-client@2.9.0:
+    resolution: {integrity: sha512-KkG/YusBsL0RnI3P079cckHrRleLaGQVM5Plzn6xWOPM04Dce52MMkr6XIU77ZMjZm/zZ5pmgXLW7M6HoyIy/A==}
     dependencies:
       '@codesandbox/nodebox': 0.1.8
       buffer: 6.0.3
@@ -5003,21 +5320,21 @@ packages:
       static-browser-server: 1.0.3
     dev: false
 
-  /@codesandbox/sandpack-react@2.6.9(@lezer/common@1.0.4)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-JAbpc1emb9lGdZ0zfnfQnJmU91IcH1AUOmoVevB2qwdrxeaQWy5DyKyqRaQDcMyPicXSXMUF6nvDhb0HY34ofw==}
+  /@codesandbox/sandpack-react@2.9.0(@lezer/common@1.1.0)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-A0quGugVyWbRktpdq2Nc6W1+XV0QnHq1lbqDCHAs2ijfWxvhhNaqMr6lWDaG/NTUGRNLUNETbipcNaBeC0dxhw==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@codemirror/autocomplete': 6.9.0(@codemirror/language@6.9.0)(@codemirror/state@6.2.1)(@codemirror/view@6.18.0)(@lezer/common@1.0.4)
-      '@codemirror/commands': 6.2.5
-      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.18.0)
+      '@codemirror/autocomplete': 6.10.2(@codemirror/language@6.9.2)(@codemirror/state@6.3.1)(@codemirror/view@6.21.4)(@lezer/common@1.1.0)
+      '@codemirror/commands': 6.3.0
+      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.21.4)
       '@codemirror/lang-html': 6.4.6
       '@codemirror/lang-javascript': 6.2.1
-      '@codemirror/language': 6.9.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.18.0
-      '@codesandbox/sandpack-client': 2.6.9
+      '@codemirror/language': 6.9.2
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.4
+      '@codesandbox/sandpack-client': 2.9.0
       '@lezer/highlight': 1.1.6
       '@react-hook/intersection-observer': 3.1.1(react@18.2.0)
       '@stitches/core': 1.2.8
@@ -5042,16 +5359,16 @@ packages:
     dev: true
     optional: true
 
-  /@commitlint/cli@17.7.1(@swc/core@1.3.83):
-    resolution: {integrity: sha512-BCm/AT06SNCQtvFv921iNhudOHuY16LswT0R3OeolVGLk8oP+Rk9TfQfgjH7QPMjhvp76bNqGFEcpKojxUNW1g==}
+  /@commitlint/cli@17.8.1(@swc/core@1.3.95):
+    resolution: {integrity: sha512-ay+WbzQesE0Rv4EQKfNbSMiJJ12KdKTDzIt0tcK4k11FdsWmtwP0Kp1NWMOUswfIWo6Eb7p7Ln721Nx9FLNBjg==}
     engines: {node: '>=v14'}
     hasBin: true
     dependencies:
-      '@commitlint/format': 17.4.4
-      '@commitlint/lint': 17.7.0
-      '@commitlint/load': 17.7.1(@swc/core@1.3.83)
-      '@commitlint/read': 17.5.1
-      '@commitlint/types': 17.4.4
+      '@commitlint/format': 17.8.1
+      '@commitlint/lint': 17.8.1
+      '@commitlint/load': 17.8.1(@swc/core@1.3.95)
+      '@commitlint/read': 17.8.1
+      '@commitlint/types': 17.8.1
       execa: 5.1.1
       lodash.isfunction: 3.0.9
       resolve-from: 5.0.0
@@ -5062,26 +5379,26 @@ packages:
       - '@swc/wasm'
     dev: true
 
-  /@commitlint/config-conventional@17.7.0:
-    resolution: {integrity: sha512-iicqh2o6et+9kWaqsQiEYZzfLbtoWv9uZl8kbI8EGfnc0HeGafQBF7AJ0ylN9D/2kj6txltsdyQs8+2fTMwWEw==}
+  /@commitlint/config-conventional@17.8.1:
+    resolution: {integrity: sha512-NxCOHx1kgneig3VLauWJcDWS40DVjg7nKOpBEEK9E5fjJpQqLCilcnKkIIjdBH98kEO1q3NpE5NSrZ2kl/QGJg==}
     engines: {node: '>=v14'}
     dependencies:
       conventional-changelog-conventionalcommits: 6.1.0
     dev: true
 
-  /@commitlint/config-validator@17.6.7:
-    resolution: {integrity: sha512-vJSncmnzwMvpr3lIcm0I8YVVDJTzyjy7NZAeXbTXy+MPUdAr9pKyyg7Tx/ebOQ9kqzE6O9WT6jg2164br5UdsQ==}
+  /@commitlint/config-validator@17.8.1:
+    resolution: {integrity: sha512-UUgUC+sNiiMwkyiuIFR7JG2cfd9t/7MV8VB4TZ+q02ZFkHoduUS4tJGsCBWvBOGD9Btev6IecPMvlWUfJorkEA==}
     engines: {node: '>=v14'}
     dependencies:
-      '@commitlint/types': 17.4.4
+      '@commitlint/types': 17.8.1
       ajv: 8.12.0
     dev: true
 
-  /@commitlint/ensure@17.6.7:
-    resolution: {integrity: sha512-mfDJOd1/O/eIb/h4qwXzUxkmskXDL9vNPnZ4AKYKiZALz4vHzwMxBSYtyL2mUIDeU9DRSpEUins8SeKtFkYHSw==}
+  /@commitlint/ensure@17.8.1:
+    resolution: {integrity: sha512-xjafwKxid8s1K23NFpL8JNo6JnY/ysetKo8kegVM7c8vs+kWLP8VrQq+NbhgVlmCojhEDbzQKp4eRXSjVOGsow==}
     engines: {node: '>=v14'}
     dependencies:
-      '@commitlint/types': 17.4.4
+      '@commitlint/types': 17.8.1
       lodash.camelcase: 4.3.0
       lodash.kebabcase: 4.1.1
       lodash.snakecase: 4.1.1
@@ -5089,131 +5406,131 @@ packages:
       lodash.upperfirst: 4.3.1
     dev: true
 
-  /@commitlint/execute-rule@17.4.0:
-    resolution: {integrity: sha512-LIgYXuCSO5Gvtc0t9bebAMSwd68ewzmqLypqI2Kke1rqOqqDbMpYcYfoPfFlv9eyLIh4jocHWwCK5FS7z9icUA==}
+  /@commitlint/execute-rule@17.8.1:
+    resolution: {integrity: sha512-JHVupQeSdNI6xzA9SqMF+p/JjrHTcrJdI02PwesQIDCIGUrv04hicJgCcws5nzaoZbROapPs0s6zeVHoxpMwFQ==}
     engines: {node: '>=v14'}
     dev: true
 
-  /@commitlint/format@17.4.4:
-    resolution: {integrity: sha512-+IS7vpC4Gd/x+uyQPTAt3hXs5NxnkqAZ3aqrHd5Bx/R9skyCAWusNlNbw3InDbAK6j166D9asQM8fnmYIa+CXQ==}
+  /@commitlint/format@17.8.1:
+    resolution: {integrity: sha512-f3oMTyZ84M9ht7fb93wbCKmWxO5/kKSbwuYvS867duVomoOsgrgljkGGIztmT/srZnaiGbaK8+Wf8Ik2tSr5eg==}
     engines: {node: '>=v14'}
     dependencies:
-      '@commitlint/types': 17.4.4
+      '@commitlint/types': 17.8.1
       chalk: 4.1.2
     dev: true
 
-  /@commitlint/is-ignored@17.7.0:
-    resolution: {integrity: sha512-043rA7m45tyEfW7Zv2vZHF++176MLHH9h70fnPoYlB1slKBeKl8BwNIlnPg4xBdRBVNPaCqvXxWswx2GR4c9Hw==}
+  /@commitlint/is-ignored@17.8.1:
+    resolution: {integrity: sha512-UshMi4Ltb4ZlNn4F7WtSEugFDZmctzFpmbqvpyxD3la510J+PLcnyhf9chs7EryaRFJMdAKwsEKfNK0jL/QM4g==}
     engines: {node: '>=v14'}
     dependencies:
-      '@commitlint/types': 17.4.4
+      '@commitlint/types': 17.8.1
       semver: 7.5.4
     dev: true
 
-  /@commitlint/lint@17.7.0:
-    resolution: {integrity: sha512-TCQihm7/uszA5z1Ux1vw+Nf3yHTgicus/+9HiUQk+kRSQawByxZNESeQoX9ujfVd3r4Sa+3fn0JQAguG4xvvbA==}
+  /@commitlint/lint@17.8.1:
+    resolution: {integrity: sha512-aQUlwIR1/VMv2D4GXSk7PfL5hIaFSfy6hSHV94O8Y27T5q+DlDEgd/cZ4KmVI+MWKzFfCTiTuWqjfRSfdRllCA==}
     engines: {node: '>=v14'}
     dependencies:
-      '@commitlint/is-ignored': 17.7.0
-      '@commitlint/parse': 17.7.0
-      '@commitlint/rules': 17.7.0
-      '@commitlint/types': 17.4.4
+      '@commitlint/is-ignored': 17.8.1
+      '@commitlint/parse': 17.8.1
+      '@commitlint/rules': 17.8.1
+      '@commitlint/types': 17.8.1
     dev: true
 
-  /@commitlint/load@17.7.1(@swc/core@1.3.83):
-    resolution: {integrity: sha512-S/QSOjE1ztdogYj61p6n3UbkUvweR17FQ0zDbNtoTLc+Hz7vvfS7ehoTMQ27hPSjVBpp7SzEcOQu081RLjKHJQ==}
+  /@commitlint/load@17.8.1(@swc/core@1.3.95):
+    resolution: {integrity: sha512-iF4CL7KDFstP1kpVUkT8K2Wl17h2yx9VaR1ztTc8vzByWWcbO/WaKwxsnCOqow9tVAlzPfo1ywk9m2oJ9ucMqA==}
     engines: {node: '>=v14'}
     dependencies:
-      '@commitlint/config-validator': 17.6.7
-      '@commitlint/execute-rule': 17.4.0
-      '@commitlint/resolve-extends': 17.6.7
-      '@commitlint/types': 17.4.4
-      '@types/node': 20.4.7
+      '@commitlint/config-validator': 17.8.1
+      '@commitlint/execute-rule': 17.8.1
+      '@commitlint/resolve-extends': 17.8.1
+      '@commitlint/types': 17.8.1
+      '@types/node': 20.5.1
       chalk: 4.1.2
-      cosmiconfig: 8.3.4(typescript@4.9.5)
-      cosmiconfig-typescript-loader: 4.4.0(@types/node@20.4.7)(cosmiconfig@8.3.4)(ts-node@10.9.1)(typescript@4.9.5)
+      cosmiconfig: 8.3.6(typescript@4.9.5)
+      cosmiconfig-typescript-loader: 4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6)(ts-node@10.9.1)(typescript@4.9.5)
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       lodash.uniq: 4.5.0
       resolve-from: 5.0.0
-      ts-node: 10.9.1(@swc/core@1.3.83)(@types/node@15.14.9)(typescript@4.9.5)
+      ts-node: 10.9.1(@swc/core@1.3.95)(@types/node@15.14.9)(typescript@4.9.5)
       typescript: 4.9.5
     transitivePeerDependencies:
       - '@swc/core'
       - '@swc/wasm'
     dev: true
 
-  /@commitlint/message@17.4.2:
-    resolution: {integrity: sha512-3XMNbzB+3bhKA1hSAWPCQA3lNxR4zaeQAQcHj0Hx5sVdO6ryXtgUBGGv+1ZCLMgAPRixuc6en+iNAzZ4NzAa8Q==}
+  /@commitlint/message@17.8.1:
+    resolution: {integrity: sha512-6bYL1GUQsD6bLhTH3QQty8pVFoETfFQlMn2Nzmz3AOLqRVfNNtXBaSY0dhZ0dM6A2MEq4+2d7L/2LP8TjqGRkA==}
     engines: {node: '>=v14'}
     dev: true
 
-  /@commitlint/parse@17.7.0:
-    resolution: {integrity: sha512-dIvFNUMCUHqq5Abv80mIEjLVfw8QNuA4DS7OWip4pcK/3h5wggmjVnlwGCDvDChkw2TjK1K6O+tAEV78oxjxag==}
+  /@commitlint/parse@17.8.1:
+    resolution: {integrity: sha512-/wLUickTo0rNpQgWwLPavTm7WbwkZoBy3X8PpkUmlSmQJyWQTj0m6bDjiykMaDt41qcUbfeFfaCvXfiR4EGnfw==}
     engines: {node: '>=v14'}
     dependencies:
-      '@commitlint/types': 17.4.4
+      '@commitlint/types': 17.8.1
       conventional-changelog-angular: 6.0.0
       conventional-commits-parser: 4.0.0
     dev: true
 
-  /@commitlint/read@17.5.1:
-    resolution: {integrity: sha512-7IhfvEvB//p9aYW09YVclHbdf1u7g7QhxeYW9ZHSO8Huzp8Rz7m05aCO1mFG7G8M+7yfFnXB5xOmG18brqQIBg==}
+  /@commitlint/read@17.8.1:
+    resolution: {integrity: sha512-Fd55Oaz9irzBESPCdMd8vWWgxsW3OWR99wOntBDHgf9h7Y6OOHjWEdS9Xzen1GFndqgyoaFplQS5y7KZe0kO2w==}
     engines: {node: '>=v14'}
     dependencies:
-      '@commitlint/top-level': 17.4.0
-      '@commitlint/types': 17.4.4
+      '@commitlint/top-level': 17.8.1
+      '@commitlint/types': 17.8.1
       fs-extra: 11.1.1
       git-raw-commits: 2.0.11
       minimist: 1.2.8
     dev: true
 
-  /@commitlint/resolve-extends@17.6.7:
-    resolution: {integrity: sha512-PfeoAwLHtbOaC9bGn/FADN156CqkFz6ZKiVDMjuC2N5N0740Ke56rKU7Wxdwya8R8xzLK9vZzHgNbuGhaOVKIg==}
+  /@commitlint/resolve-extends@17.8.1:
+    resolution: {integrity: sha512-W/ryRoQ0TSVXqJrx5SGkaYuAaE/BUontL1j1HsKckvM6e5ZaG0M9126zcwL6peKSuIetJi7E87PRQF8O86EW0Q==}
     engines: {node: '>=v14'}
     dependencies:
-      '@commitlint/config-validator': 17.6.7
-      '@commitlint/types': 17.4.4
+      '@commitlint/config-validator': 17.8.1
+      '@commitlint/types': 17.8.1
       import-fresh: 3.3.0
       lodash.mergewith: 4.6.2
       resolve-from: 5.0.0
       resolve-global: 1.0.0
     dev: true
 
-  /@commitlint/rules@17.7.0:
-    resolution: {integrity: sha512-J3qTh0+ilUE5folSaoK91ByOb8XeQjiGcdIdiB/8UT1/Rd1itKo0ju/eQVGyFzgTMYt8HrDJnGTmNWwcMR1rmA==}
+  /@commitlint/rules@17.8.1:
+    resolution: {integrity: sha512-2b7OdVbN7MTAt9U0vKOYKCDsOvESVXxQmrvuVUZ0rGFMCrCPJWWP1GJ7f0lAypbDAhaGb8zqtdOr47192LBrIA==}
     engines: {node: '>=v14'}
     dependencies:
-      '@commitlint/ensure': 17.6.7
-      '@commitlint/message': 17.4.2
-      '@commitlint/to-lines': 17.4.0
-      '@commitlint/types': 17.4.4
+      '@commitlint/ensure': 17.8.1
+      '@commitlint/message': 17.8.1
+      '@commitlint/to-lines': 17.8.1
+      '@commitlint/types': 17.8.1
       execa: 5.1.1
     dev: true
 
-  /@commitlint/to-lines@17.4.0:
-    resolution: {integrity: sha512-LcIy/6ZZolsfwDUWfN1mJ+co09soSuNASfKEU5sCmgFCvX5iHwRYLiIuoqXzOVDYOy7E7IcHilr/KS0e5T+0Hg==}
+  /@commitlint/to-lines@17.8.1:
+    resolution: {integrity: sha512-LE0jb8CuR/mj6xJyrIk8VLz03OEzXFgLdivBytoooKO5xLt5yalc8Ma5guTWobw998sbR3ogDd+2jed03CFmJA==}
     engines: {node: '>=v14'}
     dev: true
 
-  /@commitlint/top-level@17.4.0:
-    resolution: {integrity: sha512-/1loE/g+dTTQgHnjoCy0AexKAEFyHsR2zRB4NWrZ6lZSMIxAhBJnmCqwao7b4H8888PsfoTBCLBYIw8vGnej8g==}
+  /@commitlint/top-level@17.8.1:
+    resolution: {integrity: sha512-l6+Z6rrNf5p333SHfEte6r+WkOxGlWK4bLuZKbtf/2TXRN+qhrvn1XE63VhD8Oe9oIHQ7F7W1nG2k/TJFhx2yA==}
     engines: {node: '>=v14'}
     dependencies:
       find-up: 5.0.0
     dev: true
 
-  /@commitlint/types@17.4.4:
-    resolution: {integrity: sha512-amRN8tRLYOsxRr6mTnGGGvB5EmW/4DDjLMgiwK3CCVEmN6Sr/6xePGEpWaspKkckILuUORCwe6VfDBw6uj4axQ==}
+  /@commitlint/types@17.8.1:
+    resolution: {integrity: sha512-PXDQXkAmiMEG162Bqdh9ChML/GJZo6vU+7F03ALKDK8zYc6SuAr47LjG7hGYRqUOz+WK0dU7bQ0xzuqFMdxzeQ==}
     engines: {node: '>=v14'}
     dependencies:
       chalk: 4.1.2
     dev: true
 
-  /@contentlayer/cli@0.3.4(esbuild@0.19.2):
+  /@contentlayer/cli@0.3.4(esbuild@0.19.5):
     resolution: {integrity: sha512-vNDwgLuhYNu+m70NZ3XK9kexKNguuxPXg7Yvzj3B34cEilQjjzSrcTY/i+AIQm9V7uT5GGshx9ukzPf+SmoszQ==}
     dependencies:
-      '@contentlayer/core': 0.3.4(esbuild@0.19.2)
+      '@contentlayer/core': 0.3.4(esbuild@0.19.5)
       '@contentlayer/utils': 0.3.4
       clipanion: 3.2.1(typanion@3.14.0)
       typanion: 3.14.0
@@ -5224,10 +5541,10 @@ packages:
       - supports-color
     dev: false
 
-  /@contentlayer/client@0.3.4(esbuild@0.19.2):
+  /@contentlayer/client@0.3.4(esbuild@0.19.5):
     resolution: {integrity: sha512-QSlLyc3y4PtdC5lFw0L4wTZUH8BQnv2nk37hNCsPAqGf+dRO7TLAzdc+2/mVIRgK+vSH+pSOzjLsQpFxxXRTZA==}
     dependencies:
-      '@contentlayer/core': 0.3.4(esbuild@0.19.2)
+      '@contentlayer/core': 0.3.4(esbuild@0.19.5)
     transitivePeerDependencies:
       - '@effect-ts/otel-node'
       - esbuild
@@ -5235,7 +5552,7 @@ packages:
       - supports-color
     dev: false
 
-  /@contentlayer/core@0.3.4(esbuild@0.19.2):
+  /@contentlayer/core@0.3.4(esbuild@0.19.5):
     resolution: {integrity: sha512-o68oBLwfYZ+2vtgfk1lgHxOl3LoxvRNiUfeQ8IWFWy/L4wnIkKIqLZX01zlRE5IzYM+ZMMN5V0cKQlO7DsyR9g==}
     peerDependencies:
       esbuild: 0.17.x || 0.18.x
@@ -5249,9 +5566,9 @@ packages:
       '@contentlayer/utils': 0.3.4
       camel-case: 4.1.2
       comment-json: 4.2.3
-      esbuild: 0.19.2
+      esbuild: 0.19.5
       gray-matter: 4.0.3
-      mdx-bundler: 9.2.1(esbuild@0.19.2)
+      mdx-bundler: 9.2.1(esbuild@0.19.5)
       rehype-stringify: 9.0.4
       remark-frontmatter: 4.0.1
       remark-parse: 10.0.2
@@ -5264,10 +5581,10 @@ packages:
       - supports-color
     dev: false
 
-  /@contentlayer/source-files@0.3.4(esbuild@0.19.2):
+  /@contentlayer/source-files@0.3.4(esbuild@0.19.5):
     resolution: {integrity: sha512-4njyn0OFPu7WY4tAjMxiJgWOKeiHuBOGdQ36EYE03iij/pPPRbiWbL+cmLccYXUFEW58mDwpqROZZm6pnxjRDQ==}
     dependencies:
-      '@contentlayer/core': 0.3.4(esbuild@0.19.2)
+      '@contentlayer/core': 0.3.4(esbuild@0.19.5)
       '@contentlayer/utils': 0.3.4
       chokidar: 3.5.3
       fast-glob: 3.3.1
@@ -5276,8 +5593,8 @@ packages:
       micromatch: 4.0.5
       ts-pattern: 4.3.0
       unified: 10.1.2
-      yaml: 2.3.2
-      zod: 3.22.2
+      yaml: 2.3.3
+      zod: 3.22.4
     transitivePeerDependencies:
       - '@effect-ts/otel-node'
       - esbuild
@@ -5285,11 +5602,11 @@ packages:
       - supports-color
     dev: false
 
-  /@contentlayer/source-remote-files@0.3.4(esbuild@0.19.2):
+  /@contentlayer/source-remote-files@0.3.4(esbuild@0.19.5):
     resolution: {integrity: sha512-cyiv4sNUySZvR0uAKlM+kSAELzNd2h2QT1R2e41dRKbwOUVxeLfmGiLugr0aVac6Q3xYcD99dbHyR1xWPV+w9w==}
     dependencies:
-      '@contentlayer/core': 0.3.4(esbuild@0.19.2)
-      '@contentlayer/source-files': 0.3.4(esbuild@0.19.2)
+      '@contentlayer/core': 0.3.4(esbuild@0.19.5)
+      '@contentlayer/source-files': 0.3.4(esbuild@0.19.5)
       '@contentlayer/utils': 0.3.4
     transitivePeerDependencies:
       - '@effect-ts/otel-node'
@@ -5311,22 +5628,22 @@ packages:
         optional: true
     dependencies:
       '@effect-ts/core': 0.60.5
-      '@effect-ts/otel': 0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.4.1)(@opentelemetry/core@1.15.2)(@opentelemetry/sdk-trace-base@1.15.2)
-      '@effect-ts/otel-exporter-trace-otlp-grpc': 0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.4.1)(@opentelemetry/core@1.15.2)(@opentelemetry/exporter-trace-otlp-grpc@0.39.1)(@opentelemetry/sdk-trace-base@1.15.2)
-      '@effect-ts/otel-sdk-trace-node': 0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.4.1)(@opentelemetry/core@1.15.2)(@opentelemetry/sdk-trace-base@1.15.2)(@opentelemetry/sdk-trace-node@1.15.2)
+      '@effect-ts/otel': 0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.6.0)(@opentelemetry/core@1.17.1)(@opentelemetry/sdk-trace-base@1.17.1)
+      '@effect-ts/otel-exporter-trace-otlp-grpc': 0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.6.0)(@opentelemetry/core@1.17.1)(@opentelemetry/exporter-trace-otlp-grpc@0.39.1)(@opentelemetry/sdk-trace-base@1.17.1)
+      '@effect-ts/otel-sdk-trace-node': 0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.6.0)(@opentelemetry/core@1.17.1)(@opentelemetry/sdk-trace-base@1.17.1)(@opentelemetry/sdk-trace-node@1.17.1)
       '@js-temporal/polyfill': 0.4.4
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/exporter-trace-otlp-grpc': 0.39.1(@opentelemetry/api@1.4.1)
-      '@opentelemetry/resources': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/sdk-trace-base': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/sdk-trace-node': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/semantic-conventions': 1.15.2
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/exporter-trace-otlp-grpc': 0.39.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/resources': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/sdk-trace-base': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/sdk-trace-node': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/semantic-conventions': 1.17.1
       chokidar: 3.5.3
-      hash-wasm: 4.9.0
+      hash-wasm: 4.10.0
       inflection: 2.0.1
       memfs: 3.5.3
-      oo-ascii-tree: 1.88.0
+      oo-ascii-tree: 1.91.0
       ts-pattern: 4.3.0
       type-fest: 3.13.1
     dev: false
@@ -5346,14 +5663,14 @@ packages:
     engines: {node: '>=10.0.0'}
     dev: true
 
-  /@docusaurus/types@2.0.0-beta.3(@swc/core@1.3.83)(esbuild@0.19.2)(webpack-cli@3.3.12):
+  /@docusaurus/types@2.0.0-beta.3(@swc/core@1.3.95)(esbuild@0.19.5)(webpack-cli@3.3.12):
     resolution: {integrity: sha512-ivQ6L1ahju06ldTvFsZLQxcN6DP32iIB7DscxWVRqP0eyuyX2xAy+jrASqih3lB8lyw0JJaaDEeVE5fjroAQ/Q==}
     dependencies:
       commander: 5.1.0
-      joi: 17.10.1
+      joi: 17.11.0
       querystring: 0.2.0
-      webpack: 5.88.2(@swc/core@1.3.83)(esbuild@0.19.2)(webpack-cli@3.3.12)
-      webpack-merge: 5.9.0
+      webpack: 5.89.0(@swc/core@1.3.95)(esbuild@0.19.5)(webpack-cli@3.3.12)
+      webpack-merge: 5.10.0
     transitivePeerDependencies:
       - '@swc/core'
       - esbuild
@@ -5361,11 +5678,11 @@ packages:
       - webpack-cli
     dev: true
 
-  /@docusaurus/utils@2.0.0-beta.3(@swc/core@1.3.83)(esbuild@0.19.2)(webpack-cli@3.3.12):
+  /@docusaurus/utils@2.0.0-beta.3(@swc/core@1.3.95)(esbuild@0.19.5)(webpack-cli@3.3.12):
     resolution: {integrity: sha512-DApc6xcb3CvvsBCfRU6Zk3KoZa4mZfCJA4XRv5zhlhaSb0GFuAo7KQ353RUu6d0eYYylY3GGRABXkxRE1SEClA==}
     engines: {node: '>=12.13.0'}
     dependencies:
-      '@docusaurus/types': 2.0.0-beta.3(@swc/core@1.3.83)(esbuild@0.19.2)(webpack-cli@3.3.12)
+      '@docusaurus/types': 2.0.0-beta.3(@swc/core@1.3.95)(esbuild@0.19.5)(webpack-cli@3.3.12)
       '@types/github-slugger': 1.3.0
       chalk: 4.1.2
       escape-string-regexp: 4.0.0
@@ -5387,7 +5704,7 @@ packages:
       '@effect-ts/system': 0.57.5
     dev: false
 
-  /@effect-ts/otel-exporter-trace-otlp-grpc@0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.4.1)(@opentelemetry/core@1.15.2)(@opentelemetry/exporter-trace-otlp-grpc@0.39.1)(@opentelemetry/sdk-trace-base@1.15.2):
+  /@effect-ts/otel-exporter-trace-otlp-grpc@0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.6.0)(@opentelemetry/core@1.17.1)(@opentelemetry/exporter-trace-otlp-grpc@0.39.1)(@opentelemetry/sdk-trace-base@1.17.1):
     resolution: {integrity: sha512-47gAg0O2pW5Jlo86jfzjdkwL5a7Bzb+Kj5WTmdu4CxYRfWn9ytKjuuYIfsNDW8neuhdKzn+P5wCddgEh0glYyQ==}
     peerDependencies:
       '@effect-ts/core': ^0.60.2
@@ -5397,14 +5714,14 @@ packages:
       '@opentelemetry/sdk-trace-base': ^1.13.0
     dependencies:
       '@effect-ts/core': 0.60.5
-      '@effect-ts/otel': 0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.4.1)(@opentelemetry/core@1.15.2)(@opentelemetry/sdk-trace-base@1.15.2)
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/exporter-trace-otlp-grpc': 0.39.1(@opentelemetry/api@1.4.1)
-      '@opentelemetry/sdk-trace-base': 1.15.2(@opentelemetry/api@1.4.1)
+      '@effect-ts/otel': 0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.6.0)(@opentelemetry/core@1.17.1)(@opentelemetry/sdk-trace-base@1.17.1)
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/exporter-trace-otlp-grpc': 0.39.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/sdk-trace-base': 1.17.1(@opentelemetry/api@1.6.0)
     dev: false
 
-  /@effect-ts/otel-sdk-trace-node@0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.4.1)(@opentelemetry/core@1.15.2)(@opentelemetry/sdk-trace-base@1.15.2)(@opentelemetry/sdk-trace-node@1.15.2):
+  /@effect-ts/otel-sdk-trace-node@0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.6.0)(@opentelemetry/core@1.17.1)(@opentelemetry/sdk-trace-base@1.17.1)(@opentelemetry/sdk-trace-node@1.17.1):
     resolution: {integrity: sha512-a2sF0ylmn8xOJs8fNeT/spJ1gUcsksAJCALxo9WOfuTCMtTwMVtVhCKEPEeQoL7wFqU+JgPkVdP91+FJ/Rkeow==}
     peerDependencies:
       '@effect-ts/core': ^0.60.2
@@ -5414,14 +5731,14 @@ packages:
       '@opentelemetry/sdk-trace-node': ^1.13.0
     dependencies:
       '@effect-ts/core': 0.60.5
-      '@effect-ts/otel': 0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.4.1)(@opentelemetry/core@1.15.2)(@opentelemetry/sdk-trace-base@1.15.2)
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/sdk-trace-base': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/sdk-trace-node': 1.15.2(@opentelemetry/api@1.4.1)
+      '@effect-ts/otel': 0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.6.0)(@opentelemetry/core@1.17.1)(@opentelemetry/sdk-trace-base@1.17.1)
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/sdk-trace-base': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/sdk-trace-node': 1.17.1(@opentelemetry/api@1.6.0)
     dev: false
 
-  /@effect-ts/otel@0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.4.1)(@opentelemetry/core@1.15.2)(@opentelemetry/sdk-trace-base@1.15.2):
+  /@effect-ts/otel@0.15.1(@effect-ts/core@0.60.5)(@opentelemetry/api@1.6.0)(@opentelemetry/core@1.17.1)(@opentelemetry/sdk-trace-base@1.17.1):
     resolution: {integrity: sha512-AmZJHl7t0+Peh7Yb2+hqn6r9+rd9/UfeA4AMV9h0YGTdOyouyFfD3wzWlxnAUzAQ4Lrod4kC7Noruret4EpqpA==}
     peerDependencies:
       '@effect-ts/core': ^0.60.2
@@ -5430,9 +5747,9 @@ packages:
       '@opentelemetry/sdk-trace-base': ^1.13.0
     dependencies:
       '@effect-ts/core': 0.60.5
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/sdk-trace-base': 1.15.2(@opentelemetry/api@1.4.1)
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/sdk-trace-base': 1.17.1(@opentelemetry/api@1.6.0)
     dev: false
 
   /@effect-ts/system@0.57.5:
@@ -5459,37 +5776,16 @@ packages:
       react: 18.2.0
     dev: true
 
-  /@esbuild-kit/cjs-loader@2.4.2:
-    resolution: {integrity: sha512-BDXFbYOJzT/NBEtp71cvsrGPwGAMGRB/349rwKuoxNSiKjPraNNnlK6MIIabViCjqZugu6j+xeMDlEkWdHHJSg==}
-    dependencies:
-      '@esbuild-kit/core-utils': 3.2.2
-      get-tsconfig: 4.7.0
-    dev: true
-
-  /@esbuild-kit/core-utils@3.2.2:
-    resolution: {integrity: sha512-Ub6LaRaAgF80dTSzUdXpFLM1pVDdmEVB9qb5iAzSpyDlX/mfJTFGOnZ516O05p5uWWteNviMKi4PAyEuRxI5gA==}
-    dependencies:
-      esbuild: 0.18.20
-      source-map-support: 0.5.21
-    dev: true
-
-  /@esbuild-kit/esm-loader@2.5.5:
-    resolution: {integrity: sha512-Qwfvj/qoPbClxCRNuac1Du01r9gvNOT+pMYtJDapfB1eoGN1YlJ1BixLyL9WVENRx5RXgNLdfYdx/CuswlGhMw==}
-    dependencies:
-      '@esbuild-kit/core-utils': 3.2.2
-      get-tsconfig: 4.7.0
-    dev: true
-
-  /@esbuild-plugins/node-resolve@0.1.4(esbuild@0.19.2):
+  /@esbuild-plugins/node-resolve@0.1.4(esbuild@0.19.5):
     resolution: {integrity: sha512-haFQ0qhxEpqtWWY0kx1Y5oE3sMyO1PcoSiWEPrAw6tm/ZOOLXjSs6Q+v1v9eyuVF0nNt50YEvrcrvENmyoMv5g==}
     peerDependencies:
       esbuild: '*'
     dependencies:
-      '@types/resolve': 1.20.2
+      '@types/resolve': 1.20.4
       debug: 4.3.4
-      esbuild: 0.19.2
+      esbuild: 0.19.5
       escape-string-regexp: 4.0.0
-      resolve: 1.22.4
+      resolve: 1.22.8
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -5503,8 +5799,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-arm64@0.19.2:
-    resolution: {integrity: sha512-lsB65vAbe90I/Qe10OjkmrdxSX4UJDjosDgb8sZUKcg3oefEuW2OT2Vozz8ef7wrJbMcmhvCC+hciF8jY/uAkw==}
+  /@esbuild/android-arm64@0.19.5:
+    resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
@@ -5529,8 +5825,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-arm@0.19.2:
-    resolution: {integrity: sha512-tM8yLeYVe7pRyAu9VMi/Q7aunpLwD139EY1S99xbQkT4/q2qa6eA4ige/WJQYdJ8GBL1K33pPFhPfPdJ/WzT8Q==}
+  /@esbuild/android-arm@0.19.5:
+    resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
@@ -5546,8 +5842,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-x64@0.19.2:
-    resolution: {integrity: sha512-qK/TpmHt2M/Hg82WXHRc/W/2SGo/l1thtDHZWqFq7oi24AjZ4O/CpPSu6ZuYKFkEgmZlFoa7CooAyYmuvnaG8w==}
+  /@esbuild/android-x64@0.19.5:
+    resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
@@ -5563,8 +5859,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/darwin-arm64@0.19.2:
-    resolution: {integrity: sha512-Ora8JokrvrzEPEpZO18ZYXkH4asCdc1DLdcVy8TGf5eWtPO1Ie4WroEJzwI52ZGtpODy3+m0a2yEX9l+KUn0tA==}
+  /@esbuild/darwin-arm64@0.19.5:
+    resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
@@ -5580,8 +5876,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/darwin-x64@0.19.2:
-    resolution: {integrity: sha512-tP+B5UuIbbFMj2hQaUr6EALlHOIOmlLM2FK7jeFBobPy2ERdohI4Ka6ZFjZ1ZYsrHE/hZimGuU90jusRE0pwDw==}
+  /@esbuild/darwin-x64@0.19.5:
+    resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -5597,8 +5893,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/freebsd-arm64@0.19.2:
-    resolution: {integrity: sha512-YbPY2kc0acfzL1VPVK6EnAlig4f+l8xmq36OZkU0jzBVHcOTyQDhnKQaLzZudNJQyymd9OqQezeaBgkTGdTGeQ==}
+  /@esbuild/freebsd-arm64@0.19.5:
+    resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -5614,8 +5910,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/freebsd-x64@0.19.2:
-    resolution: {integrity: sha512-nSO5uZT2clM6hosjWHAsS15hLrwCvIWx+b2e3lZ3MwbYSaXwvfO528OF+dLjas1g3bZonciivI8qKR/Hm7IWGw==}
+  /@esbuild/freebsd-x64@0.19.5:
+    resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -5631,8 +5927,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-arm64@0.19.2:
-    resolution: {integrity: sha512-ig2P7GeG//zWlU0AggA3pV1h5gdix0MA3wgB+NsnBXViwiGgY77fuN9Wr5uoCrs2YzaYfogXgsWZbm+HGr09xg==}
+  /@esbuild/linux-arm64@0.19.5:
+    resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -5648,8 +5944,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-arm@0.19.2:
-    resolution: {integrity: sha512-Odalh8hICg7SOD7XCj0YLpYCEc+6mkoq63UnExDCiRA2wXEmGlK5JVrW50vZR9Qz4qkvqnHcpH+OFEggO3PgTg==}
+  /@esbuild/linux-arm@0.19.5:
+    resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -5665,8 +5961,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-ia32@0.19.2:
-    resolution: {integrity: sha512-mLfp0ziRPOLSTek0Gd9T5B8AtzKAkoZE70fneiiyPlSnUKKI4lp+mGEnQXcQEHLJAcIYDPSyBvsUbKUG2ri/XQ==}
+  /@esbuild/linux-ia32@0.19.5:
+    resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -5691,8 +5987,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-loong64@0.19.2:
-    resolution: {integrity: sha512-hn28+JNDTxxCpnYjdDYVMNTR3SKavyLlCHHkufHV91fkewpIyQchS1d8wSbmXhs1fiYDpNww8KTFlJ1dHsxeSw==}
+  /@esbuild/linux-loong64@0.19.5:
+    resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
@@ -5708,8 +6004,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-mips64el@0.19.2:
-    resolution: {integrity: sha512-KbXaC0Sejt7vD2fEgPoIKb6nxkfYW9OmFUK9XQE4//PvGIxNIfPk1NmlHmMg6f25x57rpmEFrn1OotASYIAaTg==}
+  /@esbuild/linux-mips64el@0.19.5:
+    resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -5725,8 +6021,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-ppc64@0.19.2:
-    resolution: {integrity: sha512-dJ0kE8KTqbiHtA3Fc/zn7lCd7pqVr4JcT0JqOnbj4LLzYnp+7h8Qi4yjfq42ZlHfhOCM42rBh0EwHYLL6LEzcw==}
+  /@esbuild/linux-ppc64@0.19.5:
+    resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -5742,8 +6038,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-riscv64@0.19.2:
-    resolution: {integrity: sha512-7Z/jKNFufZ/bbu4INqqCN6DDlrmOTmdw6D0gH+6Y7auok2r02Ur661qPuXidPOJ+FSgbEeQnnAGgsVynfLuOEw==}
+  /@esbuild/linux-riscv64@0.19.5:
+    resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -5759,8 +6055,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-s390x@0.19.2:
-    resolution: {integrity: sha512-U+RinR6aXXABFCcAY4gSlv4CL1oOVvSSCdseQmGO66H+XyuQGZIUdhG56SZaDJQcLmrSfRmx5XZOWyCJPRqS7g==}
+  /@esbuild/linux-s390x@0.19.5:
+    resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -5776,8 +6072,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-x64@0.19.2:
-    resolution: {integrity: sha512-oxzHTEv6VPm3XXNaHPyUTTte+3wGv7qVQtqaZCrgstI16gCuhNOtBXLEBkBREP57YTd68P0VgDgG73jSD8bwXQ==}
+  /@esbuild/linux-x64@0.19.5:
+    resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -5793,8 +6089,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/netbsd-x64@0.19.2:
-    resolution: {integrity: sha512-WNa5zZk1XpTTwMDompZmvQLHszDDDN7lYjEHCUmAGB83Bgs20EMs7ICD+oKeT6xt4phV4NDdSi/8OfjPbSbZfQ==}
+  /@esbuild/netbsd-x64@0.19.5:
+    resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
@@ -5810,8 +6106,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/openbsd-x64@0.19.2:
-    resolution: {integrity: sha512-S6kI1aT3S++Dedb7vxIuUOb3oAxqxk2Rh5rOXOTYnzN8JzW1VzBd+IqPiSpgitu45042SYD3HCoEyhLKQcDFDw==}
+  /@esbuild/openbsd-x64@0.19.5:
+    resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
@@ -5827,8 +6123,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/sunos-x64@0.19.2:
-    resolution: {integrity: sha512-VXSSMsmb+Z8LbsQGcBMiM+fYObDNRm8p7tkUDMPG/g4fhFX5DEFmjxIEa3N8Zr96SjsJ1woAhF0DUnS3MF3ARw==}
+  /@esbuild/sunos-x64@0.19.5:
+    resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
@@ -5844,8 +6140,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-arm64@0.19.2:
-    resolution: {integrity: sha512-5NayUlSAyb5PQYFAU9x3bHdsqB88RC3aM9lKDAz4X1mo/EchMIT1Q+pSeBXNgkfNmRecLXA0O8xP+x8V+g/LKg==}
+  /@esbuild/win32-arm64@0.19.5:
+    resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
@@ -5861,8 +6157,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-ia32@0.19.2:
-    resolution: {integrity: sha512-47gL/ek1v36iN0wL9L4Q2MFdujR0poLZMJwhO2/N3gA89jgHp4MR8DKCmwYtGNksbfJb9JoTtbkoe6sDhg2QTA==}
+  /@esbuild/win32-ia32@0.19.5:
+    resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
@@ -5878,8 +6174,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-x64@0.19.2:
-    resolution: {integrity: sha512-tcuhV7ncXBqbt/Ybf0IyrMcwVOAPDckMK9rXNHtF17UTK18OKLpg08glminN06pt2WCoALhXdLfSPbVvK/6fxw==}
+  /@esbuild/win32-x64@0.19.5:
+    resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -5896,8 +6192,8 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
-  /@eslint-community/regexpp@4.8.0:
-    resolution: {integrity: sha512-JylOEEzDiOryeUnFbQz+oViCXS0KsvR1mvHkoMiu5+UiBvy+RYX7tzlIIIEstF/gVa2tj9AQXk3dgnxv6KxhFg==}
+  /@eslint-community/regexpp@4.10.0:
+    resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
@@ -5908,7 +6204,7 @@ packages:
       ajv: 6.12.6
       debug: 4.3.4
       espree: 7.3.1
-      globals: 13.21.0
+      globals: 13.23.0
       ignore: 4.0.6
       import-fresh: 3.3.0
       js-yaml: 3.14.1
@@ -5921,17 +6217,17 @@ packages:
   /@fal-works/esbuild-plugin-global-externals@2.1.2:
     resolution: {integrity: sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==}
 
-  /@floating-ui/core@1.4.1:
-    resolution: {integrity: sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==}
+  /@floating-ui/core@1.5.0:
+    resolution: {integrity: sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==}
     dependencies:
-      '@floating-ui/utils': 0.1.1
+      '@floating-ui/utils': 0.1.6
     dev: true
 
-  /@floating-ui/dom@1.5.1:
-    resolution: {integrity: sha512-KwvVcPSXg6mQygvA1TjbN/gh///36kKtllIF8SUm0qpFj8+rvYrpvlYdL1JoA71SHpDqgSSdGOSoQ0Mp3uY5aw==}
+  /@floating-ui/dom@1.5.3:
+    resolution: {integrity: sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==}
     dependencies:
-      '@floating-ui/core': 1.4.1
-      '@floating-ui/utils': 0.1.1
+      '@floating-ui/core': 1.5.0
+      '@floating-ui/utils': 0.1.6
     dev: true
 
   /@floating-ui/react-dom@2.0.2(react-dom@18.2.0)(react@18.2.0):
@@ -5940,19 +6236,19 @@ packages:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@floating-ui/dom': 1.5.1
+      '@floating-ui/dom': 1.5.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /@floating-ui/utils@0.1.1:
-    resolution: {integrity: sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw==}
+  /@floating-ui/utils@0.1.6:
+    resolution: {integrity: sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==}
     dev: true
 
-  /@formatjs/ecma402-abstract@1.17.1:
-    resolution: {integrity: sha512-N2sjSUrmsEoynG8Q61pkrKlJ9PxcUGxJke1x3301aGyprGgl58wHWhgGUnzTfS4OHNNNQDxzjcXVp1t5fGW6yQ==}
+  /@formatjs/ecma402-abstract@1.17.2:
+    resolution: {integrity: sha512-k2mTh0m+IV1HRdU0xXM617tSQTi53tVR2muvYOsBeYcUgEAyxV1FOC7Qj279th3fBVQ+Dj6muvNJZcHSPNdbKg==}
     dependencies:
-      '@formatjs/intl-localematcher': 0.4.1
+      '@formatjs/intl-localematcher': 0.4.2
       tslib: 2.6.2
 
   /@formatjs/fast-memoize@2.2.0:
@@ -5960,34 +6256,38 @@ packages:
     dependencies:
       tslib: 2.6.2
 
-  /@formatjs/icu-messageformat-parser@2.6.1:
-    resolution: {integrity: sha512-dTDNupwdovxT1xDXC96zzPUua/XrxTQTOulJZSvaJP0pt3rr/cGR/tq4d7BnxY9oqPZpc4fjWBmrRlhcUyBSiw==}
+  /@formatjs/icu-messageformat-parser@2.7.0:
+    resolution: {integrity: sha512-7uqC4C2RqOaBQtcjqXsSpGRYVn+ckjhNga5T/otFh6MgxRrCJQqvjfbrGLpX1Lcbxdm5WH3Z2WZqt1+Tm/cn/Q==}
     dependencies:
-      '@formatjs/ecma402-abstract': 1.17.1
-      '@formatjs/icu-skeleton-parser': 1.6.1
+      '@formatjs/ecma402-abstract': 1.17.2
+      '@formatjs/icu-skeleton-parser': 1.6.2
       tslib: 2.6.2
 
-  /@formatjs/icu-skeleton-parser@1.6.1:
-    resolution: {integrity: sha512-/LQ6ovxYd8FQjVLmbV+WmuFy86o+JTc0cIQuWixuLuUMfRRif8eUQw3vPK5hx7C/g1UVmKAaOcYRTEsvyEGz9g==}
+  /@formatjs/icu-skeleton-parser@1.6.2:
+    resolution: {integrity: sha512-VtB9Slo4ZL6QgtDFJ8Injvscf0xiDd4bIV93SOJTBjUF4xe2nAWOoSjLEtqIG+hlIs1sNrVKAaFo3nuTI4r5ZA==}
     dependencies:
-      '@formatjs/ecma402-abstract': 1.17.1
+      '@formatjs/ecma402-abstract': 1.17.2
       tslib: 2.6.2
 
-  /@formatjs/intl-localematcher@0.4.1:
-    resolution: {integrity: sha512-Fs4MhhHlLC0RrspX2u2KP7zlwL9eHrBZsOBxaPOeqrCZYLaOUK4cYXQ1ErpAB0HnGV/GUXNa5smzV/7jCuRzxg==}
+  /@formatjs/intl-localematcher@0.4.2:
+    resolution: {integrity: sha512-BGdtJFmaNJy5An/Zan4OId/yR9Ih1OojFjcduX/xOvq798OgWSyDtd6Qd5jqJXwJs1ipe4Fxu9+cshic5Ox2tA==}
     dependencies:
       tslib: 2.6.2
 
-  /@grpc/grpc-js@1.9.2:
-    resolution: {integrity: sha512-Lf2pUhNTaviEdEaGgjU+29qw3arX7Qd/45q66F3z1EV5hroE6wM9xSHPvjB8EY+b1RmKZgwnLWXQorC6fZ9g5g==}
+  /@gar/promisify@1.1.3:
+    resolution: {integrity: sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==}
+    dev: true
+
+  /@grpc/grpc-js@1.9.9:
+    resolution: {integrity: sha512-vQ1qwi/Kiyprt+uhb1+rHMpyk4CVRMTGNUGGPRGS7pLNfWkdCHrGEnT6T3/JyC2VZgoOX/X1KwdoU0WYQAeYcQ==}
     engines: {node: ^8.13.0 || >=10.10.0}
     dependencies:
-      '@grpc/proto-loader': 0.7.9
-      '@types/node': 15.14.9
+      '@grpc/proto-loader': 0.7.10
+      '@types/node': 20.2.5
     dev: false
 
-  /@grpc/proto-loader@0.7.9:
-    resolution: {integrity: sha512-YJsOehVXzgurc+lLAxYnlSMc1p/Gu6VAvnfx0ATi2nzvr0YZcjhmZDeY8SeAKv1M7zE3aEJH0Xo9mK1iZ8GYoQ==}
+  /@grpc/proto-loader@0.7.10:
+    resolution: {integrity: sha512-CAqDfoaQ8ykFd9zqBDn4k6iWT9loLAlc2ETmDFS9JCD70gDcnA4L3AFEo2iV7KyAtAAHFW9ftq1Fz+Vsgq80RQ==}
     engines: {node: '>=6'}
     hasBin: true
     dependencies:
@@ -6025,27 +6325,23 @@ packages:
   /@internationalized/date@3.5.0:
     resolution: {integrity: sha512-nw0Q+oRkizBWMioseI8+2TeUPEyopJVz5YxoYVzR0W1v+2YytiYah7s/ot35F149q/xAg4F1gT/6eTd+tsUpFQ==}
     dependencies:
-      '@swc/helpers': 0.5.2
-    dev: false
+      '@swc/helpers': 0.5.3
 
   /@internationalized/message@3.1.1:
     resolution: {integrity: sha512-ZgHxf5HAPIaR0th+w0RUD62yF6vxitjlprSxmLJ1tam7FOekqRSDELMg4Cr/DdszG5YLsp5BG3FgHgqquQZbqw==}
     dependencies:
-      '@swc/helpers': 0.5.2
-      intl-messageformat: 10.5.1
-    dev: false
+      '@swc/helpers': 0.5.3
+      intl-messageformat: 10.5.4
 
-  /@internationalized/number@3.2.1:
-    resolution: {integrity: sha512-hK30sfBlmB1aIe3/OwAPg9Ey0DjjXvHEiGVhNaOiBJl31G0B6wMaX8BN3ibzdlpyRNE9p7X+3EBONmxtJO9Yfg==}
+  /@internationalized/number@3.3.0:
+    resolution: {integrity: sha512-PuxgnKE5NJMOGKUcX1QROo8jq7sW7UWLrL5B6Rfe8BdWgU/be04cVvLyCeALD46vvbAv3d1mUvyHav/Q9a237g==}
     dependencies:
-      '@swc/helpers': 0.5.2
-    dev: false
+      '@swc/helpers': 0.5.3
 
   /@internationalized/string@3.1.1:
     resolution: {integrity: sha512-fvSr6YRoVPgONiVIUhgCmIAlifMVCeej/snPZVzbzRPxGpHl3o1GRe+d/qh92D8KhgOciruDUH8I5mjdfdjzfA==}
     dependencies:
-      '@swc/helpers': 0.5.2
-    dev: false
+      '@swc/helpers': 0.5.3
 
   /@isaacs/cliui@8.0.2:
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
@@ -6104,7 +6400,7 @@ packages:
       '@types/node': 15.14.9
       ansi-escapes: 4.3.2
       chalk: 4.1.2
-      ci-info: 3.8.0
+      ci-info: 3.9.0
       exit: 0.1.2
       graceful-fs: 4.2.11
       jest-changed-files: 28.1.3
@@ -6201,7 +6497,7 @@ packages:
       '@jest/test-result': 28.1.3
       '@jest/transform': 28.1.3
       '@jest/types': 28.1.3
-      '@jridgewell/trace-mapping': 0.3.19
+      '@jridgewell/trace-mapping': 0.3.20
       '@types/node': 15.14.9
       chalk: 4.1.2
       collect-v8-coverage: 1.0.2
@@ -6220,7 +6516,7 @@ packages:
       string-length: 4.0.2
       strip-ansi: 6.0.1
       terminal-link: 2.1.1
-      v8-to-istanbul: 9.1.0
+      v8-to-istanbul: 9.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -6243,7 +6539,7 @@ packages:
     resolution: {integrity: sha512-cV8Lx3BeStJb8ipPHnqVw/IM2VCMWO3crWZzYodSIkxXnRcXJipCdx1JCK0K5MsJJouZQTH73mzf4vgxRaH9ww==}
     engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0}
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.19
+      '@jridgewell/trace-mapping': 0.3.20
       callsites: 3.1.0
       graceful-fs: 4.2.11
     dev: true
@@ -6254,7 +6550,7 @@ packages:
     dependencies:
       '@jest/console': 28.1.3
       '@jest/types': 28.1.3
-      '@types/istanbul-lib-coverage': 2.0.4
+      '@types/istanbul-lib-coverage': 2.0.5
       collect-v8-coverage: 1.0.2
     dev: true
 
@@ -6272,9 +6568,9 @@ packages:
     resolution: {integrity: sha512-u5dT5di+oFI6hfcLOHGTAfmUxFRrjK+vnaP0kkVow9Md/M7V/MxqQMOz/VV25UZO8pzeA9PjfTpOu6BDuwSPQA==}
     engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0}
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@jest/types': 28.1.3
-      '@jridgewell/trace-mapping': 0.3.19
+      '@jridgewell/trace-mapping': 0.3.20
       babel-plugin-istanbul: 6.1.1
       chalk: 4.1.2
       convert-source-map: 1.9.0
@@ -6291,21 +6587,21 @@ packages:
       - supports-color
     dev: true
 
-  /@jest/transform@29.6.4:
-    resolution: {integrity: sha512-8thgRSiXUqtr/pPGY/OsyHuMjGyhVnWrFAwoxmIemlBuiMyU1WFs0tXoNxzcr4A4uErs/ABre76SGmrr5ab/AA==}
+  /@jest/transform@29.7.0:
+    resolution: {integrity: sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@jest/types': 29.6.3
-      '@jridgewell/trace-mapping': 0.3.19
+      '@jridgewell/trace-mapping': 0.3.20
       babel-plugin-istanbul: 6.1.1
       chalk: 4.1.2
       convert-source-map: 2.0.0
       fast-json-stable-stringify: 2.1.0
       graceful-fs: 4.2.11
-      jest-haste-map: 29.6.4
+      jest-haste-map: 29.7.0
       jest-regex-util: 29.6.3
-      jest-util: 29.6.3
+      jest-util: 29.7.0
       micromatch: 4.0.5
       pirates: 4.0.6
       slash: 3.0.0
@@ -6318,10 +6614,10 @@ packages:
     resolution: {integrity: sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==}
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
     dependencies:
-      '@types/istanbul-lib-coverage': 2.0.4
-      '@types/istanbul-reports': 3.0.1
+      '@types/istanbul-lib-coverage': 2.0.5
+      '@types/istanbul-reports': 3.0.3
       '@types/node': 15.14.9
-      '@types/yargs': 16.0.5
+      '@types/yargs': 16.0.7
       chalk: 4.1.2
     dev: true
 
@@ -6330,10 +6626,10 @@ packages:
     engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0}
     dependencies:
       '@jest/schemas': 28.1.3
-      '@types/istanbul-lib-coverage': 2.0.4
-      '@types/istanbul-reports': 3.0.1
+      '@types/istanbul-lib-coverage': 2.0.5
+      '@types/istanbul-reports': 3.0.3
       '@types/node': 15.14.9
-      '@types/yargs': 17.0.24
+      '@types/yargs': 17.0.29
       chalk: 4.1.2
     dev: true
 
@@ -6342,18 +6638,18 @@ packages:
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
       '@jest/schemas': 29.6.3
-      '@types/istanbul-lib-coverage': 2.0.4
-      '@types/istanbul-reports': 3.0.1
-      '@types/node': 15.14.9
-      '@types/yargs': 17.0.24
+      '@types/istanbul-lib-coverage': 2.0.5
+      '@types/istanbul-reports': 3.0.3
+      '@types/node': 20.2.5
+      '@types/yargs': 17.0.29
       chalk: 4.1.2
     dev: true
 
-  /@joshwooding/vite-plugin-react-docgen-typescript@0.2.1(typescript@4.9.5)(vite@4.4.9):
-    resolution: {integrity: sha512-ou4ZJSXMMWHqGS4g8uNRbC5TiTWxAgQZiVucoUrOCWuPrTbkpJbmVyIi9jU72SBry7gQtuMEDp4YR8EEXAg7VQ==}
+  /@joshwooding/vite-plugin-react-docgen-typescript@0.3.0(typescript@4.9.5)(vite@4.5.0):
+    resolution: {integrity: sha512-2D6y7fNvFmsLmRt6UCOFJPvFoPMJGT0Uh1Wg0RaigUp7kdQPs6yYn8Dmx6GZkOH/NW0yMTwRz/p0SRMMRo50vA==}
     peerDependencies:
       typescript: '>= 4.3.x'
-      vite: ^3.0.0 || ^4.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
     peerDependenciesMeta:
       typescript:
         optional: true
@@ -6363,7 +6659,7 @@ packages:
       magic-string: 0.27.0
       react-docgen-typescript: 2.2.2(typescript@4.9.5)
       typescript: 4.9.5
-      vite: 4.4.9(@types/node@15.14.9)
+      vite: 4.5.0(@types/node@15.14.9)
     dev: true
 
   /@jridgewell/gen-mapping@0.3.3:
@@ -6372,7 +6668,7 @@ packages:
     dependencies:
       '@jridgewell/set-array': 1.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.19
+      '@jridgewell/trace-mapping': 0.3.20
 
   /@jridgewell/resolve-uri@3.1.1:
     resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
@@ -6386,14 +6682,14 @@ packages:
     resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
     dependencies:
       '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.19
+      '@jridgewell/trace-mapping': 0.3.20
     dev: true
 
   /@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
-  /@jridgewell/trace-mapping@0.3.19:
-    resolution: {integrity: sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==}
+  /@jridgewell/trace-mapping@0.3.20:
+    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
     dependencies:
       '@jridgewell/resolve-uri': 3.1.1
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -6416,96 +6712,84 @@ packages:
     resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
     dev: true
 
-  /@lezer/common@0.15.12:
-    resolution: {integrity: sha512-edfwCxNLnzq5pBA/yaIhwJ3U3Kz8VAUOTRg0hhxaizaI1N+qxV7EXDv/kLCkLeq2RzSFvxexlaj5Mzfn2kY0Ig==}
-    dev: true
-
-  /@lezer/common@1.0.4:
-    resolution: {integrity: sha512-lZHlk8p67x4aIDtJl6UQrXSOP6oi7dQR3W/geFVrENdA1JDaAJWldnVqVjPMJupbTKbzDfFcePfKttqVidS/dg==}
-    dev: false
+  /@lezer/common@1.1.0:
+    resolution: {integrity: sha512-XPIN3cYDXsoJI/oDWoR2tD++juVrhgIago9xyKhZ7IhGlzdDM9QgC8D8saKNCz5pindGcznFr2HBSsEQSWnSjw==}
 
   /@lezer/css@1.1.3:
     resolution: {integrity: sha512-SjSM4pkQnQdJDVc80LYzEaMiNy9txsFbI7HsMgeVF28NdLaAdHNtQ+kB/QqDUzRBV/75NTXjJ/R5IdC8QQGxMg==}
     dependencies:
       '@lezer/highlight': 1.1.6
-      '@lezer/lr': 1.3.10
+      '@lezer/lr': 1.3.13
     dev: false
 
   /@lezer/highlight@1.1.6:
     resolution: {integrity: sha512-cmSJYa2us+r3SePpRCjN5ymCqCPv+zyXmDl0ciWtVaNiORT/MxM7ZgOMQZADD0o51qOaOg24qc/zBViOIwAjJg==}
     dependencies:
-      '@lezer/common': 1.0.4
+      '@lezer/common': 1.1.0
     dev: false
 
   /@lezer/html@1.3.6:
     resolution: {integrity: sha512-Kk9HJARZTc0bAnMQUqbtuhFVsB4AnteR2BFUWfZV7L/x1H0aAKz6YabrfJ2gk/BEgjh9L3hg5O4y2IDZRBdzuQ==}
     dependencies:
-      '@lezer/common': 1.0.4
+      '@lezer/common': 1.1.0
       '@lezer/highlight': 1.1.6
-      '@lezer/lr': 1.3.10
+      '@lezer/lr': 1.3.13
     dev: false
 
-  /@lezer/javascript@1.4.7:
-    resolution: {integrity: sha512-OVWlK0YEi7HM+9JRWtRkir8qvcg0/kVYg2TAMHlVtl6DU1C9yK1waEOLBMztZsV/axRJxsqfJKhzYz+bxZme5g==}
+  /@lezer/javascript@1.4.9:
+    resolution: {integrity: sha512-7Uv8mBBE6l44spgWEZvEMdDqGV+FIuY7kJ1o5TFm+jxIuxydO3PcKJYiINij09igd1D/9P7l2KDqpkN8c3bM6A==}
     dependencies:
       '@lezer/highlight': 1.1.6
-      '@lezer/lr': 1.3.10
+      '@lezer/lr': 1.3.13
     dev: false
 
-  /@lezer/lr@0.15.8:
-    resolution: {integrity: sha512-bM6oE6VQZ6hIFxDNKk8bKPa14hqFrV07J/vHGOeiAbJReIaQXmkVb6xQu4MR+JBTLa5arGRyAAjJe1qaQt3Uvg==}
+  /@lezer/lr@1.3.13:
+    resolution: {integrity: sha512-RLAbau/4uSzKgIKj96mI5WUtG1qtiR0Frn0Ei9zhPj8YOkHM+1Bb8SgdVvmR/aWJCFIzjo2KFnDiRZ75Xf5NdQ==}
     dependencies:
-      '@lezer/common': 0.15.12
-    dev: true
+      '@lezer/common': 1.1.0
 
-  /@lezer/lr@1.3.10:
-    resolution: {integrity: sha512-BZfVvf7Re5BIwJHlZXbJn9L8lus5EonxQghyn+ih8Wl36XMFBPTXC0KM0IdUtj9w/diPHsKlXVgL+AlX2jYJ0Q==}
-    dependencies:
-      '@lezer/common': 1.0.4
-    dev: false
-
-  /@lmdb/lmdb-darwin-arm64@2.7.11:
-    resolution: {integrity: sha512-r6+vYq2vKzE+vgj/rNVRMwAevq0+ZR9IeMFIqcSga+wMtMdXQ27KqQ7uS99/yXASg29bos7yHP3yk4x6Iio0lw==}
+  /@lmdb/lmdb-darwin-arm64@2.8.5:
+    resolution: {integrity: sha512-KPDeVScZgA1oq0CiPBcOa3kHIqU+pTOwRFDIhxvmf8CTNvqdZQYp5cCKW0bUk69VygB2PuTiINFWbY78aR2pQw==}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@lmdb/lmdb-darwin-x64@2.7.11:
-    resolution: {integrity: sha512-jhj1aB4K8ycRL1HOQT5OtzlqOq70jxUQEWRN9Gqh3TIDN30dxXtiHi6EWF516tzw6v2+3QqhDMJh8O6DtTGG8Q==}
+  /@lmdb/lmdb-darwin-x64@2.8.5:
+    resolution: {integrity: sha512-w/sLhN4T7MW1nB3R/U8WK5BgQLz904wh+/SmA2jD8NnF7BLLoUgflCNxOeSPOWp8geP6nP/+VjWzZVip7rZ1ug==}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@lmdb/lmdb-linux-arm64@2.7.11:
-    resolution: {integrity: sha512-7xGEfPPbmVJWcY2Nzqo11B9Nfxs+BAsiiaY/OcT4aaTDdykKeCjvKMQJA3KXCtZ1AtiC9ljyGLi+BfUwdulY5A==}
+  /@lmdb/lmdb-linux-arm64@2.8.5:
+    resolution: {integrity: sha512-vtbZRHH5UDlL01TT5jB576Zox3+hdyogvpcbvVJlmU5PdL3c5V7cj1EODdh1CHPksRl+cws/58ugEHi8bcj4Ww==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@lmdb/lmdb-linux-arm@2.7.11:
-    resolution: {integrity: sha512-dHfLFVSrw/v5X5lkwp0Vl7+NFpEeEYKfMG2DpdFJnnG1RgHQZngZxCaBagFoaJGykRpd2DYF1AeuXBFrAUAXfw==}
+  /@lmdb/lmdb-linux-arm@2.8.5:
+    resolution: {integrity: sha512-c0TGMbm2M55pwTDIfkDLB6BpIsgxV4PjYck2HiOX+cy/JWiBXz32lYbarPqejKs9Flm7YVAKSILUducU9g2RVg==}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@lmdb/lmdb-linux-x64@2.7.11:
-    resolution: {integrity: sha512-vUKI3JrREMQsXX8q0Eq5zX2FlYCKWMmLiCyyJNfZK0Uyf14RBg9VtB3ObQ41b4swYh2EWaltasWVe93Y8+KDng==}
+  /@lmdb/lmdb-linux-x64@2.8.5:
+    resolution: {integrity: sha512-Xkc8IUx9aEhP0zvgeKy7IQ3ReX2N8N1L0WPcQwnZweWmOuKfwpS3GRIYqLtK5za/w3E60zhFfNdS+3pBZPytqQ==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@lmdb/lmdb-win32-x64@2.7.11:
-    resolution: {integrity: sha512-BJwkHlSUgtB+Ei52Ai32M1AOMerSlzyIGA/KC4dAGL+GGwVMdwG8HGCOA2TxP3KjhbgDPMYkv7bt/NmOmRIFng==}
+  /@lmdb/lmdb-win32-x64@2.8.5:
+    resolution: {integrity: sha512-4wvrf5BgnR8RpogHhtpCPJMKBmvyZPhhUtEwMJbXh0ni2BucpfF07jlmyM11zRqQ2XIq6PbC2j7W7UCCcm1rRQ==}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
@@ -6515,7 +6799,7 @@ packages:
   /@manypkg/find-root@1.1.0:
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@types/node': 12.20.55
       find-up: 4.1.0
       fs-extra: 8.1.0
@@ -6524,7 +6808,7 @@ packages:
   /@manypkg/get-packages@1.1.3:
     resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@changesets/types': 4.1.0
       '@manypkg/find-root': 1.1.0
       fs-extra: 8.1.0
@@ -6541,13 +6825,13 @@ packages:
       unist-util-visit: 2.0.3
     dev: false
 
-  /@mdx-js/esbuild@2.3.0(esbuild@0.19.2):
+  /@mdx-js/esbuild@2.3.0(esbuild@0.19.5):
     resolution: {integrity: sha512-r/vsqsM0E+U4Wr0DK+0EfmABE/eg+8ITW4DjvYdh3ve/tK2safaqHArNnaqbOk1DjYGrhxtoXoGaM3BY8fGBTA==}
     peerDependencies:
       esbuild: '>=0.11.0'
     dependencies:
       '@mdx-js/mdx': 2.3.0
-      esbuild: 0.19.2
+      esbuild: 0.19.5
       node-fetch: 3.3.2
       vfile: 5.3.7
     transitivePeerDependencies:
@@ -6557,8 +6841,8 @@ packages:
   /@mdx-js/mdx@2.3.0:
     resolution: {integrity: sha512-jLuwRlz8DQfQNiUCJR50Y09CGPq3fLtmtUQfVrj79E0JWu3dvsVcxVIcfhR5h0iXu+/z++zDrYeiJqifRynJkA==}
     dependencies:
-      '@types/estree-jsx': 1.0.0
-      '@types/mdx': 2.0.7
+      '@types/estree-jsx': 1.0.2
+      '@types/mdx': 2.0.9
       estree-util-build-jsx: 2.2.2
       estree-util-is-identifier-name: 2.1.0
       estree-util-to-js: 1.2.0
@@ -6583,17 +6867,17 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@types/mdx': 2.0.7
+      '@types/mdx': 2.0.9
       '@types/react': 18.2.8
       react: 18.2.0
     dev: true
 
-  /@mischnic/json-sourcemap@0.1.0:
-    resolution: {integrity: sha512-dQb3QnfNqmQNYA4nFSN/uLaByIic58gOXq4Y4XqLOWmOrw73KmJPt/HLyG0wvn1bnR6mBKs/Uwvkh+Hns1T0XA==}
+  /@mischnic/json-sourcemap@0.1.1:
+    resolution: {integrity: sha512-iA7+tyVqfrATAIsIRWQG+a7ZLLD0VaOCKV2Wd/v4mqIU3J9c4jx9p7S0nw1XH3gJCKNBOOwACOPYYSUu9pgT+w==}
     engines: {node: '>=12.0.0'}
     dependencies:
-      '@lezer/common': 0.15.12
-      '@lezer/lr': 0.15.8
+      '@lezer/common': 1.1.0
+      '@lezer/lr': 1.3.13
       json5: 2.2.3
     dev: true
 
@@ -6653,8 +6937,8 @@ packages:
       tar-fs: 2.1.1
     dev: true
 
-  /@next/bundle-analyzer@13.4.19:
-    resolution: {integrity: sha512-nXKHz63dM0Kn3XPFOKrv2wK+hP9rdBg2iR1PsxuXLHVBoZhMyS1/ldRcX80YFsm2VUws9zM4a0E/1HlLI+P92g==}
+  /@next/bundle-analyzer@13.5.6:
+    resolution: {integrity: sha512-4P5YVpR3N/B5+p0TQ/rPAr+9fsjkdfCVTGzJhKwE7XHqS+QME4gYxAYeGKkfkHEkP2A3GKXs8QSp0LjIvWLI3g==}
     dependencies:
       webpack-bundle-analyzer: 4.7.0
     transitivePeerDependencies:
@@ -6662,15 +6946,15 @@ packages:
       - utf-8-validate
     dev: true
 
-  /@next/env@13.4.19:
-    resolution: {integrity: sha512-FsAT5x0jF2kkhNkKkukhsyYOrRqtSxrEhfliniIq0bwWbuXLgyt3Gv0Ml+b91XwjwArmuP7NxCiGd++GGKdNMQ==}
-    dev: true
-
   /@next/env@13.5.1:
     resolution: {integrity: sha512-CIMWiOTyflFn/GFx33iYXkgLSQsMQZV4jB91qaj/TfxGaGOXxn8C1j72TaUSPIyN7ziS/AYG46kGmnvuk1oOpg==}
 
-  /@next/eslint-plugin-next@13.5.1:
-    resolution: {integrity: sha512-LBlI3iQvlzRE7Y6AfIyHKuM4T6REGmFgweN2tBqEUVEfgxERBLOutV2xckXEp3Y3VbfJBBXKZNfDzs20gHimSg==}
+  /@next/env@13.5.6:
+    resolution: {integrity: sha512-Yac/bV5sBGkkEXmAX5FWPS9Mmo2rthrOPRQQNfycJPkjUAUclomCPH7QFVCDQ4Mp2k2K1SSM6m0zrxYrOwtFQw==}
+    dev: true
+
+  /@next/eslint-plugin-next@13.5.6:
+    resolution: {integrity: sha512-ng7pU/DDsxPgT6ZPvuprxrkeew3XaRf4LAT4FabaEO/hAbvVx4P7wqnqdbTdDn1kgTvsI4tpIgT4Awn/m0bGbg==}
     dependencies:
       glob: 7.1.7
     dev: true
@@ -6907,6 +7191,14 @@ packages:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
+  /@npmcli/fs@2.1.2:
+    resolution: {integrity: sha512-yOJKRvohFOaLqipNtwYB9WugyZKhC/DZC4VYPmpaCzDBrA8YpK3qHZ8/HGscMnE4GqbkLNuVcCnxkeQEdGt6LQ==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      '@gar/promisify': 1.1.3
+      semver: 7.5.4
+    dev: true
+
   /@npmcli/fs@3.1.0:
     resolution: {integrity: sha512-7kZUAaLscfgbwBQRbvdMYaZOWyMEcPTH/tJjnyAWJ/dvvs9Ef+CERx/qJb9GExJpl1qipaDGn7KqHnFGGixd0w==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -6939,6 +7231,15 @@ packages:
       npm-normalize-package-bin: 3.0.1
     dev: true
 
+  /@npmcli/move-file@2.0.1:
+    resolution: {integrity: sha512-mJd2Z5TjYWq/ttPLLGqArdtnC74J6bOzg4rMDnN+p1xTacZ2yPRCk2y0oSWQtygLR9YVQXgOcONrwtnk3JupxQ==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    deprecated: This functionality has been moved to @npmcli/fs
+    dependencies:
+      mkdirp: 1.0.4
+      rimraf: 3.0.2
+    dev: true
+
   /@npmcli/node-gyp@3.0.0:
     resolution: {integrity: sha512-gp8pRXC2oOxu0DUE1/M3bYtb1b3/DbJ5aM113+XJBgfXdussRAsX0YOrOhdd8WvnAR6auDBvJomGAkLKA5ydxA==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -6957,10 +7258,11 @@ packages:
     dependencies:
       '@npmcli/node-gyp': 3.0.0
       '@npmcli/promise-spawn': 6.0.2
-      node-gyp: 9.4.0
+      node-gyp: 9.4.1
       read-package-json-fast: 3.0.2
       which: 3.0.1
     transitivePeerDependencies:
+      - bluebird
       - supports-color
     dev: true
 
@@ -6972,198 +7274,198 @@ packages:
     resolution: {integrity: sha512-9BJ8lMcOzEN0lu+Qji801y707oFO4xT3db6cosPvl+k7ItUHKN5ofWqtSbM9gbt1H4JJ/4/2TVrqI9Rq7hNv6Q==}
     engines: {node: '>=14'}
     dependencies:
-      '@opentelemetry/api': 1.4.1
+      '@opentelemetry/api': 1.6.0
     dev: false
 
-  /@opentelemetry/api@1.4.1:
-    resolution: {integrity: sha512-O2yRJce1GOc6PAy3QxFM4NzFiWzvScDC1/5ihYBL6BUEVdq0XMWN01sppE+H6bBXbaFYipjwFLEWLg5PaSOThA==}
+  /@opentelemetry/api@1.6.0:
+    resolution: {integrity: sha512-OWlrQAnWn9577PhVgqjUvMr1pg57Bc4jv0iL4w0PRuOSRvq67rvHW9Ie/dZVMvCzhSCB+UxhcY/PmCmFj33Q+g==}
     engines: {node: '>=8.0.0'}
 
-  /@opentelemetry/context-async-hooks@1.15.2(@opentelemetry/api@1.4.1):
-    resolution: {integrity: sha512-VAMHG67srGFQDG/N2ns5AyUT9vUcoKpZ/NpJ5fDQIPfJd7t3ju+aHwvDsMcrYBWuCh03U3Ky6o16+872CZchBg==}
+  /@opentelemetry/context-async-hooks@1.17.1(@opentelemetry/api@1.6.0):
+    resolution: {integrity: sha512-up5I+RiQEkGrVEHtbAtmRgS+ZOnFh3shaDNHqZPBlGy+O92auL6yMmjzYpSKmJOGWowvs3fhVHePa8Exb5iHUg==}
     engines: {node: '>=14'}
     peerDependencies:
-      '@opentelemetry/api': '>=1.0.0 <1.5.0'
+      '@opentelemetry/api': '>=1.0.0 <1.7.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
+      '@opentelemetry/api': 1.6.0
     dev: false
 
-  /@opentelemetry/core@1.13.0(@opentelemetry/api@1.4.1):
+  /@opentelemetry/core@1.13.0(@opentelemetry/api@1.6.0):
     resolution: {integrity: sha512-2dBX3Sj99H96uwJKvc2w9NOiNgbvAO6mOFJFramNkKfS9O4Um+VWgpnlAazoYjT6kUJ1MP70KQ5ngD4ed+4NUw==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.5.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
+      '@opentelemetry/api': 1.6.0
       '@opentelemetry/semantic-conventions': 1.13.0
     dev: false
 
-  /@opentelemetry/core@1.15.2(@opentelemetry/api@1.4.1):
-    resolution: {integrity: sha512-+gBv15ta96WqkHZaPpcDHiaz0utiiHZVfm2YOYSqFGrUaJpPkMoSuLBB58YFQGi6Rsb9EHos84X6X5+9JspmLw==}
+  /@opentelemetry/core@1.17.1(@opentelemetry/api@1.6.0):
+    resolution: {integrity: sha512-I6LrZvl1FF97FQXPR0iieWQmKnGxYtMbWA1GrAXnLUR+B1Hn2m8KqQNEIlZAucyv00GBgpWkpllmULmZfG8P3g==}
     engines: {node: '>=14'}
     peerDependencies:
-      '@opentelemetry/api': '>=1.0.0 <1.5.0'
+      '@opentelemetry/api': '>=1.0.0 <1.7.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/semantic-conventions': 1.15.2
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/semantic-conventions': 1.17.1
     dev: false
 
-  /@opentelemetry/exporter-trace-otlp-grpc@0.39.1(@opentelemetry/api@1.4.1):
+  /@opentelemetry/exporter-trace-otlp-grpc@0.39.1(@opentelemetry/api@1.6.0):
     resolution: {integrity: sha512-l5RhLKx6U+yuLhMrtgavTDthX50E1mZM3/SSySC7OPZiArFHV/b/9x9jxAzrOgIQUDxyj4N0V9aLKSA2t7Qzxg==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': ^1.0.0
     dependencies:
-      '@grpc/grpc-js': 1.9.2
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.4.1)
-      '@opentelemetry/otlp-grpc-exporter-base': 0.39.1(@opentelemetry/api@1.4.1)
-      '@opentelemetry/otlp-transformer': 0.39.1(@opentelemetry/api@1.4.1)
-      '@opentelemetry/resources': 1.13.0(@opentelemetry/api@1.4.1)
-      '@opentelemetry/sdk-trace-base': 1.13.0(@opentelemetry/api@1.4.1)
+      '@grpc/grpc-js': 1.9.9
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.6.0)
+      '@opentelemetry/otlp-grpc-exporter-base': 0.39.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/otlp-transformer': 0.39.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/resources': 1.13.0(@opentelemetry/api@1.6.0)
+      '@opentelemetry/sdk-trace-base': 1.13.0(@opentelemetry/api@1.6.0)
     dev: false
 
-  /@opentelemetry/otlp-exporter-base@0.39.1(@opentelemetry/api@1.4.1):
+  /@opentelemetry/otlp-exporter-base@0.39.1(@opentelemetry/api@1.6.0):
     resolution: {integrity: sha512-Pv5X8fbi6jD/RJBePyn7MnCSuE6MbPB6dl+7YYBWJ5RcMGYMwvLXjd4h2jWsPV2TSUg38H/RoSP0aXvQ06Y7iw==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': ^1.0.0
     dependencies:
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.4.1)
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.6.0)
     dev: false
 
-  /@opentelemetry/otlp-grpc-exporter-base@0.39.1(@opentelemetry/api@1.4.1):
+  /@opentelemetry/otlp-grpc-exporter-base@0.39.1(@opentelemetry/api@1.6.0):
     resolution: {integrity: sha512-u3ErFRQqQFKjjIMuwLWxz/tLPYInfmiAmSy//fGSCzCh2ZdJgqQjMOAxBgqFtCF2xFL+OmMhyuC2ThMzceGRWA==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': ^1.0.0
     dependencies:
-      '@grpc/grpc-js': 1.9.2
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.4.1)
-      '@opentelemetry/otlp-exporter-base': 0.39.1(@opentelemetry/api@1.4.1)
+      '@grpc/grpc-js': 1.9.9
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.6.0)
+      '@opentelemetry/otlp-exporter-base': 0.39.1(@opentelemetry/api@1.6.0)
       protobufjs: 7.2.5
     dev: false
 
-  /@opentelemetry/otlp-transformer@0.39.1(@opentelemetry/api@1.4.1):
+  /@opentelemetry/otlp-transformer@0.39.1(@opentelemetry/api@1.6.0):
     resolution: {integrity: sha512-0hgVnXXz5efI382B/24NxD4b6Zxlh7nxCdJkxkdmQMbn0yRiwoq/ZT+QG8eUL6JNzsBAV1WJlF5aJNsL8skHvw==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': '>=1.3.0 <1.5.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
+      '@opentelemetry/api': 1.6.0
       '@opentelemetry/api-logs': 0.39.1
-      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.4.1)
-      '@opentelemetry/resources': 1.13.0(@opentelemetry/api@1.4.1)
-      '@opentelemetry/sdk-logs': 0.39.1(@opentelemetry/api-logs@0.39.1)(@opentelemetry/api@1.4.1)
-      '@opentelemetry/sdk-metrics': 1.13.0(@opentelemetry/api@1.4.1)
-      '@opentelemetry/sdk-trace-base': 1.13.0(@opentelemetry/api@1.4.1)
+      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.6.0)
+      '@opentelemetry/resources': 1.13.0(@opentelemetry/api@1.6.0)
+      '@opentelemetry/sdk-logs': 0.39.1(@opentelemetry/api-logs@0.39.1)(@opentelemetry/api@1.6.0)
+      '@opentelemetry/sdk-metrics': 1.13.0(@opentelemetry/api@1.6.0)
+      '@opentelemetry/sdk-trace-base': 1.13.0(@opentelemetry/api@1.6.0)
     dev: false
 
-  /@opentelemetry/propagator-b3@1.15.2(@opentelemetry/api@1.4.1):
-    resolution: {integrity: sha512-ZSrL3DpMEDsjD8dPt9Ze3ue53nEXJt512KyxXlLgLWnSNbe1mrWaXWkh7OLDoVJh9LqFw+tlvAhDVt/x3DaFGg==}
+  /@opentelemetry/propagator-b3@1.17.1(@opentelemetry/api@1.6.0):
+    resolution: {integrity: sha512-XEbXYb81AM3ayJLlbJqITPIgKBQCuby45ZHiB9mchnmQOffh6ZJOmXONdtZAV7TWzmzwvAd28vGSUk57Aw/5ZA==}
     engines: {node: '>=14'}
     peerDependencies:
-      '@opentelemetry/api': '>=1.0.0 <1.5.0'
+      '@opentelemetry/api': '>=1.0.0 <1.7.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.15.2(@opentelemetry/api@1.4.1)
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.17.1(@opentelemetry/api@1.6.0)
     dev: false
 
-  /@opentelemetry/propagator-jaeger@1.15.2(@opentelemetry/api@1.4.1):
-    resolution: {integrity: sha512-6m1yu7PVDIRz6BwA36lacfBZJCfAEHKgu+kSyukNwVdVjsTNeyD9xNPQnkl0WN7Rvhk8/yWJ83tLPEyGhk1wCQ==}
+  /@opentelemetry/propagator-jaeger@1.17.1(@opentelemetry/api@1.6.0):
+    resolution: {integrity: sha512-p+P4lf2pbqd3YMfZO15QCGsDwR2m1ke2q5+dq6YBLa/q0qiC2eq4cD/qhYBBed5/X4PtdamaVGHGsp+u3GXHDA==}
     engines: {node: '>=14'}
     peerDependencies:
-      '@opentelemetry/api': '>=1.0.0 <1.5.0'
+      '@opentelemetry/api': '>=1.0.0 <1.7.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.15.2(@opentelemetry/api@1.4.1)
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.17.1(@opentelemetry/api@1.6.0)
     dev: false
 
-  /@opentelemetry/resources@1.13.0(@opentelemetry/api@1.4.1):
+  /@opentelemetry/resources@1.13.0(@opentelemetry/api@1.6.0):
     resolution: {integrity: sha512-euqjOkiN6xhjE//0vQYGvbStxoD/WWQRhDiO0OTLlnLBO9Yw2Gd/VoSx2H+svsebjzYk5OxLuREBmcdw6rbUNg==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.5.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.4.1)
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.6.0)
       '@opentelemetry/semantic-conventions': 1.13.0
     dev: false
 
-  /@opentelemetry/resources@1.15.2(@opentelemetry/api@1.4.1):
-    resolution: {integrity: sha512-xmMRLenT9CXmm5HMbzpZ1hWhaUowQf8UB4jMjFlAxx1QzQcsD3KFNAVX/CAWzFPtllTyTplrA4JrQ7sCH3qmYw==}
+  /@opentelemetry/resources@1.17.1(@opentelemetry/api@1.6.0):
+    resolution: {integrity: sha512-M2e5emqg5I7qRKqlzKx0ROkcPyF8PbcSaWEdsm72od9txP7Z/Pl8PDYOyu80xWvbHAWk5mDxOF6v3vNdifzclA==}
     engines: {node: '>=14'}
     peerDependencies:
-      '@opentelemetry/api': '>=1.0.0 <1.5.0'
+      '@opentelemetry/api': '>=1.0.0 <1.7.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/semantic-conventions': 1.15.2
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/semantic-conventions': 1.17.1
     dev: false
 
-  /@opentelemetry/sdk-logs@0.39.1(@opentelemetry/api-logs@0.39.1)(@opentelemetry/api@1.4.1):
+  /@opentelemetry/sdk-logs@0.39.1(@opentelemetry/api-logs@0.39.1)(@opentelemetry/api@1.6.0):
     resolution: {integrity: sha512-/gmgKfZ1ZVFporKuwsewqIyvaUIGpv76JZ7lBpHQQPb37IMpaXO6pdqFI4ebHAWfNIm3akMyhmdtzivcgF3lgw==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': '>=1.4.0 <1.5.0'
       '@opentelemetry/api-logs': '>=0.38.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
+      '@opentelemetry/api': 1.6.0
       '@opentelemetry/api-logs': 0.39.1
-      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.4.1)
-      '@opentelemetry/resources': 1.13.0(@opentelemetry/api@1.4.1)
+      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.6.0)
+      '@opentelemetry/resources': 1.13.0(@opentelemetry/api@1.6.0)
     dev: false
 
-  /@opentelemetry/sdk-metrics@1.13.0(@opentelemetry/api@1.4.1):
+  /@opentelemetry/sdk-metrics@1.13.0(@opentelemetry/api@1.6.0):
     resolution: {integrity: sha512-MOjZX6AnSOqLliCcZUrb+DQKjAWXBiGeICGbHAGe5w0BB18PJIeIo995lO5JSaFfHpmUMgJButTPfJJD27W3Vg==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': '>=1.3.0 <1.5.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.4.1)
-      '@opentelemetry/resources': 1.13.0(@opentelemetry/api@1.4.1)
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.6.0)
+      '@opentelemetry/resources': 1.13.0(@opentelemetry/api@1.6.0)
       lodash.merge: 4.6.2
     dev: false
 
-  /@opentelemetry/sdk-trace-base@1.13.0(@opentelemetry/api@1.4.1):
+  /@opentelemetry/sdk-trace-base@1.13.0(@opentelemetry/api@1.6.0):
     resolution: {integrity: sha512-moTiQtc0uPR1hQLt6gLDJH9IIkeBhgRb71OKjNHZPE1VF45fHtD6nBDi5J/DkTHTwYP5X3kBJLa3xN7ub6J4eg==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.5.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.4.1)
-      '@opentelemetry/resources': 1.13.0(@opentelemetry/api@1.4.1)
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.13.0(@opentelemetry/api@1.6.0)
+      '@opentelemetry/resources': 1.13.0(@opentelemetry/api@1.6.0)
       '@opentelemetry/semantic-conventions': 1.13.0
     dev: false
 
-  /@opentelemetry/sdk-trace-base@1.15.2(@opentelemetry/api@1.4.1):
-    resolution: {integrity: sha512-BEaxGZbWtvnSPchV98qqqqa96AOcb41pjgvhfzDij10tkBhIu9m0Jd6tZ1tJB5ZHfHbTffqYVYE0AOGobec/EQ==}
+  /@opentelemetry/sdk-trace-base@1.17.1(@opentelemetry/api@1.6.0):
+    resolution: {integrity: sha512-pfSJJSjZj5jkCJUQZicSpzN8Iz9UKMryPWikZRGObPnJo6cUSoKkjZh6BM3j+D47G4olMBN+YZKYqkFM1L6zNA==}
     engines: {node: '>=14'}
     peerDependencies:
-      '@opentelemetry/api': '>=1.0.0 <1.5.0'
+      '@opentelemetry/api': '>=1.0.0 <1.7.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/core': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/resources': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/semantic-conventions': 1.15.2
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/core': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/resources': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/semantic-conventions': 1.17.1
     dev: false
 
-  /@opentelemetry/sdk-trace-node@1.15.2(@opentelemetry/api@1.4.1):
-    resolution: {integrity: sha512-5deakfKLCbPpKJRCE2GPI8LBE2LezyvR17y3t37ZI3sbaeogtyxmBaFV+slmG9fN8OaIT+EUsm1QAT1+z59gbQ==}
+  /@opentelemetry/sdk-trace-node@1.17.1(@opentelemetry/api@1.6.0):
+    resolution: {integrity: sha512-J56DaG4cusjw5crpI7x9rv4bxDF27DtKYGxXJF56KIvopbNKpdck5ZWXBttEyqgAVPDwHMAXWDL1KchHzF0a3A==}
     engines: {node: '>=14'}
     peerDependencies:
-      '@opentelemetry/api': '>=1.0.0 <1.5.0'
+      '@opentelemetry/api': '>=1.0.0 <1.7.0'
     dependencies:
-      '@opentelemetry/api': 1.4.1
-      '@opentelemetry/context-async-hooks': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/core': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/propagator-b3': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/propagator-jaeger': 1.15.2(@opentelemetry/api@1.4.1)
-      '@opentelemetry/sdk-trace-base': 1.15.2(@opentelemetry/api@1.4.1)
+      '@opentelemetry/api': 1.6.0
+      '@opentelemetry/context-async-hooks': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/core': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/propagator-b3': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/propagator-jaeger': 1.17.1(@opentelemetry/api@1.6.0)
+      '@opentelemetry/sdk-trace-base': 1.17.1(@opentelemetry/api@1.6.0)
       semver: 7.5.4
     dev: false
 
@@ -7172,90 +7474,91 @@ packages:
     engines: {node: '>=14'}
     dev: false
 
-  /@opentelemetry/semantic-conventions@1.15.2:
-    resolution: {integrity: sha512-CjbOKwk2s+3xPIMcd5UNYQzsf+v94RczbdNix9/kQh38WiQkM90sUOi3if8eyHFgiBjBjhwXrA7W3ydiSQP9mw==}
+  /@opentelemetry/semantic-conventions@1.17.1:
+    resolution: {integrity: sha512-xbR2U+2YjauIuo42qmE8XyJK6dYeRMLJuOlUP5SO4auET4VtOHOzgkRVOq+Ik18N+Xf3YPcqJs9dZMiDddz1eQ==}
     engines: {node: '>=14'}
     dev: false
 
-  /@parcel/bundler-default@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-JjJK8dq39/UO/MWI/4SCbB1t/qgpQRFnFDetAAAezQ8oN++b24u1fkMDa/xqQGjbuPmGeTds5zxGgYs7id7PYg==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/bundler-default@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-R+0xfFoEkwGJ/6xYEFPvifd8zzatHz/YC7+IQLluxxutSJFhDcyewBfFkUgqlSJkYlSFRohS+w0T5y4V6T97Yw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/graph': 2.9.3
-      '@parcel/hash': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/graph': 3.0.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/rust': 2.10.1
+      '@parcel/utils': 2.10.1
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/cache@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-Bj/H2uAJJSXtysG7E/x4EgTrE2hXmm7td/bc97K8M9N7+vQjxf7xb0ebgqe84ePVMkj4MVQSMEJkEucXVx4b0Q==}
+  /@parcel/cache@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-qMJ6iMUIG9Ao42JSnDOuAzmEj6xGTrqKmz0tTgwbAhEaIjo974t0PAzOop+Ai074H12uZ1pWe6TvoL+qqJz8gg==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
-      '@parcel/core': ^2.9.3
+      '@parcel/core': ^2.10.1
     dependencies:
-      '@parcel/core': 2.9.3
-      '@parcel/fs': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/logger': 2.9.3
-      '@parcel/utils': 2.9.3
-      lmdb: 2.7.11
+      '@parcel/core': 2.10.1
+      '@parcel/fs': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/logger': 2.10.1
+      '@parcel/utils': 2.10.1
+      lmdb: 2.8.5
     dev: true
 
-  /@parcel/codeframe@2.9.3:
-    resolution: {integrity: sha512-z7yTyD6h3dvduaFoHpNqur74/2yDWL++33rjQjIjCaXREBN6dKHoMGMizzo/i4vbiI1p9dDox2FIDEHCMQxqdA==}
+  /@parcel/codeframe@2.10.1:
+    resolution: {integrity: sha512-CyAJJGyFJ6TIU2onxbK4VVmtXnCpVdSZobbCyRPYkHKQfqlarnjeQXZHBLnsBX1qviF4VGXp4ePgcsyiaFxWZg==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       chalk: 4.1.2
     dev: true
 
-  /@parcel/compressor-raw@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-jz3t4/ICMsHEqgiTmv5i1DJva2k5QRpZlBELVxfY+QElJTVe8edKJ0TiKcBxh2hx7sm4aUigGmp7JiqqHRRYmA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/compressor-raw@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-dBDmMhl7E8Cs0i4nvsg/9mWqqfI0qKL6J7jLYQFn+oubJXS1WZCmtIGwlrYT5rw8NouaLJCoN62ahb2SmhuKqw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/config-default@2.9.3(@parcel/core@2.9.3)(typescript@4.9.5):
-    resolution: {integrity: sha512-tqN5tF7QnVABDZAu76co5E6N8mA9n8bxiWdK4xYyINYFIEHgX172oRTqXTnhEMjlMrdmASxvnGlbaPBaVnrCTw==}
+  /@parcel/config-default@2.10.1(@parcel/core@2.10.1)(typescript@4.9.5):
+    resolution: {integrity: sha512-Yyv6NxM7fvA5AZH3+fVoxL5/eMZz/fWLWGYPHxe8KT2aYIvVPCQpdUaQ87JNGgzUsL/bgYDWA9da3FReGuBxIA==}
     peerDependencies:
-      '@parcel/core': ^2.9.3
+      '@parcel/core': ^2.10.1
     dependencies:
-      '@parcel/bundler-default': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/compressor-raw': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/core': 2.9.3
-      '@parcel/namer-default': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/optimizer-css': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/optimizer-htmlnano': 2.9.3(@parcel/core@2.9.3)(typescript@4.9.5)
-      '@parcel/optimizer-image': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/optimizer-svgo': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/optimizer-swc': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/packager-css': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/packager-html': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/packager-js': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/packager-raw': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/packager-svg': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/reporter-dev-server': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/resolver-default': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/runtime-browser-hmr': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/runtime-js': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/runtime-react-refresh': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/runtime-service-worker': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/transformer-babel': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/transformer-css': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/transformer-html': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/transformer-image': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/transformer-js': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/transformer-json': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/transformer-postcss': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/transformer-posthtml': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/transformer-raw': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/transformer-react-refresh-wrap': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/transformer-svg': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/bundler-default': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/compressor-raw': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/core': 2.10.1
+      '@parcel/namer-default': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/optimizer-css': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/optimizer-htmlnano': 2.10.1(@parcel/core@2.10.1)(typescript@4.9.5)
+      '@parcel/optimizer-image': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/optimizer-svgo': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/optimizer-swc': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/packager-css': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/packager-html': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/packager-js': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/packager-raw': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/packager-svg': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/packager-wasm': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/reporter-dev-server': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/resolver-default': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/runtime-browser-hmr': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/runtime-js': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/runtime-react-refresh': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/runtime-service-worker': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/transformer-babel': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/transformer-css': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/transformer-html': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/transformer-image': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/transformer-js': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/transformer-json': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/transformer-postcss': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/transformer-posthtml': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/transformer-raw': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/transformer-react-refresh-wrap': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/transformer-svg': 2.10.1(@parcel/core@2.10.1)
     transitivePeerDependencies:
       - '@swc/helpers'
       - cssnano
@@ -7268,28 +7571,28 @@ packages:
       - uncss
     dev: true
 
-  /@parcel/core@2.9.3:
-    resolution: {integrity: sha512-4KlM1Zr/jpsqWuMXr2zmGsaOUs1zMMFh9vfCNKRZkptf+uk8I3sugHbNdo+F5B+4e2yMuOEb1zgAmvJLeuH6ww==}
+  /@parcel/core@2.10.1:
+    resolution: {integrity: sha512-d3ufgqp3nfxJJLFLiGccX3C2paF/mWFjhjltoLmeqtdR3SFfS8z1ysrC7WJqBlwHFwBtL8ZqjPquekGmaH2LoQ==}
     engines: {node: '>= 12.0.0'}
     dependencies:
-      '@mischnic/json-sourcemap': 0.1.0
-      '@parcel/cache': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/events': 2.9.3
-      '@parcel/fs': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/graph': 2.9.3
-      '@parcel/hash': 2.9.3
-      '@parcel/logger': 2.9.3
-      '@parcel/package-manager': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/profiler': 2.9.3
+      '@mischnic/json-sourcemap': 0.1.1
+      '@parcel/cache': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/events': 2.10.1
+      '@parcel/fs': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/graph': 3.0.1
+      '@parcel/logger': 2.10.1
+      '@parcel/package-manager': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/profiler': 2.10.1
+      '@parcel/rust': 2.10.1
       '@parcel/source-map': 2.1.1
-      '@parcel/types': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
-      '@parcel/workers': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/types': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
+      '@parcel/workers': 2.10.1(@parcel/core@2.10.1)
       abortcontroller-polyfill: 1.7.5
       base-x: 3.0.9
-      browserslist: 4.21.10
+      browserslist: 4.22.1
       clone: 2.1.2
       dotenv: 7.0.0
       dotenv-expand: 5.1.0
@@ -7299,113 +7602,102 @@ packages:
       semver: 7.5.4
     dev: true
 
-  /@parcel/diagnostic@2.9.3:
-    resolution: {integrity: sha512-6jxBdyB3D7gP4iE66ghUGntWt2v64E6EbD4AetZk+hNJpgudOOPsKTovcMi/i7I4V0qD7WXSF4tvkZUoac0jwA==}
+  /@parcel/diagnostic@2.10.1:
+    resolution: {integrity: sha512-PzYIyqg9QrIInPdfc4kellhfm0OlzylSvmDPfCCGlIdOnhFX5qqzaZkNAdFL1j4R4KwVqo90aeAy4I8AERRfaw==}
     engines: {node: '>= 12.0.0'}
     dependencies:
-      '@mischnic/json-sourcemap': 0.1.0
+      '@mischnic/json-sourcemap': 0.1.1
       nullthrows: 1.1.1
     dev: true
 
-  /@parcel/events@2.9.3:
-    resolution: {integrity: sha512-K0Scx+Bx9f9p1vuShMzNwIgiaZUkxEnexaKYHYemJrM7pMAqxIuIqhnvwurRCsZOVLUJPDDNJ626cWTc5vIq+A==}
+  /@parcel/events@2.10.1:
+    resolution: {integrity: sha512-QONtaYl6YOZEbhpRFJ14OfnMu/rpUA2HlnhySTDdrv4N6vAiwbTIBhAAKqbQQNaRYH6OeKo9JSuXKggCFJr9Ag==}
     engines: {node: '>= 12.0.0'}
     dev: true
 
-  /@parcel/fs-search@2.9.3:
-    resolution: {integrity: sha512-nsNz3bsOpwS+jphcd+XjZL3F3PDq9lik0O8HPm5f6LYkqKWT+u/kgQzA8OkAHCR3q96LGiHxUywHPEBc27vI4Q==}
-    engines: {node: '>= 12.0.0'}
-    dev: true
-
-  /@parcel/fs@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-/PrRKgCRw22G7rNPSpgN3Q+i2nIkZWuvIOAdMG4KWXC4XLp8C9jarNaWd5QEQ75amjhQSl3oUzABzkdCtkKrgg==}
+  /@parcel/fs@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-LLSaXj3oG4uCAUktcsXpzaK0AhT+vXLwCkechSuu88vrHpGOLHLnO/VkRsMNskWPjX9jAXbYRRX1x6uacdf04g==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
-      '@parcel/core': ^2.9.3
+      '@parcel/core': ^2.10.1
     dependencies:
-      '@parcel/core': 2.9.3
-      '@parcel/fs-search': 2.9.3
-      '@parcel/types': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/core': 2.10.1
+      '@parcel/rust': 2.10.1
+      '@parcel/types': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       '@parcel/watcher': 2.3.0
-      '@parcel/workers': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/workers': 2.10.1(@parcel/core@2.10.1)
     dev: true
 
-  /@parcel/graph@2.9.3:
-    resolution: {integrity: sha512-3LmRJmF8+OprAr6zJT3X2s8WAhLKkrhi6RsFlMWHifGU5ED1PFcJWFbOwJvSjcAhMQJP0fErcFIK1Ludv3Vm3g==}
+  /@parcel/graph@3.0.1:
+    resolution: {integrity: sha512-ymxlM2FEayLIQ+WaMR9ud188Jq0rS7omQgoywhCMhFRGyOqnZlLxGtCnZ20P0/1wtb11q5y6/UzpGiMfCu2OQg==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       nullthrows: 1.1.1
     dev: true
 
-  /@parcel/hash@2.9.3:
-    resolution: {integrity: sha512-qlH5B85XLzVAeijgKPjm1gQu35LoRYX/8igsjnN8vOlbc3O8BYAUIutU58fbHbtE8MJPbxQQUw7tkTjeoujcQQ==}
+  /@parcel/logger@2.10.1:
+    resolution: {integrity: sha512-o9Qi2HB/7T3hqCI2+nUYaHPk8fGNMxdUADh13iOycmGf3gKrno/t67P9dECnD9M5+YZK52R/8MRS0/SPaERC6g==}
     engines: {node: '>= 12.0.0'}
     dependencies:
-      xxhash-wasm: 0.4.2
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/events': 2.10.1
     dev: true
 
-  /@parcel/logger@2.9.3:
-    resolution: {integrity: sha512-5FNBszcV6ilGFcijEOvoNVG6IUJGsnMiaEnGQs7Fvc1dktTjEddnoQbIYhcSZL63wEmzBZOgkT5yDMajJ/41jw==}
-    engines: {node: '>= 12.0.0'}
-    dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/events': 2.9.3
-    dev: true
-
-  /@parcel/markdown-ansi@2.9.3:
-    resolution: {integrity: sha512-/Q4X8F2aN8UNjAJrQ5NfK2OmZf6shry9DqetUSEndQ0fHonk78WKt6LT0zSKEBEW/bB/bXk6mNMsCup6L8ibjQ==}
+  /@parcel/markdown-ansi@2.10.1:
+    resolution: {integrity: sha512-UYdrZWlUy3w5hr+k0KToshGZONWP1M9+ld4i2vl12/v32FNX20zc15BnnKqheY7X/ZuLdqlVyMR7P+Q5Z7RMwQ==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       chalk: 4.1.2
     dev: true
 
-  /@parcel/namer-default@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-1ynFEcap48/Ngzwwn318eLYpLUwijuuZoXQPCsEQ21OOIOtfhFQJaPwXTsw6kRitshKq76P2aafE0BioGSqxcA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/namer-default@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-sYQswJ6ySFSld29EOYRj2hxhxj4qgnApUY44+0woWMvhkFdu/N+hbeZzS/d2owC/sfeE0lwiaLpcQEkhBsEqHw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/node-resolver-core@3.0.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-AjxNcZVHHJoNT/A99PKIdFtwvoze8PAiC3yz8E/dRggrDIOboUEodeQYV5Aq++aK76uz/iOP0tST2T8A5rhb1A==}
+  /@parcel/node-resolver-core@3.1.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-LliCQ024WYGcmFt9zVvpzeHuMTvqywtDV7/HOtp2OS3up2pt7ryQwA/5OyrEYgeo+4pUHxlPDi9z1fm0AUCWQA==}
     engines: {node: '>= 12.0.0'}
     dependencies:
-      '@mischnic/json-sourcemap': 0.1.0
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/fs': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@mischnic/json-sourcemap': 0.1.1
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/fs': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/rust': 2.10.1
+      '@parcel/utils': 2.10.1
       nullthrows: 1.1.1
       semver: 7.5.4
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/optimizer-css@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-RK1QwcSdWDNUsFvuLy0hgnYKtPQebzCb0vPPzqs6LhL+vqUu9utOyRycGaQffHCkHVQP6zGlN+KFssd7YtFGhA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/optimizer-css@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-/oGD+w/2elpwtowVKVetq/X9ief+x8WODuq3pnoNkAbCLiE/6CXXmJwly2BzugpTmJB2L6YqSblMXonMuki/GQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.9.3
-      browserslist: 4.21.10
-      lightningcss: 1.21.7
+      '@parcel/utils': 2.10.1
+      browserslist: 4.22.1
+      lightningcss: 1.22.0
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/optimizer-htmlnano@2.9.3(@parcel/core@2.9.3)(typescript@4.9.5):
-    resolution: {integrity: sha512-9g/KBck3c6DokmJfvJ5zpHFBiCSolaGrcsTGx8C3YPdCTVTI9P1TDCwUxvAr4LjpcIRSa82wlLCI+nF6sSgxKA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/optimizer-htmlnano@2.10.1(@parcel/core@2.10.1)(typescript@4.9.5):
+    resolution: {integrity: sha512-o9Dj1Bv8ffGoHvxwADjcGKbCrRT9Fb9VrSJYx8+t0yY1FWeKdfu7rquy+Ca/2JfbprNCyBeeR6cfFX7yxHqCqw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      htmlnano: 2.0.4(svgo@2.8.0)(typescript@4.9.5)
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      htmlnano: 2.1.0(svgo@2.8.0)(typescript@4.9.5)
       nullthrows: 1.1.1
       posthtml: 0.16.6
       svgo: 2.8.0
@@ -7421,233 +7713,249 @@ packages:
       - uncss
     dev: true
 
-  /@parcel/optimizer-image@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-530YzthE7kmecnNhPbkAK+26yQNt69pfJrgE0Ev0BZaM1Wu2+33nki7o8qvkTkikhPrurEJLGIXt1qKmbKvCbA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/optimizer-image@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-5NA1GBRGvJpmbK+Oz0zHjM/t5oD3xFyrgWcRvV+3r9Kkp7SZmW3TLxHv4Z6hs0u7UqKOWsXESYzBEe30op3Dkw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     peerDependencies:
-      '@parcel/core': ^2.9.3
+      '@parcel/core': ^2.10.1
     dependencies:
-      '@parcel/core': 2.9.3
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
-      '@parcel/workers': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/core': 2.10.1
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/rust': 2.10.1
+      '@parcel/utils': 2.10.1
+      '@parcel/workers': 2.10.1(@parcel/core@2.10.1)
     dev: true
 
-  /@parcel/optimizer-svgo@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-ytQS0wY5JJhWU4mL0wfhYDUuHcfuw+Gy2+JcnTm1t1AZXHlOTbU6EzRWNqBShsgXjvdrQQXizAe3B6GFFlFJVQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/optimizer-svgo@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-ftgc0fIkrIlhOGDpDNg4C96gqceUPieMbhbjnwahDk4/hPlWkrE58wZWBpjpYxkRuqAPQ7ysUDMMlFRpvuOr1Q==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       svgo: 2.8.0
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/optimizer-swc@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-GQINNeqtdpL1ombq/Cpwi6IBk02wKJ/JJbYbyfHtk8lxlq13soenpwOlzJ5T9D2fdG+FUhai9NxpN5Ss4lNoAg==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/optimizer-swc@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-NMHvZ3zdk/uVeW8eiDIRlLdooUo27SO7LipyK7b5+Dpyn0Sxx5L9zgoQSlfvbmkgoAyj4Te3Usu8sDqUH+gpow==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.9.3
-      '@swc/core': 1.3.83
+      '@parcel/utils': 2.10.1
+      '@swc/core': 1.3.95
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
       - '@swc/helpers'
     dev: true
 
-  /@parcel/package-manager@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-NH6omcNTEupDmW4Lm1e4NUYBjdqkURxgZ4CNESESInHJe6tblVhNB8Rpr1ar7zDar7cly9ILr8P6N3Ei7bTEjg==}
+  /@parcel/package-manager@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-Zv7gO/XEDya+D5lrlyQtn99BuUko45WxNBcnBQ4eGSpVoyOP/KnlAMYmk1DPPsXZEnnWeOnDC+R5DP0x9jJR2Q==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
-      '@parcel/core': ^2.9.3
+      '@parcel/core': ^2.10.1
     dependencies:
-      '@parcel/core': 2.9.3
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/fs': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/logger': 2.9.3
-      '@parcel/node-resolver-core': 3.0.3(@parcel/core@2.9.3)
-      '@parcel/types': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
-      '@parcel/workers': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/core': 2.10.1
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/fs': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/logger': 2.10.1
+      '@parcel/node-resolver-core': 3.1.1(@parcel/core@2.10.1)
+      '@parcel/types': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
+      '@parcel/workers': 2.10.1(@parcel/core@2.10.1)
       semver: 7.5.4
     dev: true
 
-  /@parcel/packager-css@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-mePiWiYZOULY6e1RdAIJyRoYqXqGci0srOaVZYaP7mnrzvJgA63kaZFFsDiEWghunQpMUuUjM2x/vQVHzxmhKQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/packager-css@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-s9N56NRmNIhE92oif7pQ/Mu91QUF60JKai4TJYPbPUV4TKFncRlTT4VsxjtolJuOtVW2J+8XijDcVkbofJBT7A==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.9.3
+      '@parcel/utils': 2.10.1
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/packager-html@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-0Ex+O0EaZf9APNERRNGgGto02hFJ6f5RQEvRWBK55WAV1rXeU+kpjC0c0qZvnUaUtXfpWMsEBkevJCwDkUMeMg==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/packager-html@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-k/KLm7z+DaHIaSq4o9gYLiW3FnO2Q0FEXqyLpnzNdfm4FrMYyc4PzXmRiqwW5j2R4ZrPfT6/xc3ZYOSIoBcNBQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/types': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/types': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       nullthrows: 1.1.1
       posthtml: 0.16.6
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/packager-js@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-V5xwkoE3zQ3R+WqAWhA1KGQ791FvJeW6KonOlMI1q76Djjgox68hhObqcLu66AmYNhR2R/wUpkP18hP2z8dSFw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/packager-js@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-uBHlv/rCNzIDAwisCgkY+ZFJ5zm/CcJLvelauszQdUZr1962mRKxObBhc7t8UecIzRksGQHVBFlBcHlxPDzzHA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/hash': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/rust': 2.10.1
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.9.3
-      globals: 13.21.0
+      '@parcel/types': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
+      globals: 13.23.0
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/packager-raw@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-oPQTNoYanQ2DdJyL61uPYK2py83rKOT8YVh2QWAx0zsSli6Kiy64U3+xOCYWgDVCrHw9+9NpQMuAdSiFg4cq8g==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/packager-raw@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-ViPPF1Ra8FFax5p/R3zEXi+zIfB9eBRwrN42jS6zsXzXMvvIvxvpGcNbmhMU76yM/rngdKSaOGHWCZWXORHsUg==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/packager-svg@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-p/Ya6UO9DAkaCUFxfFGyeHZDp9YPAlpdnh1OChuwqSFOXFjjeXuoK4KLT+ZRalVBo2Jo8xF70oKMZw4MVvaL7Q==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/packager-svg@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-g17Q4miXc0rudUi3BnSkqtQjknh16M1V++AU4YXAdAqVu5/PeA6T01MXK8c60nfa0HBysFjhML/s7nYV+cWOIg==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/types': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/types': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       posthtml: 0.16.6
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/plugin@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-qN85Gqr2GMuxX1dT1mnuO9hOcvlEv1lrYrCxn7CJN2nUhbwcfG+LEvcrCzCOJ6XtIHm+ZBV9h9p7FfoPLvpw+g==}
-    engines: {node: '>= 12.0.0'}
+  /@parcel/packager-wasm@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-iYo0vKFqi73QcMDCeKJGZdyWrA0dI1llNW/YHnOTMz5kwQQ5IQ9bA/O1qqVS/QZVIgONhI/qLYxBDdkCjlgZ3A==}
+    engines: {node: '>=12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/types': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/profiler@2.9.3:
-    resolution: {integrity: sha512-pyHc9lw8VZDfgZoeZWZU9J0CVEv1Zw9O5+e0DJPDPHuXJYr72ZAOhbljtU3owWKAeW+++Q2AZWkbUGEOjI/e6g==}
+  /@parcel/plugin@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-fhsWI5dzsmkQ2ye6jArDMiObw4yBkp3UoqAYCG/pGSsGXDpn8N0tOknRfycH509CGvw6ooGg6LORhFgak4cjDw==}
     engines: {node: '>= 12.0.0'}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/events': 2.9.3
+      '@parcel/types': 2.10.1(@parcel/core@2.10.1)
+    transitivePeerDependencies:
+      - '@parcel/core'
+    dev: true
+
+  /@parcel/profiler@2.10.1:
+    resolution: {integrity: sha512-3jE+v2T9hAV+eeEI09dtN1J4j7fi4x4wTr1vQomUy3ipcxMchHH7su5Ru/qw6sNeOStKsZemHXAoisQs+Urkiw==}
+    engines: {node: '>= 12.0.0'}
+    dependencies:
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/events': 2.10.1
       chrome-trace-event: 1.0.3
     dev: true
 
-  /@parcel/reporter-cli@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-pZiEvQpuXFuQBafMHxkDmwH8CnnK9sWHwa3bSbsnt385aUahtE8dpY0LKt+K1zfB6degKoczN6aWVj9WycQuZQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/reporter-cli@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-CfDHX9Sf41in/KAkOF2n/KJ234LMKtx0OIm00eycMB41I8GO14o5w7vDQTEgWHDpRfEj3Q7fA9xdkB/yuV6waw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/types': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/types': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       chalk: 4.1.2
       term-size: 2.2.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/reporter-dev-server@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-s6eboxdLEtRSvG52xi9IiNbcPKC0XMVmvTckieue2EqGDbDcaHQoHmmwkk0rNq0/Z/UxelGcQXoIYC/0xq3ykQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/reporter-dev-server@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-nLv+584zWPIDMAGiMtMW2wuys9Y5PYnwSg6C1xGHwzPT9yImTy8NMOXp9LX83lUjjqPJBJnkOZeDXdlwW2Z9dQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/reporter-tracer@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-9cXpKWk0m6d6d+4+TlAdOe8XIPaFEIKGWMWG+5SFAQE08u3olet4PSvd49F4+ZZo5ftRE7YI3j6xNbXvJT8KGw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/reporter-tracer@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-7WircrCzQQcwT5ZQjCZEmSGC6n2Jwoi8Ti4stYh3Vmp6RNHTYv/EaLooIT0oEDtPUX9NM2EI7iRjdtMiYbRgQQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       chrome-trace-event: 1.0.3
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/resolver-default@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-8ESJk1COKvDzkmOnppNXoDamNMlYVIvrKc2RuFPmp8nKVj47R6NwMgvwxEaatyPzvkmyTpq5RvG9I3HFc+r4Cw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/resolver-default@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-X8yIodBVibZQh6WXLpBqIJVpRlmXTQ7248pSNZkCs9J/UbhtQzxqz6oq5agY7nOCkxv5Wa2rF+P/PR6Qs2WCKw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/node-resolver-core': 3.0.3(@parcel/core@2.9.3)
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/node-resolver-core': 3.1.1(@parcel/core@2.10.1)
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/runtime-browser-hmr@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-EgiDIDrVAWpz7bOzWXqVinQkaFjLwT34wsonpXAbuI7f7r00d52vNAQC9AMu+pTijA3gyKoJ+Q4NWPMZf7ACDA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/runtime-browser-hmr@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-g5cHzrEBOy9nqB76USBZe9pkKDAa8l5l1zaQ/N78ANPXnV4XtTCzSjJTvMfSfKX9ZG/pdRm3QtbBfMWy3h3iXw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/runtime-js@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-EvIy+qXcKnB5qxHhe96zmJpSAViNVXHfQI5RSdZ2a7CPwORwhTI+zPNT9sb7xb/WwFw/WuTTgzT40b41DceU6Q==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/runtime-js@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-wSu5o6ABO3XTwAHoLbrxXDSWN8aykb2iaCULwjBjzYd2zATTdtMRo3Tnl8N9+PwOXLBgDS0qvRpqMOLxNNDeuQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/runtime-react-refresh@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-XBgryZQIyCmi6JwEfMUCmINB3l1TpTp9a2iFxmYNpzHlqj4Ve0saKaqWOVRLvC945ZovWIBzcSW2IYqWKGtbAA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/runtime-react-refresh@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-SH2cz2ELCOzUg/mTXs4xGUxUUZLshstLhgn1N/+cuCUQYhdulVSj+TLxX0c0zdpbpEytDhdOIGDYpXHWJYuQmA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       react-error-overlay: 6.0.9
       react-refresh: 0.9.0
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/runtime-service-worker@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-qLJLqv1mMdWL7gyh8aKBFFAuEiJkhUUgLKpdn6eSfH/R7kTtb76WnOwqUrhvEI9bZFUM/8Pa1bzJnPpqSOM+Sw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/runtime-service-worker@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-5Vrso+8YQk+2ZnmsoWktfdKeRc3YBFxb755jYLOoIXg0OfIAM24tJHX+bH0GmHwGMXG6a3nvMOVC4i0LApBemQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
+  /@parcel/rust@2.10.1:
+    resolution: {integrity: sha512-HBW4QmuzFIb42p9e1MDsr7KnNs1sPIAiml0Zd8GPd0t+bNDR+3YwvFUVEINR7VhQzh3zv+nshL0MFwWVUO/tZw==}
+    engines: {node: '>= 12.0.0'}
+    dev: true
+
   /@parcel/source-map@2.1.1:
     resolution: {integrity: sha512-Ejx1P/mj+kMjQb8/y5XxDUn4reGdr+WyKYloBljpppUy8gs42T+BNoEOuRYqDVdgPc6NxduzIDoJS9pOFfV5Ew==}
     engines: {node: ^12.18.3 || >=14}
@@ -7655,15 +7963,15 @@ packages:
       detect-libc: 1.0.3
     dev: true
 
-  /@parcel/transformer-babel@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-pURtEsnsp3h6tOBDuzh9wRvVtw4PgIlqwAArIWdrG7iwqOUYv9D8ME4+ePWEu7MQWAp58hv9pTJtqWv4T+Sq8A==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/transformer-babel@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-dwJcdrWB+DeZ3XXirUAtnoFUTAWF5bj774eyonEmcb3Yx3QrtncRf5YnSfP3QXnT+rHQ67fQIdHrb/xw3ndPNQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.9.3
-      browserslist: 4.21.10
+      '@parcel/utils': 2.10.1
+      browserslist: 4.22.1
       json5: 2.2.3
       nullthrows: 1.1.1
       semver: 7.5.4
@@ -7671,28 +7979,28 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-css@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-duWMdbEBBPjg3fQdXF16iWIdThetDZvCs2TpUD7xOlXH6kR0V5BJy8ONFT15u1RCqIV9hSNGaS3v3I9YRNY5zQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/transformer-css@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-MWrLEd7GAoHhiAiP5pTy8MfTte3TT/oPAPwEFIULojK4wYryL96LFVn0ETHpYejueXLHO4WExjSEWXs7vTwIyA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.9.3
-      browserslist: 4.21.10
-      lightningcss: 1.21.7
+      '@parcel/utils': 2.10.1
+      browserslist: 4.22.1
+      lightningcss: 1.22.0
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-html@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-0NU4omcHzFXA1seqftAXA2KNZaMByoKaNdXnLgBgtCGDiYvOcL+6xGHgY6pw9LvOh5um10KI5TxSIMILoI7VtA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/transformer-html@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-dYgMmOI4hTBOlKkQTXnlZs831hJJ8HYUWkCWthuK5nHxhDjZUUeQgWk2K7af69zkkE5rXv6LWcMXjZGD7Z4D8w==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/hash': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/rust': 2.10.1
       nullthrows: 1.1.1
       posthtml: 0.16.6
       posthtml-parser: 0.10.2
@@ -7703,56 +8011,57 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-image@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-7CEe35RaPadQzLIuxzTtIxnItvOoy46hcbXtOdDt6lmVa4omuOygZYRIya2lsGIP4JHvAaALMb5nt99a1uTwJg==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/transformer-image@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-Eiba9tqtu0QBNSCYZuOveAewNxNlAUqb3M/EHUrYfB5oMCQxRDKpApsUxZwk97qctfdfN8b6paUS5IMLn0Plbw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     peerDependencies:
-      '@parcel/core': ^2.9.3
+      '@parcel/core': ^2.10.1
     dependencies:
-      '@parcel/core': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
-      '@parcel/workers': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/core': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
+      '@parcel/workers': 2.10.1(@parcel/core@2.10.1)
       nullthrows: 1.1.1
     dev: true
 
-  /@parcel/transformer-js@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-Z2MVVg5FYcPOfxlUwxqb5l9yjTMEqE3KI3zq2MBRUme6AV07KxLmCDF23b6glzZlHWQUE8MXzYCTAkOPCcPz+Q==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/transformer-js@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-Ybc2r6UxRvX0GUSyJLJOC88iaQw2sI8/mVBgAHsuwDRQzuQtE/nccQq+FpTSwsHR9XXzdoKXqb8Vg5dfHiXmlQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     peerDependencies:
-      '@parcel/core': ^2.9.3
+      '@parcel/core': ^2.10.1
     dependencies:
-      '@parcel/core': 2.9.3
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/core': 2.10.1
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/rust': 2.10.1
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.9.3
-      '@parcel/workers': 2.9.3(@parcel/core@2.9.3)
-      '@swc/helpers': 0.5.2
-      browserslist: 4.21.10
+      '@parcel/utils': 2.10.1
+      '@parcel/workers': 2.10.1(@parcel/core@2.10.1)
+      '@swc/helpers': 0.5.3
+      browserslist: 4.22.1
       nullthrows: 1.1.1
       regenerator-runtime: 0.13.11
       semver: 7.5.4
     dev: true
 
-  /@parcel/transformer-json@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-yNL27dbOLhkkrjaQjiQ7Im9VOxmkfuuSNSmS0rA3gEjVcm07SLKRzWkAaPnyx44Lb6bzyOTWwVrb9aMmxgADpA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/transformer-json@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-yK06/v9NfqeePAEkU+BcXPibAjJljazg3CnJALsQGE8bkm6LnG+cfYNw2URj2AgCl5zQgGn72SlUP1WdDK8PHw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
       json5: 2.2.3
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-postcss@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-HoDvPqKzhpmvMmHqQhDnt8F1vH61m6plpGiYaYnYv2Om4HHi5ZIq9bO+9QLBnTKfaZ7ndYSefTKOxTYElg7wyw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/transformer-postcss@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-kvSeNDWsrRW/8o9ASPWkoHwQjF/tGlDMuvwYgv32hblvtz978zOTeLuZh8cbnrFLas8ejOekJ6EW9mz+4pTtWw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/hash': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/rust': 2.10.1
+      '@parcel/utils': 2.10.1
       clone: 2.1.2
       nullthrows: 1.1.1
       postcss-value-parser: 4.2.0
@@ -7761,12 +8070,12 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-posthtml@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-2fQGgrzRmaqbWf3y2/T6xhqrNjzqMMKksqJzvc8TMfK6f2kg3Ddjv158eaSW2JdkV39aY7tvAOn5f1uzo74BMA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/transformer-posthtml@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-CN1zlxAGjzJj24d57xebjLl6J4n+6blZ+kSSJd3QqmSyp4VVqpn1shmI5OMMtpsOMmlnGy3IcI0xs6yw6nqRxA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       nullthrows: 1.1.1
       posthtml: 0.16.6
       posthtml-parser: 0.10.2
@@ -7776,33 +8085,33 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-raw@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-oqdPzMC9QzWRbY9J6TZEqltknjno+dY24QWqf8ondmdF2+W+/2mRDu59hhCzQrqUHgTq4FewowRZmSfpzHxwaQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/transformer-raw@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-w+CH/zXDJaz1jKK31M+4ZGPzOyTKAgBVIelJs2j75jw41qFRn/tb9HqKNhPEEXhPhIs2L13D9O0/h1X/tmVK3w==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-react-refresh-wrap@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-cb9NyU6oJlDblFIlzqIE8AkvRQVGl2IwJNKwD4PdE7Y6sq2okGEPG4hOw3k/Y9JVjM4/2pUORqvjSRhWwd9oVQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/transformer-react-refresh-wrap@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-ni7uyUsqPgwCohSqyF6AUmHbICrPUNhkREaTl5HFzTHS8CblEyVWUnY5X4UaT5BAlhQ3noo8/s9mGISi8sTIuQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       react-refresh: 0.9.0
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-svg@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-ypmE+dzB09IMCdEAkOsSxq1dEIm2A3h67nAFz4qbfHbwNgXBUuy/jB3ZMwXN/cO0f7SBh/Ap8Jhq6vmGqB5tWw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.9.3}
+  /@parcel/transformer-svg@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-6h0ABUiLWiDKLrTMvN2oHPGPYGQb8poe68eErPdtVxyw88P3AQKJOl/HHxHMXclRukV9Qc+N/izQf7jv9j+Ehw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.10.1}
     dependencies:
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/hash': 2.9.3
-      '@parcel/plugin': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/plugin': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/rust': 2.10.1
       nullthrows: 1.1.1
       posthtml: 0.16.6
       posthtml-parser: 0.10.2
@@ -7812,29 +8121,29 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/types@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-NSNY8sYtRhvF1SqhnIGgGvJocyWt1K8Tnw5cVepm0g38ywtX6mwkBvMkmeehXkII4mSUn+frD9wGsydTunezvA==}
+  /@parcel/types@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-aoVVCL9AJ2wPIZujvAA4prof0RVg5cHZKAx2CrBVFk6RyEwonSGKh0XCqWzqy7Ufuu+M5lmvshJPHGCrMfKLWQ==}
     dependencies:
-      '@parcel/cache': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/fs': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/package-manager': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/cache': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/fs': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/package-manager': 2.10.1(@parcel/core@2.10.1)
       '@parcel/source-map': 2.1.1
-      '@parcel/workers': 2.9.3(@parcel/core@2.9.3)
+      '@parcel/workers': 2.10.1(@parcel/core@2.10.1)
       utility-types: 3.10.0
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/utils@2.9.3:
-    resolution: {integrity: sha512-cesanjtj/oLehW8Waq9JFPmAImhoiHX03ihc3JTWkrvJYSbD7wYKCDgPAM3JiRAqvh1LZ6P699uITrYWNoRLUg==}
+  /@parcel/utils@2.10.1:
+    resolution: {integrity: sha512-Nh3TFaMa8lyjplT8acWVrIUytQGqMLT75Xp711yhs2hB5xHeRdpckLRadk+V5Nyz5g6dyzD2fad6ZpQFp89B+w==}
     engines: {node: '>= 12.0.0'}
     dependencies:
-      '@parcel/codeframe': 2.9.3
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/hash': 2.9.3
-      '@parcel/logger': 2.9.3
-      '@parcel/markdown-ansi': 2.9.3
+      '@parcel/codeframe': 2.10.1
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/logger': 2.10.1
+      '@parcel/markdown-ansi': 2.10.1
+      '@parcel/rust': 2.10.1
       '@parcel/source-map': 2.1.1
       chalk: 4.1.2
       nullthrows: 1.1.1
@@ -7971,18 +8280,18 @@ packages:
       '@parcel/watcher-win32-x64': 2.3.0
     dev: true
 
-  /@parcel/workers@2.9.3(@parcel/core@2.9.3):
-    resolution: {integrity: sha512-zRrDuZJzTevrrwElYosFztgldhqW6G9q5zOeQXfVQFkkEJCNfg36ixeiofKRU8uu2x+j+T6216mhMNB6HiuY+w==}
+  /@parcel/workers@2.10.1(@parcel/core@2.10.1):
+    resolution: {integrity: sha512-1Z/X53gUQlkx0soLiEgk6Ydi0tFVQOwv0V4KJGg6Rzjcsmjn8ViV8s79Tw0mauCu2KiMJx5ZP0rn6rlFVmbtSQ==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
-      '@parcel/core': ^2.9.3
+      '@parcel/core': ^2.10.1
     dependencies:
-      '@parcel/core': 2.9.3
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/logger': 2.9.3
-      '@parcel/profiler': 2.9.3
-      '@parcel/types': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/core': 2.10.1
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/logger': 2.10.1
+      '@parcel/profiler': 2.10.1
+      '@parcel/types': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       nullthrows: 1.1.1
     dev: true
 
@@ -8064,18 +8373,18 @@ packages:
   /@radix-ui/number@1.0.1:
     resolution: {integrity: sha512-T5gIdVO2mmPW3NNhjNgEP3cqMXjXL9UbO0BzWcXfvdBs+BohbQxvd/K5hSVKmn9/lbTdsQVKbUcP5WLCwvUbBg==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
 
   /@radix-ui/primitive@1.0.0:
     resolution: {integrity: sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
     dev: false
 
   /@radix-ui/primitive@1.0.1:
     resolution: {integrity: sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
 
   /@radix-ui/react-arrow@1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==}
@@ -8090,7 +8399,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@types/react': 18.2.8
       '@types/react-dom': 18.2.4
@@ -8111,7 +8420,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@radix-ui/react-context': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
@@ -8127,7 +8436,7 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       react: 18.2.0
     dev: false
 
@@ -8140,7 +8449,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@types/react': 18.2.8
       react: 18.2.0
 
@@ -8149,7 +8458,7 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       react: 18.2.0
     dev: false
 
@@ -8162,7 +8471,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@types/react': 18.2.8
       react: 18.2.0
 
@@ -8172,7 +8481,7 @@ packages:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
@@ -8202,7 +8511,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@types/react': 18.2.8
       react: 18.2.0
 
@@ -8212,7 +8521,7 @@ packages:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
@@ -8235,7 +8544,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
@@ -8252,7 +8561,7 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       react: 18.2.0
     dev: false
 
@@ -8265,7 +8574,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@types/react': 18.2.8
       react: 18.2.0
     dev: true
@@ -8276,7 +8585,7 @@ packages:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
@@ -8297,7 +8606,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.8)(react@18.2.0)
@@ -8312,7 +8621,7 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
       react: 18.2.0
     dev: false
@@ -8326,7 +8635,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@types/react': 18.2.8
       react: 18.2.0
@@ -8345,7 +8654,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@floating-ui/react-dom': 2.0.2(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-arrow': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.8)(react@18.2.0)
@@ -8368,7 +8677,7 @@ packages:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -8387,7 +8696,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@types/react': 18.2.8
       '@types/react-dom': 18.2.4
@@ -8401,7 +8710,7 @@ packages:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
       react: 18.2.0
@@ -8421,7 +8730,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@types/react': 18.2.8
@@ -8436,7 +8745,7 @@ packages:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-slot': 1.0.0(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -8455,7 +8764,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-slot': 1.0.2(@types/react@18.2.8)(react@18.2.0)
       '@types/react': 18.2.8
       '@types/react-dom': 18.2.4
@@ -8475,7 +8784,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.8)(react@18.2.0)
@@ -8504,7 +8813,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/number': 1.0.1
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.8)(react@18.2.0)
@@ -8533,7 +8842,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/number': 1.0.1
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
@@ -8574,7 +8883,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@types/react': 18.2.8
       '@types/react-dom': 18.2.4
@@ -8587,7 +8896,7 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       react: 18.2.0
     dev: false
@@ -8601,7 +8910,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@types/react': 18.2.8
       react: 18.2.0
@@ -8619,7 +8928,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-context': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@radix-ui/react-direction': 1.0.1(@types/react@18.2.8)(react@18.2.0)
@@ -8646,7 +8955,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.8)(react@18.2.0)
@@ -8669,7 +8978,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/primitive': 1.0.1
       '@radix-ui/react-context': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@radix-ui/react-direction': 1.0.1(@types/react@18.2.8)(react@18.2.0)
@@ -8688,7 +8997,7 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       react: 18.2.0
     dev: false
 
@@ -8701,7 +9010,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@types/react': 18.2.8
       react: 18.2.0
 
@@ -8710,7 +9019,7 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
       react: 18.2.0
     dev: false
@@ -8724,7 +9033,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@types/react': 18.2.8
       react: 18.2.0
@@ -8735,7 +9044,7 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
       react: 18.2.0
     dev: false
@@ -8749,7 +9058,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@types/react': 18.2.8
       react: 18.2.0
@@ -8760,7 +9069,7 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       react: 18.2.0
     dev: false
 
@@ -8773,7 +9082,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@types/react': 18.2.8
       react: 18.2.0
 
@@ -8786,7 +9095,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@types/react': 18.2.8
       react: 18.2.0
     dev: true
@@ -8800,7 +9109,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/rect': 1.0.1
       '@types/react': 18.2.8
       react: 18.2.0
@@ -8815,7 +9124,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.8)(react@18.2.0)
       '@types/react': 18.2.8
       react: 18.2.0
@@ -8834,7 +9143,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@types/react': 18.2.8
       '@types/react-dom': 18.2.4
@@ -8845,259 +9154,322 @@ packages:
   /@radix-ui/rect@1.0.1:
     resolution: {integrity: sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
     dev: true
 
-  /@react-aria/button@3.8.2(react@18.2.0):
-    resolution: {integrity: sha512-d1Fgx2XrSk8WMFtGu/ta76m5Rx+f2CuHY1k6nD45QciszD26GbzHdLOSjxev97M6vHj/BOsGL01XcwmTL4fZHA==}
+  /@react-aria/breadcrumbs@3.5.7(react@18.2.0):
+    resolution: {integrity: sha512-z+L1gNyWrjZ4Fs0Vo4AkwJicPpEGIestww6r8CiTlt07eo0vCReNmB3oofI6nMJOSu51yef+qqBtFyr0tqBgiw==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-stately/toggle': 3.6.2(react@18.2.0)
-      '@react-types/button': 3.8.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/link': 3.6.1(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-types/breadcrumbs': 3.7.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-aria/checkbox@3.11.0(react@18.2.0):
-    resolution: {integrity: sha512-3C5ON4IvFu69LihMOB6Y2Zr4T0zjkuPfQ6HrHuS9SiFU+IZuv1z38K/bXk7UkmZoiLtWLloNA5XKNCwf+Y+6Xw==}
+  /@react-aria/button@3.8.4(react@18.2.0):
+    resolution: {integrity: sha512-rTGZk5zu+lQNjfij2fwnw2PAgBgzNLi3zbMw1FL5/XwVx+lEH2toeqKLoqULtd7nSxskYuQz56VhmjUok6Qkmg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/label': 3.7.0(react@18.2.0)
-      '@react-aria/toggle': 3.8.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-stately/checkbox': 3.5.0(react@18.2.0)
-      '@react-stately/toggle': 3.6.2(react@18.2.0)
-      '@react-types/checkbox': 3.5.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/toggle': 3.6.3(react@18.2.0)
+      '@react-types/button': 3.9.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-aria/dialog@3.5.5(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-nfh1fg5h8jEe8ktoq1YrlOHuyqoZgZOCYh0PourwfY26Pl7BxFrMyG7HCnY2mjDxnXLJLULONVmUN3WxbgzhxQ==}
+  /@react-aria/checkbox@3.11.2(react@18.2.0):
+    resolution: {integrity: sha512-8cgXxpc7IMJ9buw+Rbhr1xc66zNp2ePuFpjw3uWyH7S3IJEd2f5kXUDNWLXQRADJso95UlajRlJQiG4QIObEnA==}
+    peerDependencies:
+      react: ^18.2.0
+    dependencies:
+      '@react-aria/label': 3.7.2(react@18.2.0)
+      '@react-aria/toggle': 3.8.2(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/checkbox': 3.5.1(react@18.2.0)
+      '@react-stately/toggle': 3.6.3(react@18.2.0)
+      '@react-types/checkbox': 3.5.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
+      react: 18.2.0
+    dev: false
+
+  /@react-aria/combobox@3.7.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-37no1b3sRI9mDh3MpMPWNt0Q8QdoRipnx12Vx5Uvtb0PA23hwOWDquICzs157SoJpXP49/+eH6LiA0uTsqwVuQ==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/overlays': 3.17.0(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-stately/overlays': 3.6.2(react@18.2.0)
-      '@react-types/dialog': 3.5.5(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/listbox': 3.11.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/live-announcer': 3.3.1
+      '@react-aria/menu': 3.11.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/overlays': 3.18.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/selection': 3.17.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/textfield': 3.12.2(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/collections': 3.10.2(react@18.2.0)
+      '@react-stately/combobox': 3.7.1(react@18.2.0)
+      '@react-stately/layout': 3.13.3(react@18.2.0)
+      '@react-types/button': 3.9.0(react@18.2.0)
+      '@react-types/combobox': 3.8.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/focus@3.14.1(react@18.2.0):
-    resolution: {integrity: sha512-2oVJgn86Rt7xgbtLzVlrYb7MZHNMpyBVLMMGjWyvjH5Ier2bgZ6czJJmm18Xe4kjlDHN0dnFzBvoRoTCWkmivA==}
+  /@react-aria/dialog@3.5.7(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-IKeBaIQBl+WYkhytyE0eISW4ApOEvCJZuw9Xq7gjlKFBlF4X6ffo8souv12KpaznK6/fp1vtEXMmy1AfejiT8Q==}
+    peerDependencies:
+      react: ^18.2.0
+      react-dom: ^18.2.0
+    dependencies:
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/overlays': 3.18.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/overlays': 3.6.3(react@18.2.0)
+      '@react-types/dialog': 3.5.6(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@react-aria/focus@3.14.3(react@18.2.0):
+    resolution: {integrity: sha512-gvO/frZ7SxyfyHJYC+kRsUXnXct8hGHKlG1TwbkzCCXim9XIPKDgRzfNGuFfj0i8ZpR9xmsjOBUkHZny0uekFA==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       clsx: 1.2.1
       react: 18.2.0
     dev: false
 
-  /@react-aria/grid@3.8.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-AaUVDY+oonIISDUzEH+1v6ncv7jnWog1zhBQ+sRFie+8apogv/M0Uj7sSX/lse+K42jIXK67472vz2+s0AJVEA==}
+  /@react-aria/grid@3.8.4(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-UxEz98Z6yxVAOq7QSZ9OmSsvMwxJDVl7dVRwUHeqWxNprk9o5GGCLjhMv948XBUEnOvLV2qgtI7UoGzSdliUJA==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/i18n': 3.8.2(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
       '@react-aria/live-announcer': 3.3.1
-      '@react-aria/selection': 3.16.2(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-stately/collections': 3.10.1(react@18.2.0)
-      '@react-stately/grid': 3.8.1(react@18.2.0)
-      '@react-stately/selection': 3.13.4(react@18.2.0)
-      '@react-stately/virtualizer': 3.6.2(react@18.2.0)
-      '@react-types/checkbox': 3.5.1(react@18.2.0)
-      '@react-types/grid': 3.2.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/selection': 3.17.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/collections': 3.10.2(react@18.2.0)
+      '@react-stately/grid': 3.8.2(react@18.2.0)
+      '@react-stately/selection': 3.14.0(react@18.2.0)
+      '@react-stately/virtualizer': 3.6.4(react@18.2.0)
+      '@react-types/checkbox': 3.5.2(react@18.2.0)
+      '@react-types/grid': 3.2.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/i18n@3.8.2(react@18.2.0):
-    resolution: {integrity: sha512-WsdByq3DmqEhr8sOdooVcDoS0CGGv+7cegZmmpw5VfUu0f0+0y7YBj/lRS9RuEqlgvSH+K3sPW/+0CkjM/LRGQ==}
+  /@react-aria/i18n@3.8.4(react@18.2.0):
+    resolution: {integrity: sha512-YlTJn7YJlUxds/T5dNtme551qc118NoDQhK+IgGpzcmPQ3xSnwBAQP4Zwc7wCpAU+xEwnNcsGw+L1wJd49He/A==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
       '@internationalized/date': 3.5.0
       '@internationalized/message': 3.1.1
-      '@internationalized/number': 3.2.1
+      '@internationalized/number': 3.3.0
       '@internationalized/string': 3.1.1
       '@react-aria/ssr': 3.8.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
-    dev: false
 
-  /@react-aria/interactions@3.18.0(react@18.2.0):
-    resolution: {integrity: sha512-V96uRZTVe2KcU5HW+r2cuUcLIfo0KuPOchywk9r48xtJC8u//sv5fAo0LMX6AgsQJ7bV09JO8nDqmZP0gkRElQ==}
+  /@react-aria/interactions@3.19.1(react@18.2.0):
+    resolution: {integrity: sha512-2QFOvq/rJfMGEezmtYcGcJmfaD16kHKcSTLFrZ8aeBK6hYFddGVZJZk+dXf+G7iNaffa8rMt6uwzVe/malJPBA==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
       '@react-aria/ssr': 3.8.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
 
-  /@react-aria/label@3.7.0(react@18.2.0):
-    resolution: {integrity: sha512-OEBFKp4zSS9O/IPoVUU/YdThQWI4EXOuUO8z2mog9I3wU1FQHEASGtqkg0fzxhBh8LYnPIl56y02dIBJ7eyxlA==}
+  /@react-aria/label@3.7.2(react@18.2.0):
+    resolution: {integrity: sha512-rS0xQy+4RH1+JLESzLZd9H285McjNNf2kKwBhzU0CW3akjlu7gqaMKEJhX9MlpPDIVOUc2oEObGdU3UMmqa8ew==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-types/label': 3.8.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-types/label': 3.8.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-aria/link@3.5.4(react@18.2.0):
-    resolution: {integrity: sha512-ZHDxf9gbaqit1akkBRwnlMQZH/h/CfKe+rV+Cvw9cKrAgvJXfGHfNQVI3YxoMU7kSTOooKnzXOGWxoMJ11ql8w==}
+  /@react-aria/link@3.6.1(react@18.2.0):
+    resolution: {integrity: sha512-uVkuNHabxE11Eqeo0d1RA86EckOlfJ2Ld8uN8HnTxiLetXLZYUMBwlZfBJvT3RdwPtTG7jC3OK3BvwiyIJrtZw==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-types/link': 3.4.5(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-types/link': 3.5.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-aria/listbox@3.10.2(react@18.2.0):
-    resolution: {integrity: sha512-7w75yGyNUGwxB8dSNuXTe7Yd+ab6VmtpROLIhf3b92BPE51oy77i3/Dy1F8IdZMTUqOFd5Nm8K0Z0ZSjOchDfQ==}
+  /@react-aria/listbox@3.11.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-AkguQaIkqpP5oe++EZqYHowD7FfeQs+yY0QZVSsVPpNExcBug8/GcXvhSclcOxdh6ekZg4Wwcq7K0zhuTSOPzg==}
     peerDependencies:
       react: ^18.2.0
+      react-dom: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-aria/label': 3.7.0(react@18.2.0)
-      '@react-aria/selection': 3.16.2(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-stately/collections': 3.10.1(react@18.2.0)
-      '@react-stately/list': 3.9.2(react@18.2.0)
-      '@react-types/listbox': 3.4.4(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/label': 3.7.2(react@18.2.0)
+      '@react-aria/selection': 3.17.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/collections': 3.10.2(react@18.2.0)
+      '@react-stately/list': 3.10.0(react@18.2.0)
+      '@react-types/listbox': 3.4.5(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
   /@react-aria/live-announcer@3.3.1:
     resolution: {integrity: sha512-hsc77U7S16trM86d+peqJCOCQ7/smO1cybgdpOuzXyiwcHQw8RQ4GrXrS37P4Ux/44E9nMZkOwATQRT2aK8+Ew==}
     dependencies:
-      '@swc/helpers': 0.5.2
+      '@swc/helpers': 0.5.3
     dev: false
 
-  /@react-aria/menu@3.10.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-qqnOj6gU7GQAvdTBM9Y+lclaKEciVwfYylmJRu8RBt72jceSBkdR78et9ZLaNMwVPMYCEUxbOv8vvL7VoRKddg==}
+  /@react-aria/menu@3.11.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-1eVVDrGnSExaL7e8IiaM9ndWTjT23rsnQGUK3p66R1Ojs8Q5rPBuJpP74rsmIpYiKOCr8WyZunjm5Fjv5KfA5Q==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/i18n': 3.8.2(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-aria/overlays': 3.17.0(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/selection': 3.16.2(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-stately/collections': 3.10.1(react@18.2.0)
-      '@react-stately/menu': 3.5.5(react@18.2.0)
-      '@react-stately/tree': 3.7.2(react@18.2.0)
-      '@react-types/button': 3.8.0(react@18.2.0)
-      '@react-types/menu': 3.9.4(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/overlays': 3.18.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/selection': 3.17.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/collections': 3.10.2(react@18.2.0)
+      '@react-stately/menu': 3.5.6(react@18.2.0)
+      '@react-stately/tree': 3.7.3(react@18.2.0)
+      '@react-types/button': 3.9.0(react@18.2.0)
+      '@react-types/menu': 3.9.5(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/overlays@3.17.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-wfQ00llAIMLDtIid+0MvNqvbLP6Fqi2/hfvAxhDaRqrkiARwuCAclWNCIdCzF599IpZOMcjjBgIILEXdfA0ziw==}
+  /@react-aria/overlays@3.18.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-C74eZbTp3OA/gXy9/+4iPrZiz7g27Zy6Q1+plbg5QTLpsFLBt2Ypy9jTTANNRZfW7a5NW/Bnw9WIRjCdtTBRXw==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/i18n': 3.8.2(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
       '@react-aria/ssr': 3.8.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-aria/visually-hidden': 3.8.4(react@18.2.0)
-      '@react-stately/overlays': 3.6.2(react@18.2.0)
-      '@react-types/button': 3.8.0(react@18.2.0)
-      '@react-types/overlays': 3.8.2(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-aria/visually-hidden': 3.8.6(react@18.2.0)
+      '@react-stately/overlays': 3.6.3(react@18.2.0)
+      '@react-types/button': 3.9.0(react@18.2.0)
+      '@react-types/overlays': 3.8.3(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/progress@3.4.5(react@18.2.0):
-    resolution: {integrity: sha512-9i/+v3BVX79kwSiy+K9cozLSXjO5jb3WCZTm2O7KaZaLq5beCnSVuZdYxRo8C22ooeh0TXdYEl6Duujh86k+yg==}
+  /@react-aria/progress@3.4.7(react@18.2.0):
+    resolution: {integrity: sha512-wQ+xnzt5bBdbyQ2Qx80HxaFrPZRFKge57tmJWg4qelo7tzmgb3a22tf0Ug4C3gEz/uAv0JQWOtqLKTxjsiVP7g==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/i18n': 3.8.2(react@18.2.0)
-      '@react-aria/label': 3.7.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-types/progress': 3.4.3(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/label': 3.7.2(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-types/progress': 3.5.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-aria/radio@3.8.0(react@18.2.0):
-    resolution: {integrity: sha512-KvE7UeSDVgdOVLNt/RzTCroMRbVcnn6QZHp0fde9HjQV14Umebyu/fWAmfvIMe/th1Lelf6NtliGXOAZpfOLrg==}
+  /@react-aria/radio@3.8.2(react@18.2.0):
+    resolution: {integrity: sha512-j8yyGjboTgoBEQWlnJbQVvegKiUeQEUvU/kZ7ZAdj+eAL3BqfO6FO7yt6WzK7ZIBzjGS9YbesaUa3hwIjDi3LA==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/i18n': 3.8.2(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-aria/label': 3.7.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-stately/radio': 3.9.0(react@18.2.0)
-      '@react-types/radio': 3.5.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/label': 3.7.2(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/radio': 3.9.1(react@18.2.0)
+      '@react-types/radio': 3.5.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-aria/selection@3.16.2(react@18.2.0):
-    resolution: {integrity: sha512-C6zS5F1W38pukaMTFDTKbMrEvKkGikrXF94CtyxG1EI6EuZaQg1olaEeMCc3AyIb+4Xq+XCwjZuuSnS03qdVGQ==}
+  /@react-aria/selection@3.17.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-g5gkSc/M+zJiVgWbUpKN095ea0D4fxdluH9ZcXxN4AAvcrVfEJyAnMmWOIKRebN8xR0KPfNRnKB7E6jld2tbuQ==}
+    peerDependencies:
+      react: ^18.2.0
+      react-dom: ^18.2.0
+    dependencies:
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/collections': 3.10.2(react@18.2.0)
+      '@react-stately/selection': 3.14.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@react-aria/slider@3.7.2(react@18.2.0):
+    resolution: {integrity: sha512-io7yJm2jS0gK1ILE9kjClh9zylKsOLbRy748CyD66LDV0ZIjj2D/uZF6BtfKq7Zhc2OsMvDB9+e2IkrszKe8uw==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/i18n': 3.8.2(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-stately/collections': 3.10.1(react@18.2.0)
-      '@react-stately/selection': 3.13.4(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/label': 3.7.2(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/radio': 3.9.1(react@18.2.0)
+      '@react-stately/slider': 3.4.4(react@18.2.0)
+      '@react-types/radio': 3.5.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@react-types/slider': 3.6.2(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
@@ -9107,149 +9479,151 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@swc/helpers': 0.5.2
+      '@swc/helpers': 0.5.3
       react: 18.2.0
 
-  /@react-aria/switch@3.5.4(react@18.2.0):
-    resolution: {integrity: sha512-u5nkxLuToz7qsRoH8qiZSe4rdKJ7LJK5AoEVQzlqlw2oLTcaitRpnYYNfGJuMasAAnmdIx6SJ60gb3vly+5SMQ==}
+  /@react-aria/switch@3.5.6(react@18.2.0):
+    resolution: {integrity: sha512-W6H/0TFa72MJY02AatUERt5HKgaDTF8lOaTjNNmS6U6U20+//uvrVCqcBof8OMe4M60mQpkp7Bd6756CJAMX1w==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/toggle': 3.8.0(react@18.2.0)
-      '@react-stately/toggle': 3.6.2(react@18.2.0)
-      '@react-types/switch': 3.4.1(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/toggle': 3.8.2(react@18.2.0)
+      '@react-stately/toggle': 3.6.3(react@18.2.0)
+      '@react-types/switch': 3.4.2(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-aria/table@3.12.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Pso4AaeIdBRMguq/ijYnNzEqFhMcV/TxxpfR/9V3wRVfTzl1Z1wA99T3QBxoaT5ZjR8JIBYtzF1ErNZ0c1vsAw==}
+  /@react-aria/table@3.13.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-TBtCmJsKl3rJW/dCzA0ZxPGb8mN7ndbryLh3u+iV/+GVAVsytvAenOGrq9sLHHWXwQo5RJoO1bkUudvrZrJ5/g==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/grid': 3.8.2(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/i18n': 3.8.2(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/grid': 3.8.4(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
       '@react-aria/live-announcer': 3.3.1
-      '@react-aria/selection': 3.16.2(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-aria/visually-hidden': 3.8.4(react@18.2.0)
-      '@react-stately/collections': 3.10.1(react@18.2.0)
+      '@react-aria/selection': 3.17.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-aria/visually-hidden': 3.8.6(react@18.2.0)
+      '@react-stately/collections': 3.10.2(react@18.2.0)
       '@react-stately/flags': 3.0.0
-      '@react-stately/table': 3.11.1(react@18.2.0)
-      '@react-stately/virtualizer': 3.6.2(react@18.2.0)
-      '@react-types/checkbox': 3.5.1(react@18.2.0)
-      '@react-types/grid': 3.2.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@react-types/table': 3.8.1(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/table': 3.11.2(react@18.2.0)
+      '@react-stately/virtualizer': 3.6.4(react@18.2.0)
+      '@react-types/checkbox': 3.5.2(react@18.2.0)
+      '@react-types/grid': 3.2.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@react-types/table': 3.9.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/tabs@3.7.0(react@18.2.0):
-    resolution: {integrity: sha512-st0fdbnTizYu+gvJ+UAbhKdEdUA2rPodFl7Knxo8FidM1lOgf6B6gQowUyvLAcLpxVRpJmhbePVU+uzJTZajog==}
+  /@react-aria/tabs@3.8.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-3kRd5rYKclmW9lllcANq0oun2d1pZq7Onma95laYfrWtPBZ3YDVKOkujGSqdfSQAFVshWBjl2Q03yyvcRiwzbQ==}
+    peerDependencies:
+      react: ^18.2.0
+      react-dom: ^18.2.0
+    dependencies:
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/selection': 3.17.1(react-dom@18.2.0)(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/list': 3.10.0(react@18.2.0)
+      '@react-stately/tabs': 3.6.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@react-types/tabs': 3.3.3(react@18.2.0)
+      '@swc/helpers': 0.5.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@react-aria/textfield@3.12.2(react@18.2.0):
+    resolution: {integrity: sha512-wRg8LJjZV6o4S/LRFqxs5waGDTiuIa/CRN+/X37Fu7GeZFeK0IBvWjKPlXLe7gMswaFqRmTKnQCU42mzUdDK1g==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/i18n': 3.8.2(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-aria/selection': 3.16.2(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-stately/list': 3.9.2(react@18.2.0)
-      '@react-stately/tabs': 3.6.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@react-types/tabs': 3.3.2(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/label': 3.7.2(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@react-types/textfield': 3.8.1(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-aria/textfield@3.12.0(react@18.2.0):
-    resolution: {integrity: sha512-okvCR7vPrSx/0AW+YxPWo3ucJkgRuX77QWVeYBXhQiBKooHEYSfaceMgMZc/KS5HGZsY8bEKpGOIVkZBitzQsg==}
+  /@react-aria/toggle@3.8.2(react@18.2.0):
+    resolution: {integrity: sha512-0+RmlOQtyRmU+Dd9qM9od4DPpITC7jqA+n3aZn732XtCsosz5gPGbhFuLbSdWRZ42FQgqo7pZQWaDRZpJPkipA==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/label': 3.7.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@react-types/textfield': 3.8.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/toggle': 3.6.3(react@18.2.0)
+      '@react-types/checkbox': 3.5.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@react-types/switch': 3.4.2(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-aria/toggle@3.8.0(react@18.2.0):
-    resolution: {integrity: sha512-HQgx8rBEwGsVyJKU47GTZcWWn3Kv0DgZfUY/lXkdhMFf14/NWTRpJEuKRfEut+/wVFbcNcv9WDT7fEe7yTvGWg==}
+  /@react-aria/tooltip@3.6.4(react@18.2.0):
+    resolution: {integrity: sha512-5WCOiRSugzbfEOH+Bjpuf6EsNyynqq5S1uDh/P6J8qiYDjc0xLRJ5dyLdytX7c8MK9Y0pIHi6xb0xR9jDqJXTw==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-stately/toggle': 3.6.2(react@18.2.0)
-      '@react-types/checkbox': 3.5.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@react-types/switch': 3.4.1(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/tooltip': 3.4.5(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@react-types/tooltip': 3.4.5(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-aria/tooltip@3.6.2(react@18.2.0):
-    resolution: {integrity: sha512-y8dAxRrL4lPmYrg+UoKbHymeIuOxBq994XXWbHw2dlM4ZnBfXAaFWYuV9Pfp+JXk9Oi1atJYc3O70Z9TmgXGVw==}
-    peerDependencies:
-      react: ^18.2.0
-    dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-stately/tooltip': 3.4.4(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@react-types/tooltip': 3.4.4(react@18.2.0)
-      '@swc/helpers': 0.5.2
-      react: 18.2.0
-    dev: false
-
-  /@react-aria/utils@3.20.0(react@18.2.0):
-    resolution: {integrity: sha512-TpvP9fw2/F0E+D05+S1og88dwvmVSLVB4lurVAodN1E6rCZyw+M/SHlCez0I7j1q9ZWAnVjRuHpBIRG5heX1Ug==}
+  /@react-aria/utils@3.21.1(react@18.2.0):
+    resolution: {integrity: sha512-tySfyWHXOhd/b6JSrSOl7krngEXN3N6pi1hCAXObRu3+MZlaZOMDf/j18aoteaIF2Jpv8HMWUJUJtQKGmBJGRA==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
       '@react-aria/ssr': 3.8.0(react@18.2.0)
-      '@react-stately/utils': 3.7.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       clsx: 1.2.1
       react: 18.2.0
 
-  /@react-aria/virtualizer@3.9.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-cqhOgbT2A3ISkVEto9owdfXq7J52gArgJSpy7TEdhnv8p5emTitubE5zzSdA9Si3Q2njH0jf88/uuNYtqn6iTg==}
+  /@react-aria/virtualizer@3.9.4(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-KgFi5DhCncZDrNV3tEhlIKYgcXKP8QiwPkzutt1vAzZwwWRPHZiLZxb2p+XGjwzvwxn2Hnz1JaC770nsNPO6pQ==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@react-aria/focus': 3.14.1(react@18.2.0)
-      '@react-aria/i18n': 3.8.2(react@18.2.0)
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-stately/virtualizer': 3.6.2(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/focus': 3.14.3(react@18.2.0)
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/virtualizer': 3.6.4(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/visually-hidden@3.8.4(react@18.2.0):
-    resolution: {integrity: sha512-TRDtrndL/TiXjVac7o1vEmrHltSPugH0B6uqc1KRCSspFa1vg9tsgh9/N+qCXrEHynfNyK9FPjI70pAH+PXcqw==}
+  /@react-aria/visually-hidden@3.8.6(react@18.2.0):
+    resolution: {integrity: sha512-6DmS/JLbK9KgU/ClK1WjwOyvpn8HtwYn+uisMLdP7HlCm692peYOkXDR1jqYbHL4GlyLCD0JLI+/xGdVh5aR/w==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       clsx: 1.2.1
       react: 18.2.0
     dev: false
@@ -9257,17 +9631,17 @@ packages:
   /@react-bootstrap/babel-preset@2.2.0:
     resolution: {integrity: sha512-lJNNow6APKf1pH5/R60i7c/QGYbx/VCKdqzWWIMDyyXvNDGFwcM2T0DNOBqe9Rjz8rEROS/mKGLN3C1Im6+adQ==}
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.22.17)
-      '@babel/plugin-proposal-export-default-from': 7.22.17(@babel/core@7.22.17)
-      '@babel/plugin-proposal-export-namespace-from': 7.18.9(@babel/core@7.22.17)
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-transform-runtime': 7.22.15(@babel/core@7.22.17)
-      '@babel/preset-env': 7.22.15(@babel/core@7.22.17)
-      '@babel/preset-react': 7.22.15(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.23.2)
+      '@babel/plugin-proposal-export-default-from': 7.22.17(@babel/core@7.23.2)
+      '@babel/plugin-proposal-export-namespace-from': 7.18.9(@babel/core@7.23.2)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-transform-runtime': 7.23.2(@babel/core@7.23.2)
+      '@babel/preset-env': 7.23.2(@babel/core@7.23.2)
+      '@babel/preset-react': 7.22.15(@babel/core@7.23.2)
       babel-plugin-add-module-exports: 1.0.4
-      babel-plugin-dev-expression: 0.2.3(@babel/core@7.22.17)
-      babel-plugin-transform-next-use-client: 1.1.1(@babel/core@7.22.17)
+      babel-plugin-dev-expression: 0.2.3(@babel/core@7.23.2)
+      babel-plugin-transform-next-use-client: 1.1.1(@babel/core@7.23.2)
       babel-plugin-transform-react-remove-prop-types: 0.4.24
       babel-preset-env-modules: 1.0.1
     transitivePeerDependencies:
@@ -9292,36 +9666,52 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/checkbox@3.5.0(react@18.2.0):
-    resolution: {integrity: sha512-DSSC5nXd9P07ddyDZ6FBwaMAypURCwCRhC8kli5MNRF8/KCDJxWOpWe6LDRXeDgA6EN7ExE1deb8gydIrYmUOw==}
+  /@react-stately/checkbox@3.5.1(react@18.2.0):
+    resolution: {integrity: sha512-j+EbHpZgS8J2LbysbVDK3vQAJc7YZHOjHRX20auEzVmulAFKwkRpevo/R5gEL4EpOz4bRyu+BH/jbssHXG+Ezw==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/toggle': 3.6.2(react@18.2.0)
-      '@react-stately/utils': 3.7.0(react@18.2.0)
-      '@react-types/checkbox': 3.5.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/toggle': 3.6.3(react@18.2.0)
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/checkbox': 3.5.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/collections@3.10.1(react@18.2.0):
-    resolution: {integrity: sha512-C9FPqoQUt7NeCmmP8uabQXapcExBOTA3PxlnUw+Nq3+eWH1gOi93XWXL26L8/3OQpkvAbUcyrTXhCybLk4uMAg==}
+  /@react-stately/collections@3.10.2(react@18.2.0):
+    resolution: {integrity: sha512-h+LzCa1gWhVRWVH8uR+ZxsKmFSx7kW3RIlcjWjhfyc59BzXCuojsOJKTTAyPVFP/3kOdJeltw8g/reV1Cw/x6Q==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/data@3.10.2(react@18.2.0):
-    resolution: {integrity: sha512-myAGJHTFUy2zUtiOzUrDlu2Wp32lDlc8tg4E5w+lwQ/d4TTY1MX4TtUCW8LGc8tDm5Bv2/Le/I8Vu0T+vmesng==}
+  /@react-stately/combobox@3.7.1(react@18.2.0):
+    resolution: {integrity: sha512-JMKsbhCgP8HpwRjHLBmJILzyU9WzWykjXyP4QF/ifmkzGRjC/s46+Ieq+WonjVaLNGCoi6XqhYn2x2RyACSbsQ==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/collections': 3.10.2(react@18.2.0)
+      '@react-stately/list': 3.10.0(react@18.2.0)
+      '@react-stately/menu': 3.5.6(react@18.2.0)
+      '@react-stately/select': 3.5.5(react@18.2.0)
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/combobox': 3.8.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
+      react: 18.2.0
+    dev: false
+
+  /@react-stately/data@3.10.3(react@18.2.0):
+    resolution: {integrity: sha512-cC9mxCZU4N9GbdOB4g2/J8+W+860GvBd874to0ObSc/XOR4VbuIsxAFIabW5UwmJV+XaqqK4TUBG0C6YScXeWQ==}
+    peerDependencies:
+      react: ^18.2.0
+    dependencies:
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
 
   /@react-stately/flags@3.0.0:
@@ -9330,352 +9720,410 @@ packages:
       '@swc/helpers': 0.4.36
     dev: false
 
-  /@react-stately/grid@3.8.1(react@18.2.0):
-    resolution: {integrity: sha512-7eKPoES4eKD7JU9UXcRGVKZ/auaD5F/srVhkWjygKcJ2ibt48N0dh6JwPqPoxzqApUX0DuUjebL9hCRgagEvdQ==}
+  /@react-stately/grid@3.8.2(react@18.2.0):
+    resolution: {integrity: sha512-CB5QpYjXFatuXZodj3r0vIiqTysUe6DURZdJu6RKG2Elx19n2k49fKyx7P7CTKD2sPBOMSSX4edWuTzpL8Tl+A==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/collections': 3.10.1(react@18.2.0)
-      '@react-stately/selection': 3.13.4(react@18.2.0)
-      '@react-types/grid': 3.2.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/collections': 3.10.2(react@18.2.0)
+      '@react-stately/selection': 3.14.0(react@18.2.0)
+      '@react-types/grid': 3.2.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/layout@3.13.1(react@18.2.0):
-    resolution: {integrity: sha512-gJNK1bpnrWNHz/uhTg7OpVFuSyLdYwqNjXt2He+i66/lZ6TG36smsi9MYtTYdC72Js5rsA9ngWtfhNpQ9bMeCQ==}
+  /@react-stately/layout@3.13.3(react@18.2.0):
+    resolution: {integrity: sha512-AZ2Sm7iSRcRsNATXg7bjbPpZIjV3z7bHAJtICWA1wHieVVSV1FFoyDyiXdDTIOxyuGeytNPaxtGfPpFZia9Wsg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/collections': 3.10.1(react@18.2.0)
-      '@react-stately/table': 3.11.1(react@18.2.0)
-      '@react-stately/virtualizer': 3.6.2(react@18.2.0)
-      '@react-types/grid': 3.2.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@react-types/table': 3.8.1(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/collections': 3.10.2(react@18.2.0)
+      '@react-stately/table': 3.11.2(react@18.2.0)
+      '@react-stately/virtualizer': 3.6.4(react@18.2.0)
+      '@react-types/grid': 3.2.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@react-types/table': 3.9.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/list@3.9.2(react@18.2.0):
-    resolution: {integrity: sha512-1PBnQ3UFSeKe2Jk4kYZM/11uzQsNEs098tbEkqR3JJwYzJ4htjdd1I0P9Z2INFWiHw071OJD18Ynbbz90jMldw==}
+  /@react-stately/list@3.10.0(react@18.2.0):
+    resolution: {integrity: sha512-Yspumiln2fvzoO8AND8jNAIfBu1XPaYioeeDmsB5Vrya2EvOkzEGsauQSNBJ6Vhee1fQqpnmzH1HB0jfIKUfzg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/collections': 3.10.1(react@18.2.0)
-      '@react-stately/selection': 3.13.4(react@18.2.0)
-      '@react-stately/utils': 3.7.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/collections': 3.10.2(react@18.2.0)
+      '@react-stately/selection': 3.14.0(react@18.2.0)
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/menu@3.5.5(react@18.2.0):
-    resolution: {integrity: sha512-5IW26YURvwCs2a0n6PwlGOZ1K+M5xwfgR/q6mbQPfbZGZG6a14buHTHK8kISHAl2hHFcn0TV6yRYDmw2nxTM0A==}
+  /@react-stately/menu@3.5.6(react@18.2.0):
+    resolution: {integrity: sha512-Cm82SVda1qP71Fcz8ohIn3JYKmKCuSUIFr1WsEo/YwDPkX0x9+ev6rmphHTsxDdkCLcYHSTQL6e2KL0wAg50zA==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/overlays': 3.6.2(react@18.2.0)
-      '@react-stately/utils': 3.7.0(react@18.2.0)
-      '@react-types/menu': 3.9.4(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/overlays': 3.6.3(react@18.2.0)
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/menu': 3.9.5(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/overlays@3.6.2(react@18.2.0):
-    resolution: {integrity: sha512-iIU/xtYEzG91abHFHqe8LL53ZrDDo8kblfdA7TTZwrtxZhQHU3AbT0pLc3BNe3sXmJspxuI1nS1cszcRlSuDww==}
+  /@react-stately/overlays@3.6.3(react@18.2.0):
+    resolution: {integrity: sha512-K3eIiYAdAGTepYqNf2pVb+lPqLoVudXwmxPhyOSZXzjgpynD6tR3E9QfWQtkMazBuU73PnNX7zkH4l87r2AmTg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/utils': 3.7.0(react@18.2.0)
-      '@react-types/overlays': 3.8.2(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/overlays': 3.8.3(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/radio@3.9.0(react@18.2.0):
-    resolution: {integrity: sha512-Q2vt5VjxLbsvbMWQmDqwm9JUJ3fkmUEzSBUOSYOkUcBchnzUunpaMe3nQjbJLekIWolubsVaE3bTxCKvY8hGZA==}
+  /@react-stately/radio@3.9.1(react@18.2.0):
+    resolution: {integrity: sha512-DrQPHiP9pz1uQbBP/NDFdO8uOZigPbvuAWPUNK7Gq6kye5lW+RsS97IUnYJePNTSMvhiAVz/aleBt05Gr/PZmg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/utils': 3.7.0(react@18.2.0)
-      '@react-types/radio': 3.5.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/radio': 3.5.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/selection@3.13.4(react@18.2.0):
-    resolution: {integrity: sha512-agxSYVi70zSDSKuAXx4GdD8aG5RWFs1djcrLsQybtkFV2hUMrjipfvPfNYz56ITtz6qj5Dq2eXOZpSEAR6EfOg==}
+  /@react-stately/select@3.5.5(react@18.2.0):
+    resolution: {integrity: sha512-nDkvFeAZbN7dK/Ty+mk1h4LZYYaoPpkwrG49wa67DTHkCc8Zk2+UEjhKPwOK20th4vfJKHzKjVa0Dtq4DIj0rw==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/collections': 3.10.1(react@18.2.0)
-      '@react-stately/utils': 3.7.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/collections': 3.10.2(react@18.2.0)
+      '@react-stately/list': 3.10.0(react@18.2.0)
+      '@react-stately/menu': 3.5.6(react@18.2.0)
+      '@react-stately/selection': 3.14.0(react@18.2.0)
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/select': 3.8.4(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/table@3.11.1(react@18.2.0):
-    resolution: {integrity: sha512-iI0IeEmg91bwR/2UX2PTB8k34MrfxlMVD/XlZ+6XWQGjXftdeB8QNKDAClWMZwQmYA7HTq6bLvP2CochJ68k5w==}
+  /@react-stately/selection@3.14.0(react@18.2.0):
+    resolution: {integrity: sha512-E5rNH+gVGDJQDSnPO30ynu6jZ0Z0++VPUbM5Bu3P/bZ3+TgoTtDDvlONba3fspgSBDfdnHpsuG9eqYnDtEAyYA==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/collections': 3.10.1(react@18.2.0)
+      '@react-stately/collections': 3.10.2(react@18.2.0)
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
+      react: 18.2.0
+    dev: false
+
+  /@react-stately/slider@3.4.4(react@18.2.0):
+    resolution: {integrity: sha512-tFexbtN50zSo6e1Gi8K9MBfqgOo1eemF/VvFbde3PP9nG+ODcxEIajaYDPlMUuFw5cemJuoKo3+G5NBBn2/AjQ==}
+    peerDependencies:
+      react: ^18.2.0
+    dependencies:
+      '@react-aria/i18n': 3.8.4(react@18.2.0)
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@react-types/slider': 3.6.2(react@18.2.0)
+      '@swc/helpers': 0.5.3
+      react: 18.2.0
+    dev: false
+
+  /@react-stately/table@3.11.2(react@18.2.0):
+    resolution: {integrity: sha512-EVgksPAsnEoqeT+5ej4aGJdu9kAu3LCDqQfnmif2P/R1BP5eDU1Kv0N/mV/90Xp546g7kuZ1wS2if/hWDXEA5g==}
+    peerDependencies:
+      react: ^18.2.0
+    dependencies:
+      '@react-stately/collections': 3.10.2(react@18.2.0)
       '@react-stately/flags': 3.0.0
-      '@react-stately/grid': 3.8.1(react@18.2.0)
-      '@react-stately/selection': 3.13.4(react@18.2.0)
-      '@react-stately/utils': 3.7.0(react@18.2.0)
-      '@react-types/grid': 3.2.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@react-types/table': 3.8.1(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/grid': 3.8.2(react@18.2.0)
+      '@react-stately/selection': 3.14.0(react@18.2.0)
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/grid': 3.2.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@react-types/table': 3.9.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/tabs@3.6.0(react@18.2.0):
-    resolution: {integrity: sha512-JKEIh+4nn6Tgs434x0xoaXqaINWlUuqtQXAdoVmaL6tNY97K8zWcN08ACAbB66Os7E59FVMJczEpbUz/xja2Hg==}
+  /@react-stately/tabs@3.6.1(react@18.2.0):
+    resolution: {integrity: sha512-akGmejEaXg2RMZuWbRZ0W1MLr515e0uV0iVZefKBlcHtD/mK9K9Bo2XxBScf0TIhaPJ6Qa2w2k2+V7RmT7r8Ag==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/list': 3.9.2(react@18.2.0)
-      '@react-stately/utils': 3.7.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@react-types/tabs': 3.3.2(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/list': 3.10.0(react@18.2.0)
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@react-types/tabs': 3.3.3(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/toggle@3.6.2(react@18.2.0):
-    resolution: {integrity: sha512-O+0XtIjRX9YgAwNRhSdX2qi49PzY4eGL+F326jJfqc17HU3Qm6+nfqnODuxynpk1gw79sZr7AtROSXACTVueMQ==}
+  /@react-stately/toggle@3.6.3(react@18.2.0):
+    resolution: {integrity: sha512-4kIMTjRjtaapFk4NVmBoFDUYfkmyqDaYAmHpRyEIHTDpBYn0xpxZL/MHv9WuLYa4MjJLRp0MeicuWiZ4ai7f6Q==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/utils': 3.7.0(react@18.2.0)
-      '@react-types/checkbox': 3.5.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/checkbox': 3.5.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/tooltip@3.4.4(react@18.2.0):
-    resolution: {integrity: sha512-Tb69T2uRep/9AF0+WR7j3kp4hZzRpp5N9r52j3zKsbHQ/qirAAQUJZegg5VgSfL2ncI7n2VijbBo8DfuJTbm8g==}
+  /@react-stately/tooltip@3.4.5(react@18.2.0):
+    resolution: {integrity: sha512-VrwQcjnrNddSulh+Zql8P8cORRnWqSPkHPqQwD/Ly91Rva3gUIy+VwnYeThbGDxRzlUv1wfN+UQraEcrgwSZ/Q==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/overlays': 3.6.2(react@18.2.0)
-      '@react-stately/utils': 3.7.0(react@18.2.0)
-      '@react-types/tooltip': 3.4.4(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/overlays': 3.6.3(react@18.2.0)
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/tooltip': 3.4.5(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/tree@3.7.2(react@18.2.0):
-    resolution: {integrity: sha512-Re18E7Tfu01xjZXEDZlFwibAomD7PHGZ9cFNTkRysA208uhKVrVVfh+8vvar4c9ybTGUWk5tT6zz+hslGBuLVQ==}
+  /@react-stately/tree@3.7.3(react@18.2.0):
+    resolution: {integrity: sha512-wB/68qetgCYTe7OMqbTFmtWRrEqVdIH2VlACPCsMlECr3lW9TrrbrOwlHIJfLhkxWvY3kSCoKcOJ5KTiJC9LGA==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-stately/collections': 3.10.1(react@18.2.0)
-      '@react-stately/selection': 3.13.4(react@18.2.0)
-      '@react-stately/utils': 3.7.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-stately/collections': 3.10.2(react@18.2.0)
+      '@react-stately/selection': 3.14.0(react@18.2.0)
+      '@react-stately/utils': 3.8.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-stately/utils@3.7.0(react@18.2.0):
-    resolution: {integrity: sha512-VbApRiUV2rhozOfk0Qj9xt0qjVbQfLTgAzXLdrfeZSBnyIgo1bFRnjDpnDZKZUUCeGQcJJI03I9niaUtY+kwJQ==}
+  /@react-stately/utils@3.8.0(react@18.2.0):
+    resolution: {integrity: sha512-wCIoFDbt/uwNkWIBF+xV+21k8Z8Sj5qGO3uptTcVmjYcZngOaGGyB4NkiuZhmhG70Pkv+yVrRwoC1+4oav9cCg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@swc/helpers': 0.5.2
+      '@swc/helpers': 0.5.3
       react: 18.2.0
 
-  /@react-stately/virtualizer@3.6.2(react@18.2.0):
-    resolution: {integrity: sha512-BM7h7AlJNEB/X6XlMLlUoqye4SCGFmHiOIwEtha3QfJA52O1/0lgzD9yj5cLbdQPwZNmFH4R95b/OHqSIpgEBw==}
+  /@react-stately/virtualizer@3.6.4(react@18.2.0):
+    resolution: {integrity: sha512-lf3+FDRnyLyY1IhLfwA6GuE/9F3nIEc5p245NkUSN1ngKlXI5PvLHNatiVbONC3wt90abkpMK+WMhu2S/B+4lA==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/utils': 3.20.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      '@swc/helpers': 0.5.2
+      '@react-aria/utils': 3.21.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      '@swc/helpers': 0.5.3
       react: 18.2.0
     dev: false
 
-  /@react-types/accordion@3.0.0-alpha.16(react@18.2.0):
-    resolution: {integrity: sha512-/wMd/XPPJy7oQituxnZubUhyXNHpGlPJXSjbCBydKU8Q+txznHcyXqFqqcktvwwe44p7maYQg4j5QjAJq77v/A==}
+  /@react-types/accordion@3.0.0-alpha.17(react@18.2.0):
+    resolution: {integrity: sha512-Wsp31bYRu9wy4zAAV2W8FLvVGFF3Vk/JKn2MxqhzaSHwHBw/dfgJTvRRUW+OmBgnqVN97ur893TP9A3odpoZEg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/button@3.8.0(react@18.2.0):
-    resolution: {integrity: sha512-hVVK5iWXhDYQZwxOBfN7nQDeFQ4Pp48uYclQbXWz8D74XnuGtiUziGR008ioLXRHf47dbIPLF1QHahsCOhh05g==}
+  /@react-types/breadcrumbs@3.7.1(react@18.2.0):
+    resolution: {integrity: sha512-WWC5pQdWkAzJ2hkx4w7f+waDLLvuD9vowKey+bdLoEmKvdaHNLLVUQPEyFm6SQ5+E3pNBWkNx9a+0S9iW6wa+Q==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/link': 3.5.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/checkbox@3.5.1(react@18.2.0):
-    resolution: {integrity: sha512-7iQqBRnpNC/k8ztCC+gNGTKpTWj6yJijXPKJ8UduqPNuJ0mIqWgk7DJDBuIG0cVvnenTNxYuOL6mt3dgdcEj9w==}
+  /@react-types/button@3.9.0(react@18.2.0):
+    resolution: {integrity: sha512-YhbchUDB7yL88ZFA0Zqod6qOMdzCLD5yVRmhWymk0yNLvB7EB1XX4c5sRANalfZSFP0RpCTlkjB05Hzp4+xOYg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/dialog@3.5.5(react@18.2.0):
-    resolution: {integrity: sha512-XidCDLmbagLQZlnV8QVPhS3a63GdwiSa/0MYsHLDeb81+7P2vc3r+wNgnHWZw64mICWYzyyKxpzV3QpUm4f6+g==}
+  /@react-types/checkbox@3.5.2(react@18.2.0):
+    resolution: {integrity: sha512-iRQrbY8vRRya3bt3i7sHAifhP/ozfkly1/TItkRK5MNPRNPRDKns55D8ZFkRMj4NSyKQpjVt1zzlBXrnSOxWdQ==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/overlays': 3.8.2(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/grid@3.2.1(react@18.2.0):
-    resolution: {integrity: sha512-diliZjyTyNeJDR+5rfh9RRNeM8KFOSaFARkbO42j11CteN1Rpo66x2R53xM+0BO63rCUGrJ8RAg2E4BCp7al6w==}
+  /@react-types/combobox@3.8.1(react@18.2.0):
+    resolution: {integrity: sha512-F910tk8K5qE0TksJ9LRGcJIpaPzpsCnFxT6E9oJH3ssK4N8qZL8QfT9tIKo2XWhK9Uxb/tIZOGQwA8Cn7TyZrA==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/label@3.8.0(react@18.2.0):
-    resolution: {integrity: sha512-hZTSguqyblAF83kLImjxw46DywRMpSihkP1829T8N2I/i8oFSu74OYBJ8woklk26AOUMDJ4NFTdimdqWVMdRcQ==}
+  /@react-types/dialog@3.5.6(react@18.2.0):
+    resolution: {integrity: sha512-lwwaAgoi4xe4eEJxBns+cBIRstIPTKWWddMkp51r7Teeh2uKs1Wki7N+Acb9CfT6JQTQDqtVJm6K76rcqNBVwg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/overlays': 3.8.3(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/link@3.4.5(react@18.2.0):
-    resolution: {integrity: sha512-wwLIFjg35LBxv29rA6jPyChPH6b18U1SXaCyVa2koRIOvXTdNSRnautyE3ZQ7LyufJDc5SRTOWQHjPK1IiOfaA==}
+  /@react-types/grid@3.2.2(react@18.2.0):
+    resolution: {integrity: sha512-R4USOpn1xfsWVGwZsakRlIdsBA10XNCnAUcRXQTn2JmzLjDCtcln6uYo9IFob080lQuvjkSw3j4zkw7Yo4Qepg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-aria/interactions': 3.18.0(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
-      react: 18.2.0
-
-  /@react-types/listbox@3.4.4(react@18.2.0):
-    resolution: {integrity: sha512-c0FFM73tGZZ5AV9Yu5/Vd/cji5AVcI2QZvs4+mpRcSpzH3zSCVvVLr7GayZFS70tYQVPLHFH2E202wLxoiLK9A==}
-    peerDependencies:
-      react: ^18.2.0
-    dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/menu@3.9.4(react@18.2.0):
-    resolution: {integrity: sha512-8OnPQHMPZw126TuLi21IuHWMbGOqoWZa+0uJCg2gI+Xpe1F0dRK/DNzCIKkGl1EXgZATJbRC3NcxyZlWti+/EQ==}
+  /@react-types/label@3.8.1(react@18.2.0):
+    resolution: {integrity: sha512-fA6zMTF2TmfU7H8JBJi0pNd8t5Ak4gO+ZA3cZBysf8r3EmdAsgr3LLqFaGTnZzPH1Fux6c7ARI3qjVpyNiejZQ==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/overlays': 3.8.2(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/overlays@3.8.2(react@18.2.0):
-    resolution: {integrity: sha512-HpLYzkNvuvC6nKd06vF9XbcLLv3u55+e7YUFNVpgWq8yVxcnduOcJdRJhPaAqHUl6iVii04mu1GKnCFF8jROyQ==}
+  /@react-types/link@3.5.1(react@18.2.0):
+    resolution: {integrity: sha512-hX2KpjB7wSuJw5Pia63+WEgEql53VfVG1Vu2cTUJDxfrgUtawwHtxB8B0K3cs3jBanq69amgAInEx0FfqYY0uQ==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-aria/interactions': 3.19.1(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      react: 18.2.0
+
+  /@react-types/listbox@3.4.5(react@18.2.0):
+    resolution: {integrity: sha512-nuRY3l8h/rBYQWTXWdZz5YJdl6QDDmXpHrnPuX7PxTwbXcwjhoMK+ZkJ0arA8Uv3MPs1OUcT6K6CInsPnG2ARQ==}
+    peerDependencies:
+      react: ^18.2.0
+    dependencies:
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/progress@3.4.3(react@18.2.0):
-    resolution: {integrity: sha512-g0HrxOf3ubQ4Tp9jwOMhl+WOd4cYh/cCwO6B8LFKw0m5erJWh5VdlyBql+5rmQmYWUaG8RcWyfnKY1C6WShl1g==}
+  /@react-types/menu@3.9.5(react@18.2.0):
+    resolution: {integrity: sha512-KB5lJM0p9PxwpVlHV9sRdpjh+sqINeHrJgGizy/cQI9bj26nupiEgamSD14dULNI6BFT9DkgKCsobBtE04DDKQ==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/overlays': 3.8.3(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/radio@3.5.1(react@18.2.0):
-    resolution: {integrity: sha512-jPF8zt+XdgW9DaTvB5ZYCh0uk7DVko1VZ/jOlCRs82w3P884Wc7MMpwdl1T5PBdhtLcdr+xjM1YI6/31reIBfQ==}
+  /@react-types/overlays@3.8.3(react@18.2.0):
+    resolution: {integrity: sha512-TrCG2I2+V+TD0PGi3CqfnyU5jEzcelSGgYJQvVxsl5Vv3ri7naBLIsOjF9x66tPxhINLCPUtOze/WYRAexp8aw==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/select@3.8.3(react@18.2.0):
-    resolution: {integrity: sha512-x0x/qJq48QqVnBXFqvPaiS/TQOmCIL9ZmzM4AzRtYMU++kxjy3L03cdnzDBmxKN+KkfDn7OU++vKI44ksgTCRA==}
+  /@react-types/progress@3.5.0(react@18.2.0):
+    resolution: {integrity: sha512-c1KLQCfYjdUdkTcPy0ZW31dc2+D86ZiZRHPNOaSYFGJjk9ItbWWi8BQTwlrw6D2l/+0d/YDdUFGaZhHMrY9mBQ==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/shared@3.20.0(react@18.2.0):
-    resolution: {integrity: sha512-lgTO/S/EMIZKU1EKTg8wT0qYP5x/lZTK2Xw6BZZk5c4nn36JYhGCRb/OoR/jBCIeRb2x9yNbwERO6NYVkoQMSw==}
+  /@react-types/radio@3.5.2(react@18.2.0):
+    resolution: {integrity: sha512-crYQ+97abd5v0Iw9X+Tt+E7KWdm5ckr4g0+Iy8byV1g6MyiBOsNtq9QT99TOzyWJPqqD8T9qZfAOk49wK7KEDg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      react: 18.2.0
-
-  /@react-types/switch@3.4.1(react@18.2.0):
-    resolution: {integrity: sha512-2XfPsu2Yiap+pthO2rvCNlLjzo9mDejrYY3rsYMw/jLzCHvuR8Xe2/l01svHcq3pVuNIMElqZR4vTq9OvGNBnQ==}
-    peerDependencies:
-      react: ^18.2.0
-    dependencies:
-      '@react-types/checkbox': 3.5.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/table@3.8.1(react@18.2.0):
-    resolution: {integrity: sha512-zUZ0jTnTBz0JWhnbz7U0LnnKqGhPvmQz+xyADrBIrgj8hk1jQdWNTwAFwqUg8uaReSy+9b3jjPPNOnpTu9DmgA==}
+  /@react-types/select@3.8.4(react@18.2.0):
+    resolution: {integrity: sha512-jHBaLiAHTcYPz52kuJpypBbR0WAA+YCZHy2HH+W8711HuTqePZCEp6QAWHK9Fw0qwSZQ052jYaWvOsgEZZ6ojQ==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/grid': 3.2.1(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/tabs@3.3.2(react@18.2.0):
-    resolution: {integrity: sha512-eC6gGKH+Z2sCaHsCsSqT6gDE9E0ghbxL5d/yBjJ8VHxXkNLvM6dXwoYaEhA2JEdQqf0vC/7bZdjI3swV63DgKg==}
+  /@react-types/shared@3.21.0(react@18.2.0):
+    resolution: {integrity: sha512-wJA2cUF8dP4LkuNUt9Vh2kkfiQb2NLnV2pPXxVnKJZ7d4x2/7VPccN+LYPnH8m0X3+rt50cxWuPKQmjxSsCFOg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      react: 18.2.0
+
+  /@react-types/slider@3.6.2(react@18.2.0):
+    resolution: {integrity: sha512-LSvna1gpOvBxOBI5I/CYEtkAshWYwPlxE9F/jCaxCa9Q7E9xZp1hFFGY87iQ1A3vQM5SCa5PFStwOvXO7rA55w==}
+    peerDependencies:
+      react: ^18.2.0
+    dependencies:
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/textfield@3.8.0(react@18.2.0):
-    resolution: {integrity: sha512-KRIEiIaB7pi0VlyOXNv39qeY0nBVmaXHwReCmEktQxKtXQ5lbEU6pvbc6srMZIplJffutQCZSXAucw/2ewLLVQ==}
+  /@react-types/switch@3.4.2(react@18.2.0):
+    resolution: {integrity: sha512-OQWpawikWhF+ET1/kE0/JeJVr6gHjkR72p/idTsT7RUJySBcehhAscbIA8iWzVWJvdFCVF2hG7uzBAJTeDMr9A==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/checkbox': 3.5.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/tooltip@3.4.4(react@18.2.0):
-    resolution: {integrity: sha512-pEy4eKWXV9IW/h76dzEPRDJdPyYGis4OoJC1BYHjDRILq0kV1F/lzCJaL29f5VHkYOTIHmwaEMbDX3m7OSJjrw==}
+  /@react-types/table@3.9.0(react@18.2.0):
+    resolution: {integrity: sha512-WOLxZ3tzLA4gxRxvnsZhnnQDbh4Qe/johpHNk4coSOFOP5W8PbunPacXnbvdPkSx6rqrOIzCnYcZCtgk4gDQmg==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@react-types/overlays': 3.8.2(react@18.2.0)
-      '@react-types/shared': 3.20.0(react@18.2.0)
+      '@react-types/grid': 3.2.2(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      react: 18.2.0
+    dev: false
+
+  /@react-types/tabs@3.3.3(react@18.2.0):
+    resolution: {integrity: sha512-Zc4g5TIwJpKS5fiT9m4dypbCr1xqtauL4wqM76fGERCAZy0FwXTH/yjzHJDYKyWFJrQNWtJ0KAhJR/ZqKDVnIw==}
+    peerDependencies:
+      react: ^18.2.0
+    dependencies:
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      react: 18.2.0
+    dev: false
+
+  /@react-types/textfield@3.8.1(react@18.2.0):
+    resolution: {integrity: sha512-p8Xmew9kzJd+tCM7h9LyebZHpv7SH1IE1Nu13hLCOV5cZ/tVVVCwjNGLMv4MtUpSn++H42YLJgAW9Uif+a+RHg==}
+    peerDependencies:
+      react: ^18.2.0
+    dependencies:
+      '@react-types/shared': 3.21.0(react@18.2.0)
+      react: 18.2.0
+    dev: false
+
+  /@react-types/tooltip@3.4.5(react@18.2.0):
+    resolution: {integrity: sha512-pv87Vlu+Pn1Titw199y5aiSuXF/GHX+fBCihi9BeePqtwYm505e/Si01BNh5ejCeXXOS4JIMuXwmGGzGVdGk6Q==}
+    peerDependencies:
+      react: ^18.2.0
+    dependencies:
+      '@react-types/overlays': 3.8.3(react@18.2.0)
+      '@react-types/shared': 3.21.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
@@ -9688,22 +10136,22 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@rollup/pluginutils@5.0.4:
-    resolution: {integrity: sha512-0KJnIoRI8A+a1dqOYLxH8vBf8bphDmty5QvIm2hqm7oFCFYKCAZWWd2hXgMibaPsNDhI0AtpYfQZJG47pt/k4g==}
+  /@rollup/pluginutils@5.0.5:
+    resolution: {integrity: sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
     peerDependenciesMeta:
       rollup:
         optional: true
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.4
       estree-walker: 2.0.2
       picomatch: 2.3.1
     dev: true
 
-  /@rushstack/eslint-patch@1.3.3:
-    resolution: {integrity: sha512-0xd7qez0AQ+MbHatZTlI1gu5vkG8r7MYRUJAHPAHJBmGLs16zpkrpAVLvjQKQOqaXPDUBwOiJzNc00znHSCVBw==}
+  /@rushstack/eslint-patch@1.5.1:
+    resolution: {integrity: sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==}
     dev: true
 
   /@sideway/address@4.1.4:
@@ -9782,8 +10230,8 @@ packages:
     resolution: {integrity: sha512-Gfkvwk9o9kE9r9XNBmJRfV8zONvXThnm1tcuojL04Uy5uRyqg93DC83lDebl0rocZCfKSjUv+fWYtMQmEDJldg==}
     dev: false
 
-  /@storybook/addon-a11y@7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-RE8sXk9KEqgmjsFmG31eObgPMTOvvWnoNZIaZEHs88X30tNHtFwjc0jzvCR/xriKsBtQdYQTUSsB7pSjaJHNzQ==}
+  /@storybook/addon-a11y@7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-HTYESaRr208b/AVguudRIy7rwRMk2bOkBr2P46ozK+8Y9mWXnKxw5O8qYS2kLuEuHfu1S+ktWp7SWjRvz8vHXA==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
@@ -9793,17 +10241,17 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addon-highlight': 7.4.6
-      '@storybook/channels': 7.4.6
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/core-events': 7.4.6
+      '@storybook/addon-highlight': 7.5.2
+      '@storybook/channels': 7.5.2
+      '@storybook/client-logger': 7.5.2
+      '@storybook/components': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 7.5.2
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.4.6
-      axe-core: 4.8.1
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/preview-api': 7.5.2
+      '@storybook/theming': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.5.2
+      axe-core: 4.8.2
       lodash: 4.17.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -9813,8 +10261,8 @@ packages:
       - '@types/react-dom'
     dev: true
 
-  /@storybook/addon-actions@7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-SsqZr3js5NinKPnC8AeNI7Ij+Q6fIl9tRdRmSulEgjksjOg7E5S1/Wsn5Bb2CCgj7MaX6VxGyC7s3XskQtDiIQ==}
+  /@storybook/addon-actions@7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-jKF3rrMEu42TgZ5AEszADpVdASDu1S4Ozp1Ymf4akHLkaMOv+yzzD7LV6YGjJz8S2IryndZqE47e6stF0T99uA==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
@@ -9824,14 +10272,14 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/core-events': 7.4.6
+      '@storybook/client-logger': 7.5.2
+      '@storybook/components': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 7.5.2
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.4.6
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/preview-api': 7.5.2
+      '@storybook/theming': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.5.2
       dequal: 2.0.3
       lodash: 4.17.21
       polished: 4.2.2
@@ -9841,14 +10289,14 @@ packages:
       react-inspector: 6.0.2(react@18.2.0)
       telejson: 7.2.0
       ts-dedent: 2.2.0
-      uuid: 9.0.0
+      uuid: 9.0.1
     transitivePeerDependencies:
       - '@types/react'
       - '@types/react-dom'
     dev: true
 
-  /@storybook/addon-backgrounds@7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-+LHTZB/ZYMAzkyD5ZxSriBsqmsrvIaW/Nnd/BeuXGbkrVKKqM0qAKiFZAfjc2WchA1piVNy0/1Rsf+kuYCEiJw==}
+  /@storybook/addon-backgrounds@7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-CII8c+db8sVciWjFY0ProZi5E2d+cOc+XlVHCAVaUYp2Bp/1MV7en8etfLK7DEoH6kBVz1+t3TaPU+xjUTR8Ig==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
@@ -9858,14 +10306,14 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/core-events': 7.4.6
+      '@storybook/client-logger': 7.5.2
+      '@storybook/components': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 7.5.2
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.4.6
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/preview-api': 7.5.2
+      '@storybook/theming': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.5.2
       memoizerific: 1.11.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -9875,8 +10323,8 @@ packages:
       - '@types/react-dom'
     dev: true
 
-  /@storybook/addon-controls@7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-4lq3sycEUIsK8SUWDYc60QgF4vV9FZZ3lDr6M7j2W9bOnvGw49d2fbdlnq+bX1ZprZZ9VgglQpBAorQB3BXZRw==}
+  /@storybook/addon-controls@7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-f04VcBSfm3yMT1hvaFEwCRbdwiXQbddfEwhwjEVsqd+CA0s600W4L7B8tT4daXMsU6NsZyibev910IKTnDw6xQ==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
@@ -9886,16 +10334,16 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/blocks': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/core-common': 7.4.6
-      '@storybook/core-events': 7.4.6
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/node-logger': 7.4.6
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.4.6
+      '@storybook/blocks': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 7.5.2
+      '@storybook/components': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-common': 7.5.2
+      '@storybook/core-events': 7.5.2
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/node-logger': 7.5.2
+      '@storybook/preview-api': 7.5.2
+      '@storybook/theming': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.5.2
       lodash: 4.17.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -9907,27 +10355,27 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-docs@7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-dLaub+XWFq4hChw+xfuF9yYg0Txp77FUawKoAigccfjWXx+OOhRV3XTuAcknpXkYq94GWynHgUFXosXT9kbDNA==}
+  /@storybook/addon-docs@7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-KxX4XuxK6YcI2mUosFkAlueMon/nby6mp3GRHenuK+nobY0ecfILqSTbsOeO1wqPxALBoq7fLnrgYhdDlandgQ==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@jest/transform': 29.6.4
+      '@jest/transform': 29.7.0
       '@mdx-js/react': 2.3.0(react@18.2.0)
-      '@storybook/blocks': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/csf-plugin': 7.4.6
-      '@storybook/csf-tools': 7.4.6
+      '@storybook/blocks': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 7.5.2
+      '@storybook/components': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/csf-plugin': 7.5.2
+      '@storybook/csf-tools': 7.5.2
       '@storybook/global': 5.0.0
       '@storybook/mdx2-csf': 1.1.0
-      '@storybook/node-logger': 7.4.6
-      '@storybook/postinstall': 7.4.6
-      '@storybook/preview-api': 7.4.6
-      '@storybook/react-dom-shim': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/theming': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.4.6
+      '@storybook/node-logger': 7.5.2
+      '@storybook/postinstall': 7.5.2
+      '@storybook/preview-api': 7.5.2
+      '@storybook/react-dom-shim': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.5.2
       fs-extra: 11.1.1
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -9941,25 +10389,25 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-essentials@7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-dWodufrt71TK7ELkeIvVae/x4PzECUlbOm57Iqqt4yQCyR291CgvI4PjeB8un2HbpcXCGZ+N/Oj3YkytvzBi4A==}
+  /@storybook/addon-essentials@7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-bN7Q+8J3xVgNoBKCwtyX1O5jXuuJavYdAPiPQGrt6YegUi3gVfr5n/+/mNlu6Fd5AThFcVFei6gS9aiYmU/h8g==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@storybook/addon-actions': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/addon-backgrounds': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/addon-controls': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/addon-docs': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/addon-highlight': 7.4.6
-      '@storybook/addon-measure': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/addon-outline': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/addon-toolbars': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/addon-viewport': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/core-common': 7.4.6
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/node-logger': 7.4.6
-      '@storybook/preview-api': 7.4.6
+      '@storybook/addon-actions': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-backgrounds': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-controls': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-docs': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-highlight': 7.5.2
+      '@storybook/addon-measure': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-outline': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-toolbars': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-viewport': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-common': 7.5.2
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/node-logger': 7.5.2
+      '@storybook/preview-api': 7.5.2
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       ts-dedent: 2.2.0
@@ -9970,16 +10418,16 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-highlight@7.4.6:
-    resolution: {integrity: sha512-zCufxxD2KS5VwczxfkcBxe1oR/juTTn2H1Qm8kYvWCJQx3UxzX0+G9cwafbpV7eivqaufLweEwROkH+0KjAtkQ==}
+  /@storybook/addon-highlight@7.5.2:
+    resolution: {integrity: sha512-0vek42fHh7Aeinvkwge0ZTq5VfNsuMSejUv0wHa3zQWgUmlaRlGY8zDw7nG6LiIz6rnTBDTznsfyWenAySSHXg==}
     dependencies:
-      '@storybook/core-events': 7.4.6
+      '@storybook/core-events': 7.5.2
       '@storybook/global': 5.0.0
-      '@storybook/preview-api': 7.4.6
+      '@storybook/preview-api': 7.5.2
     dev: true
 
-  /@storybook/addon-links@7.4.6(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-BPygElZKX+CPI9Se6GJNk1dYc5oxuhA+vHigO1tBqhiM6VkHyFP3cvezJNQvpNYhkUnu3cxnZXb3UJnlRbPY3g==}
+  /@storybook/addon-links@7.5.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-IhUYNOJQYJd8Cnb93l8egnGCGhHV0VHo6HmZT9YjBVuUtetGQbW8Eoh0pQwuklUrJ3jLPwMoKFhN1irQXJjZwQ==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
@@ -9989,32 +10437,32 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-events': 7.4.6
+      '@storybook/client-logger': 7.5.2
+      '@storybook/core-events': 7.5.2
       '@storybook/csf': 0.1.1
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/router': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.4.6
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/preview-api': 7.5.2
+      '@storybook/router': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.5.2
       prop-types: 15.8.1
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-mdx-gfm@7.4.6:
-    resolution: {integrity: sha512-5DCQd9syEsCjB4q8lplHwqOlrdgFn/Ttm7/7aNTeZxF1a4qH/n3Yi7P2SAehaKpJLU61aRFILzE46JD4yvMaHg==}
+  /@storybook/addon-mdx-gfm@7.5.2:
+    resolution: {integrity: sha512-Sq8+7rdpRsYKlDwvO68t3H+tW3u/vWEGPvzQ9ZBd6rVuKoNj0+hqgsrDfux/DZMEJSclKM21a49hJ+zS9MLT+Q==}
     dependencies:
-      '@storybook/node-logger': 7.4.6
+      '@storybook/node-logger': 7.5.2
       remark-gfm: 3.0.1
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@storybook/addon-measure@7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-nCymMLaHnxv8TE3yEM1A9Tulb1NuRXRNmtsdHTkjv7P1aWCxZo8A/GZaottKe/GLT8jSRjZ+dnpYWrbAhw6wTQ==}
+  /@storybook/addon-measure@7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-fkvORLaYVC/yNMFzHRHmzlvniY7sWtpFxaRW+e4++hGXYV4VQjOBlXzdMxQhAg1DCVWD6QV8xnUQPBGrsEklog==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
@@ -10024,13 +10472,13 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/core-events': 7.4.6
+      '@storybook/client-logger': 7.5.2
+      '@storybook/components': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 7.5.2
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/types': 7.4.6
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/preview-api': 7.5.2
+      '@storybook/types': 7.5.2
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       tiny-invariant: 1.3.1
@@ -10039,8 +10487,8 @@ packages:
       - '@types/react-dom'
     dev: true
 
-  /@storybook/addon-outline@7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-errNUblRVDLpuEaHQPr/nsrnsUkD2ARmXawkRvizgDWLIDMDJYjTON3MUCaVx3x+hlZ3I6X//G5TVcma8tCc8A==}
+  /@storybook/addon-outline@7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-BgDnVzE9xCN1xwuCebK6+apNCtVcw1ToW8N6R3vNgXgNPE1euT3jxkDH7K4RJR24Flu6BotWjX3dqv8k+8xGKw==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
@@ -10050,13 +10498,13 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/core-events': 7.4.6
+      '@storybook/client-logger': 7.5.2
+      '@storybook/components': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 7.5.2
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/types': 7.4.6
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/preview-api': 7.5.2
+      '@storybook/types': 7.5.2
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       ts-dedent: 2.2.0
@@ -10065,8 +10513,8 @@ packages:
       - '@types/react-dom'
     dev: true
 
-  /@storybook/addon-toolbars@7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-L9m2FBcKeteGq7qIYsMJr0LEfiH7Wdrv5IDcldZTn68eZUJTh1p4GdJZcOmzX1P5IFRr76hpu03iWsNlWQjpbQ==}
+  /@storybook/addon-toolbars@7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-BXzb5NOpILFOM7EOBxcF2Qj/q6BicWZ1AvAddORWGmqSa/MxMIa4X52oKXFUTHKBkrTO1X0XqHmoF88qm3TUFg==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
@@ -10076,11 +10524,11 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 7.5.2
+      '@storybook/components': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/preview-api': 7.5.2
+      '@storybook/theming': 7.5.2(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     transitivePeerDependencies:
@@ -10088,8 +10536,8 @@ packages:
       - '@types/react-dom'
     dev: true
 
-  /@storybook/addon-viewport@7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-INDtk54j7bi7NgxMfd2ATmbA0J7nAd6X8itMkLIyPuPJtx8bYHPDORyemDOd0AojgmAdTOAyUtDYdI/PFeo4Cw==}
+  /@storybook/addon-viewport@7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-qN5X9vgp0v+WGXyFBHQ/CqjdtmnCoHhUjqXmBxEGBziJz/tZwWwtTGWeUUZpuTjCGiZutLrizOFl5MqQAI+ipg==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
@@ -10099,13 +10547,13 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/core-events': 7.4.6
+      '@storybook/client-logger': 7.5.2
+      '@storybook/components': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 7.5.2
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/preview-api': 7.5.2
+      '@storybook/theming': 7.5.2(react-dom@18.2.0)(react@18.2.0)
       memoizerific: 1.11.3
       prop-types: 15.8.1
       react: 18.2.0
@@ -10115,21 +10563,21 @@ packages:
       - '@types/react-dom'
     dev: true
 
-  /@storybook/addons@7.4.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-obeYFtICbJRqE41t5Fk0wxCPp4BMKxPVyZ8GxNpKD0sRsZfD+/5k2oSwMzdl8pWkm43zzz0aqqhrP5UJzAi66Q==}
+  /@storybook/addons@7.5.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-hRiy56zQbz72Pwa4F40srUWXKGNIriNkZ1R0j5KPd8ZqoMk1hIeW0S8E7s1vuM/MplnUE/jFJZqu6HQCvbqmGg==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@storybook/manager-api': 7.4.0(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/preview-api': 7.4.0
-      '@storybook/types': 7.4.0
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/preview-api': 7.5.2
+      '@storybook/types': 7.5.2
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /@storybook/api@7.4.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-L6CT3YCuUov9VHZUSA0euNuPB1Kczd2qVDgBzw8CFjQLei06ELoGCWFPS1X1HtY7d9BC+UjhU16uA4pjt833yw==}
+  /@storybook/api@7.5.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-IaA0HDColrLw5k+i1nE4eYHvGychpXW21HpIBvJWCIh2Rv+War+Pr5uMhGDeAj0/xX1SrRiFPVhhKjDZdzHaSQ==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
@@ -10139,30 +10587,30 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.4.0
-      '@storybook/manager-api': 7.4.0(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 7.5.2
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /@storybook/blocks@7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-HxBSAeOiTZW2jbHQlo1upRWFgoMsaAyKijUFf5MwwMNIesXCuuTGZDJ3xTABwAVLK2qC9Ektfbo0CZCiPVuDRQ==}
+  /@storybook/blocks@7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Tf6XE/YcnWQVBJRcJWJzhkahjSymv6QZuxMAiKFD8v48QRJ8kTxz1tBN9676Ux+l1WwtVWxwvd/0kRKKxE70wQ==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@storybook/channels': 7.4.6
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/core-events': 7.4.6
+      '@storybook/channels': 7.5.2
+      '@storybook/client-logger': 7.5.2
+      '@storybook/components': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 7.5.2
       '@storybook/csf': 0.1.1
-      '@storybook/docs-tools': 7.4.6
+      '@storybook/docs-tools': 7.5.2
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.4.6
-      '@types/lodash': 4.14.198
+      '@storybook/manager-api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/preview-api': 7.5.2
+      '@storybook/theming': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.5.2
+      '@types/lodash': 4.14.200
       color-convert: 2.0.1
       dequal: 2.0.3
       lodash: 4.17.21
@@ -10173,7 +10621,7 @@ packages:
       react-colorful: 5.6.1(react-dom@18.2.0)(react@18.2.0)
       react-dom: 18.2.0(react@18.2.0)
       telejson: 7.2.0
-      tocbot: 4.21.1
+      tocbot: 4.21.6
       ts-dedent: 2.2.0
       util-deprecate: 1.0.2
     transitivePeerDependencies:
@@ -10183,14 +10631,14 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/builder-manager@7.4.6:
-    resolution: {integrity: sha512-zylZCD2rmyLOOFBFmUgtJg6UNUKmRNgXiig1XApzS2TkIbTZP827DsVEUl0ey/lskCe0uArkrEBR6ICba8p/Rw==}
+  /@storybook/builder-manager@7.5.2:
+    resolution: {integrity: sha512-s4gOudrft/E4lQ19YNrzL2VJwMEpdY6z319fTlc16J1F6XZSytw6CIZPs3x9yX5CKf4/leWnN5etODaOx7NajQ==}
     dependencies:
       '@fal-works/esbuild-plugin-global-externals': 2.1.2
-      '@storybook/core-common': 7.4.6
-      '@storybook/manager': 7.4.6
-      '@storybook/node-logger': 7.4.6
-      '@types/ejs': 3.1.2
+      '@storybook/core-common': 7.5.2
+      '@storybook/manager': 7.5.2
+      '@storybook/node-logger': 7.5.2
+      '@types/ejs': 3.1.4
       '@types/find-cache-dir': 3.2.1
       '@yarnpkg/esbuild-plugin-pnp': 3.0.0-rc.15(esbuild@0.18.20)
       browser-assert: 1.2.1
@@ -10207,12 +10655,12 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/builder-vite@7.4.6(typescript@4.9.5)(vite@4.4.9):
-    resolution: {integrity: sha512-xV9STYK+TkqWWTf2ydm6jx+7P70fjD2UPd1XTUw08uKszIjhuuxk+bG/OF5R1E25mPunAKXm6kBFh351AKejBg==}
+  /@storybook/builder-vite@7.5.2(typescript@4.9.5)(vite@4.5.0):
+    resolution: {integrity: sha512-j96m5K0ahlAjQY6uUxEbybvmRFc3eMpQ3wiosuunc8NkXtfohXZeRVQowAcVrfPktKMufRNGY86RTYxe7sMABw==}
     peerDependencies:
       '@preact/preset-vite': '*'
       typescript: '>= 4.3.x'
-      vite: ^3.0.0 || ^4.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
       vite-plugin-glimmerx: '*'
     peerDependenciesMeta:
       '@preact/preset-vite':
@@ -10222,87 +10670,73 @@ packages:
       vite-plugin-glimmerx:
         optional: true
     dependencies:
-      '@storybook/channels': 7.4.6
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-common': 7.4.6
-      '@storybook/csf-plugin': 7.4.6
-      '@storybook/mdx2-csf': 1.1.0
-      '@storybook/node-logger': 7.4.6
-      '@storybook/preview': 7.4.6
-      '@storybook/preview-api': 7.4.6
-      '@storybook/types': 7.4.6
+      '@storybook/channels': 7.5.2
+      '@storybook/client-logger': 7.5.2
+      '@storybook/core-common': 7.5.2
+      '@storybook/csf-plugin': 7.5.2
+      '@storybook/node-logger': 7.5.2
+      '@storybook/preview': 7.5.2
+      '@storybook/preview-api': 7.5.2
+      '@storybook/types': 7.5.2
       '@types/find-cache-dir': 3.2.1
       browser-assert: 1.2.1
       es-module-lexer: 0.9.3
       express: 4.18.2
       find-cache-dir: 3.3.2
       fs-extra: 11.1.1
-      magic-string: 0.30.3
-      remark-external-links: 8.0.0
-      remark-slug: 6.1.0
-      rollup: 3.29.0
+      magic-string: 0.30.5
+      rollup: 3.29.4
       typescript: 4.9.5
-      vite: 4.4.9(@types/node@15.14.9)
+      vite: 4.5.0(@types/node@15.14.9)
     transitivePeerDependencies:
       - encoding
       - supports-color
     dev: true
 
-  /@storybook/channels@7.4.0:
-    resolution: {integrity: sha512-/1CU0s3npFumzVHLGeubSyPs21O3jNqtSppOjSB9iDTyV2GtQrjh5ntVwebfKpCkUSitx3x7TkCb9dylpEZ8+w==}
+  /@storybook/channels@7.5.2:
+    resolution: {integrity: sha512-3SgqWq9NS0XX1QxK3riuaOLrReHWwVhI63u6q1ryDD3SttpmAezZETibOAtzDuk2FKgsyHTmAlmcGQf4ZxhOJA==}
     dependencies:
-      '@storybook/client-logger': 7.4.0
-      '@storybook/core-events': 7.4.0
+      '@storybook/client-logger': 7.5.2
+      '@storybook/core-events': 7.5.2
       '@storybook/global': 5.0.0
       qs: 6.11.2
       telejson: 7.2.0
       tiny-invariant: 1.3.1
     dev: true
 
-  /@storybook/channels@7.4.6:
-    resolution: {integrity: sha512-yPv/sfo2c18fM3fvG0i1xse63vG8l33Al/OU0k/dtovltPu001/HVa1QgBgsb/QrEfZtvGjGhmtdVeYb39fv3A==}
-    dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-events': 7.4.6
-      '@storybook/global': 5.0.0
-      qs: 6.11.2
-      telejson: 7.2.0
-      tiny-invariant: 1.3.1
-    dev: true
-
-  /@storybook/cli@7.4.6:
-    resolution: {integrity: sha512-rRwaH8pOL+FHz/pJMEkNpMH2xvZvWsrl7obBYw26NQiHmiVSAkfHJicndSN1mwc+p5w+9iXthrgzbLtSAOSvkA==}
+  /@storybook/cli@7.5.2:
+    resolution: {integrity: sha512-8JPvA/K66zBmRFpRRwsD0JLqZUODRrGmNuAWx+Bj1K8wqbg68MYnOflbkSIxIVxrfhd39OrffV0h8CwKNL9gAg==}
     hasBin: true
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/preset-env': 7.22.15(@babel/core@7.22.17)
-      '@babel/types': 7.22.17
+      '@babel/core': 7.23.2
+      '@babel/preset-env': 7.23.2(@babel/core@7.23.2)
+      '@babel/types': 7.23.0
       '@ndelangen/get-tarball': 3.0.9
-      '@storybook/codemod': 7.4.6
-      '@storybook/core-common': 7.4.6
-      '@storybook/core-events': 7.4.6
-      '@storybook/core-server': 7.4.6
-      '@storybook/csf-tools': 7.4.6
-      '@storybook/node-logger': 7.4.6
-      '@storybook/telemetry': 7.4.6
-      '@storybook/types': 7.4.6
-      '@types/semver': 7.5.1
+      '@storybook/codemod': 7.5.2
+      '@storybook/core-common': 7.5.2
+      '@storybook/core-events': 7.5.2
+      '@storybook/core-server': 7.5.2
+      '@storybook/csf-tools': 7.5.2
+      '@storybook/node-logger': 7.5.2
+      '@storybook/telemetry': 7.5.2
+      '@storybook/types': 7.5.2
+      '@types/semver': 7.5.4
       '@yarnpkg/fslib': 2.10.3
       '@yarnpkg/libzip': 2.3.0
       chalk: 4.1.2
       commander: 6.2.1
       cross-spawn: 7.0.3
       detect-indent: 6.1.0
-      envinfo: 7.10.0
+      envinfo: 7.11.0
       execa: 5.1.1
       express: 4.18.2
       find-up: 5.0.0
       fs-extra: 11.1.1
       get-npm-tarball-url: 2.0.3
       get-port: 5.1.1
-      giget: 1.1.2
+      giget: 1.1.3
       globby: 11.1.0
-      jscodeshift: 0.14.0(@babel/preset-env@7.22.15)
+      jscodeshift: 0.14.0(@babel/preset-env@7.23.2)
       leven: 3.1.0
       ora: 5.4.1
       prettier: 2.8.8
@@ -10322,32 +10756,26 @@ packages:
       - utf-8-validate
     dev: true
 
-  /@storybook/client-logger@7.4.0:
-    resolution: {integrity: sha512-4pBnf7+df1wXEVcF1civqxbrtccGGHQkfWQkJo49s53RXvF7SRTcif6XTx0V3cQV0v7I1C5mmLm0LNlmjPRP1Q==}
+  /@storybook/client-logger@7.5.2:
+    resolution: {integrity: sha512-7YgLItlmiYDzWYexTaRNuHhtFarh9krsI+8l7Yjn9ryoHSTJUcTWx+yPJm1II+PQR8v/x5UgsxzultjgEurfRQ==}
     dependencies:
       '@storybook/global': 5.0.0
     dev: true
 
-  /@storybook/client-logger@7.4.6:
-    resolution: {integrity: sha512-XDw31ZziU//86PKuMRnmc+L/G0VopaGKENQOGEpvAXCU9IZASwGKlKAtcyosjrpi+ZiUXlMgUXCpXM7x3b1Ehw==}
+  /@storybook/codemod@7.5.2:
+    resolution: {integrity: sha512-PxZg0w4OlmFB4dBzB+sCgwmHNke0n1N8vNooxtcuusrLKlbUfmssYRnQn6yRSJw0WfkUYgI10CWxGaamaOFekA==}
     dependencies:
-      '@storybook/global': 5.0.0
-    dev: true
-
-  /@storybook/codemod@7.4.6:
-    resolution: {integrity: sha512-lxmwEpwksCaAq96APN2YlooSDfKjJ1vKzN5Ni2EqQzf2TEXl7XQjLacHd7OOaII1kfsy+D5gNG4N5wBo7Ub30g==}
-    dependencies:
-      '@babel/core': 7.22.17
-      '@babel/preset-env': 7.22.15(@babel/core@7.22.17)
-      '@babel/types': 7.22.17
+      '@babel/core': 7.23.2
+      '@babel/preset-env': 7.23.2(@babel/core@7.23.2)
+      '@babel/types': 7.23.0
       '@storybook/csf': 0.1.1
-      '@storybook/csf-tools': 7.4.6
-      '@storybook/node-logger': 7.4.6
-      '@storybook/types': 7.4.6
-      '@types/cross-spawn': 6.0.3
+      '@storybook/csf-tools': 7.5.2
+      '@storybook/node-logger': 7.5.2
+      '@storybook/types': 7.5.2
+      '@types/cross-spawn': 6.0.4
       cross-spawn: 7.0.3
       globby: 11.1.0
-      jscodeshift: 0.14.0(@babel/preset-env@7.22.15)
+      jscodeshift: 0.14.0(@babel/preset-env@7.23.2)
       lodash: 4.17.21
       prettier: 2.8.8
       recast: 0.23.4
@@ -10355,19 +10783,19 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/components@7.4.0(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-GGnQrI4NXwri/PqNjhO1vNv4tC7RBjY87ce9WHBq1ueat3kBakdqV97NzScoldXarkkKK6grBqmhw9jE5PfzhQ==}
+  /@storybook/components@7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-OP+o6AoxoQDbqjk/jdQ1arlc1T8601eCL+rS1dJY9EtAFq7Z0LEFtafhEW/Lx8FotfVGjfCNptH9ODhHU6e5Jw==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
       '@radix-ui/react-select': 1.2.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/client-logger': 7.4.0
+      '@storybook/client-logger': 7.5.2
       '@storybook/csf': 0.1.1
       '@storybook/global': 5.0.0
-      '@storybook/theming': 7.4.0(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.4.0
+      '@storybook/theming': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.5.2
       memoizerific: 1.11.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -10378,54 +10806,31 @@ packages:
       - '@types/react-dom'
     dev: true
 
-  /@storybook/components@7.4.6(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-nIRBhewAgrJJVafyCzuaLx1l+YOfvvD5dOZ0JxZsxJsefOdw1jFpUqUZ5fIpQ2moyvrR0mAUFw378rBfMdHz5Q==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^18.2.0
+  /@storybook/core-client@7.5.2:
+    resolution: {integrity: sha512-mMDSBxc7esMCu0FOkama9XYHzIHYGhBj8roX+XaTaLDYXaw/UajcCuzcO7fFBHNn3Vdqh2ufIxlI7359v3IqPw==}
     dependencies:
-      '@radix-ui/react-select': 1.2.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/client-logger': 7.4.6
-      '@storybook/csf': 0.1.1
-      '@storybook/global': 5.0.0
-      '@storybook/theming': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.4.6
-      memoizerific: 1.11.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      use-resize-observer: 9.1.0(react-dom@18.2.0)(react@18.2.0)
-      util-deprecate: 1.0.2
-    transitivePeerDependencies:
-      - '@types/react'
-      - '@types/react-dom'
+      '@storybook/client-logger': 7.5.2
+      '@storybook/preview-api': 7.5.2
     dev: true
 
-  /@storybook/core-client@7.4.6:
-    resolution: {integrity: sha512-tfgxAHeCvMcs6DsVgtb4hQSDaCHeAPJOsoyhb47eDQfk4OmxzriM0qWucJV5DePSMi+KutX/rN2u0JxfOuN68g==}
+  /@storybook/core-common@7.5.2:
+    resolution: {integrity: sha512-js7fIH4wHS08dBuIVsr3JnwMtKn5O1Izc/Zor4t6PntLWkGGX4X/GxbOkasGX5SkCT1qUtB9RpdPd1sUkLhIgw==}
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/preview-api': 7.4.6
-    dev: true
-
-  /@storybook/core-common@7.4.6:
-    resolution: {integrity: sha512-05MJFmOM86qvTLtgDskokIFz9txe0Lbhq4L3by1FtF0GwgH+p+W6I94KI7c6ANER+kVZkXQZhiRzwBFnVTW+Cg==}
-    dependencies:
-      '@storybook/core-events': 7.4.6
-      '@storybook/node-logger': 7.4.6
-      '@storybook/types': 7.4.6
+      '@storybook/core-events': 7.5.2
+      '@storybook/node-logger': 7.5.2
+      '@storybook/types': 7.5.2
       '@types/find-cache-dir': 3.2.1
-      '@types/node': 16.18.48
-      '@types/node-fetch': 2.6.4
-      '@types/pretty-hrtime': 1.0.1
+      '@types/node': 18.18.8
+      '@types/node-fetch': 2.6.8
+      '@types/pretty-hrtime': 1.0.2
       chalk: 4.1.2
       esbuild: 0.18.20
-      esbuild-register: 3.4.2(esbuild@0.18.20)
+      esbuild-register: 3.5.0(esbuild@0.18.20)
       file-system-cache: 2.3.0
       find-cache-dir: 3.3.2
       find-up: 5.0.0
       fs-extra: 11.1.1
-      glob: 10.3.4
+      glob: 10.3.10
       handlebars: 4.7.8
       lazy-universal-dotenv: 4.0.0
       node-fetch: 2.7.0
@@ -10439,40 +10844,34 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/core-events@7.4.0:
-    resolution: {integrity: sha512-JavEo4dw7TQdF5pSKjk4RtqLgsG2R/eWRI8vZ3ANKa0ploGAnQR/eMTfSxf6TUH3ElBWLJhi+lvUCkKXPQD+dw==}
+  /@storybook/core-events@7.5.2:
+    resolution: {integrity: sha512-DV8bFEFVKDEvaH87KYPXDE0YEV+Y9yjFv2xxmC9pF8l+MWCtVW72RBLhB+gU5NM1bkHrRDNb0lOJfVGKlhxOog==}
     dependencies:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/core-events@7.4.6:
-    resolution: {integrity: sha512-r5vrE+32lwrJh1NGFr1a0mWjvxo7q8FXYShylcwRWpacmL5NTtLkrXOoJSeGvJ4yKNYkvxQFtOPId4lzDxa32w==}
-    dependencies:
-      ts-dedent: 2.2.0
-    dev: true
-
-  /@storybook/core-server@7.4.6:
-    resolution: {integrity: sha512-jqmRTGCJ1W0WReImivkisPVaLFT5sjtLnFoAk0feHp6QS5j7EYOPN7CYzliyQmARWTLUEXOVaFf3VD6nJZQhJQ==}
+  /@storybook/core-server@7.5.2:
+    resolution: {integrity: sha512-4oXpy1L/NyHiz/OXNUFnSeMLA/+lTgQAlVx86pRbEBDj6snt1/NSx2+yZyFtZ/XTnJ22BPpM8IIrgm95ZlQKmA==}
     dependencies:
       '@aw-web-design/x-default-browser': 1.4.126
       '@discoveryjs/json-ext': 0.5.7
-      '@storybook/builder-manager': 7.4.6
-      '@storybook/channels': 7.4.6
-      '@storybook/core-common': 7.4.6
-      '@storybook/core-events': 7.4.6
+      '@storybook/builder-manager': 7.5.2
+      '@storybook/channels': 7.5.2
+      '@storybook/core-common': 7.5.2
+      '@storybook/core-events': 7.5.2
       '@storybook/csf': 0.1.1
-      '@storybook/csf-tools': 7.4.6
+      '@storybook/csf-tools': 7.5.2
       '@storybook/docs-mdx': 0.1.0
       '@storybook/global': 5.0.0
-      '@storybook/manager': 7.4.6
-      '@storybook/node-logger': 7.4.6
-      '@storybook/preview-api': 7.4.6
-      '@storybook/telemetry': 7.4.6
-      '@storybook/types': 7.4.6
-      '@types/detect-port': 1.3.3
-      '@types/node': 16.18.48
-      '@types/pretty-hrtime': 1.0.1
-      '@types/semver': 7.5.1
+      '@storybook/manager': 7.5.2
+      '@storybook/node-logger': 7.5.2
+      '@storybook/preview-api': 7.5.2
+      '@storybook/telemetry': 7.5.2
+      '@storybook/types': 7.5.2
+      '@types/detect-port': 1.3.4
+      '@types/node': 18.18.8
+      '@types/pretty-hrtime': 1.0.2
+      '@types/semver': 7.5.4
       better-opn: 3.0.2
       chalk: 4.1.2
       cli-table3: 0.6.3
@@ -10494,7 +10893,7 @@ packages:
       util: 0.12.5
       util-deprecate: 1.0.2
       watchpack: 2.4.0
-      ws: 8.14.1
+      ws: 8.14.2
     transitivePeerDependencies:
       - bufferutil
       - encoding
@@ -10502,24 +10901,24 @@ packages:
       - utf-8-validate
     dev: true
 
-  /@storybook/csf-plugin@7.4.6:
-    resolution: {integrity: sha512-yi7Qa4NSqKOyiJTWCxlB0ih2ijXq6oY5qZKW6MuMMBP14xJNRGLbH5KabpfXgN2T7YECcOWG1uWaGj2veJb1KA==}
+  /@storybook/csf-plugin@7.5.2:
+    resolution: {integrity: sha512-ndjn1ia2rQLO1r1z6mXv6nipLzJMwWJp31h16lQUXIBQEOiGKjGGvObiuKaad3nNHxWHpGra4zUg7R+54Yw0Hw==}
     dependencies:
-      '@storybook/csf-tools': 7.4.6
-      unplugin: 1.4.0
+      '@storybook/csf-tools': 7.5.2
+      unplugin: 1.5.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@storybook/csf-tools@7.4.6:
-    resolution: {integrity: sha512-ocKpcIUtTBy6hlLY34RUFQyX403cWpB2gGfqvkHbpGe2BQj7EyV0zpWnjsfVxvw+M9OWlCdxHWDOPUgXM33ELw==}
+  /@storybook/csf-tools@7.5.2:
+    resolution: {integrity: sha512-yXaEDREc2wvkjYkQqDMatJw23f0fEFhMIf/zBNF7YljeYw0j8jAg/7XI5WJJSN2KTxD/feD/yD+6eaLUXvrneQ==}
     dependencies:
-      '@babel/generator': 7.22.15
-      '@babel/parser': 7.22.16
-      '@babel/traverse': 7.22.17
-      '@babel/types': 7.22.17
+      '@babel/generator': 7.23.0
+      '@babel/parser': 7.23.0
+      '@babel/traverse': 7.23.2
+      '@babel/types': 7.23.0
       '@storybook/csf': 0.1.1
-      '@storybook/types': 7.4.6
+      '@storybook/types': 7.5.2
       fs-extra: 11.1.1
       recast: 0.23.4
       ts-dedent: 2.2.0
@@ -10537,12 +10936,12 @@ packages:
     resolution: {integrity: sha512-JDaBR9lwVY4eSH5W8EGHrhODjygPd6QImRbwjAuJNEnY0Vw4ie3bPkeGfnacB3OBW6u/agqPv2aRlR46JcAQLg==}
     dev: true
 
-  /@storybook/docs-tools@7.4.6:
-    resolution: {integrity: sha512-nZj1L/8WwKWWJ41FW4MaKGajZUtrhnr9UwflRCkQJaWhAKmDfOb5M5TqI93uCOULpFPOm5wpoMBz2IHInQ2Lrg==}
+  /@storybook/docs-tools@7.5.2:
+    resolution: {integrity: sha512-mBiZFhzMA2ub7wX0ho3UqKqKXO+xUi/rqb4KV4PihLKlhThEdzKyYrIZO4W90NOmlp1yUJJcjG8D8SUPuHQoTw==}
     dependencies:
-      '@storybook/core-common': 7.4.6
-      '@storybook/preview-api': 7.4.6
-      '@storybook/types': 7.4.6
+      '@storybook/core-common': 7.5.2
+      '@storybook/preview-api': 7.5.2
+      '@storybook/types': 7.5.2
       '@types/doctrine': 0.0.3
       doctrine: 3.0.0
       lodash: 4.17.21
@@ -10555,20 +10954,20 @@ packages:
     resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==}
     dev: true
 
-  /@storybook/manager-api@7.4.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-sBfkkt0eZGTozeKrbzMtWLEOQrgqdk24OUJlkc2IDaucR1CBNjoCMjNeYg7cLDw0rXE8W3W3AdWtJnfsUbLMAQ==}
+  /@storybook/manager-api@7.5.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-WX8GjBkITRQzhQ08WEAVjdDW8QqqIQhWOpFzXUYCxCNzt1eSALI31QQ+M1/MYymw+TOkotC/SMcn/puIAm4rdA==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@storybook/channels': 7.4.0
-      '@storybook/client-logger': 7.4.0
-      '@storybook/core-events': 7.4.0
+      '@storybook/channels': 7.5.2
+      '@storybook/client-logger': 7.5.2
+      '@storybook/core-events': 7.5.2
       '@storybook/csf': 0.1.1
       '@storybook/global': 5.0.0
-      '@storybook/router': 7.4.0(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/theming': 7.4.0(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.4.0
+      '@storybook/router': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.5.2
       dequal: 2.0.3
       lodash: 4.17.21
       memoizerific: 1.11.3
@@ -10580,57 +10979,32 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/manager-api@7.4.6(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-inrm3DIbCp8wjXSN/wK6e6i2ysQ/IEmtC7IN0OJ7vdrp+USCooPT448SQTUmVctUGCFmOU3fxXByq8g77oIi7w==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^18.2.0
-    dependencies:
-      '@storybook/channels': 7.4.6
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-events': 7.4.6
-      '@storybook/csf': 0.1.1
-      '@storybook/global': 5.0.0
-      '@storybook/router': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/theming': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.4.6
-      dequal: 2.0.3
-      lodash: 4.17.21
-      memoizerific: 1.11.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      semver: 7.5.4
-      store2: 2.14.2
-      telejson: 7.2.0
-      ts-dedent: 2.2.0
-    dev: true
-
-  /@storybook/manager@7.4.6:
-    resolution: {integrity: sha512-kA1hUDxpn1i2SO9OinvLvVXDeL4xgJkModp+pbE8IXv4NJWReNq1ecMeQCzPLS3Sil2gnrullQ9uYXsnZ9bxxA==}
+  /@storybook/manager@7.5.2:
+    resolution: {integrity: sha512-5l1z9SpCFQBcHjC5mbfWQ8mPTYFxD8GQ9mNZ6PPrj47yu9TyCRYSQj7A8ZXJiIY1ZEg4a2BCW7fPUYG+lX6Drw==}
     dev: true
 
   /@storybook/mdx2-csf@1.1.0:
     resolution: {integrity: sha512-TXJJd5RAKakWx4BtpwvSNdgTDkKM6RkXU8GK34S/LhidQ5Pjz3wcnqb0TxEkfhK/ztbP8nKHqXFwLfa2CYkvQw==}
     dev: true
 
-  /@storybook/node-logger@7.4.6:
-    resolution: {integrity: sha512-djZb310Q27GviDug1XBv0jOEDLCiwr4hhDE0aifCEKZpfNCi/EaP31nbWimFzZwxu4hE/YAPWExzScruR1zw9Q==}
+  /@storybook/node-logger@7.5.2:
+    resolution: {integrity: sha512-VIBuwPJOylu8vJofk1VfmqxlhXgbBgV0pCTo/UzdQAbc3w5y+qNRemf8goWxYEY+L9p6oUXqm/i9+bNGyX7/Mw==}
     dev: true
 
-  /@storybook/postinstall@7.4.6:
-    resolution: {integrity: sha512-TqI5BucPAGRWrkh55BYiG2/gHLFtC0In4cuu0GsUzB/1jc4i51npLRorCwhmT7r7YliGl5F7JaP0Bni/qHN3Lg==}
+  /@storybook/postinstall@7.5.2:
+    resolution: {integrity: sha512-fKgyV1fAgckDoxQkUGJl5uzjzGC5esC/nITiCjccZFrqxt9mgmz4VAUkMeseD5tfWQ5oFA0Xdgtrrcl39+chnw==}
     dev: true
 
-  /@storybook/preview-api@7.4.0:
-    resolution: {integrity: sha512-ndXO0Nx+eE7ktVE4EqHpQZ0guX7yYBdruDdJ7B739C0+OoPWsJN7jAzUqq0NXaBcYrdaU5gTy+KnWJUt8R+OyA==}
+  /@storybook/preview-api@7.5.2:
+    resolution: {integrity: sha512-rpmHR/09UBSnorDBTcE7JgHUQjZLO146NCI+vbI7Pqfb4QX/8lhwkFr4cuHRAR16mv6DAJbDVoPETO0Z/CH9aw==}
     dependencies:
-      '@storybook/channels': 7.4.0
-      '@storybook/client-logger': 7.4.0
-      '@storybook/core-events': 7.4.0
+      '@storybook/channels': 7.5.2
+      '@storybook/client-logger': 7.5.2
+      '@storybook/core-events': 7.5.2
       '@storybook/csf': 0.1.1
       '@storybook/global': 5.0.0
-      '@storybook/types': 7.4.0
-      '@types/qs': 6.9.8
+      '@storybook/types': 7.5.2
+      '@types/qs': 6.9.9
       dequal: 2.0.3
       lodash: 4.17.21
       memoizerific: 1.11.3
@@ -10640,31 +11014,12 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/preview-api@7.4.6:
-    resolution: {integrity: sha512-byUS/Opt3ytWD4cWz3sNEKw5Yks8MkQgRN+GDSyIomaEAQkLAM0rchPC0MYjwCeUSecV7IIQweNX5RbV4a34BA==}
-    dependencies:
-      '@storybook/channels': 7.4.6
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-events': 7.4.6
-      '@storybook/csf': 0.1.1
-      '@storybook/global': 5.0.0
-      '@storybook/types': 7.4.6
-      '@types/qs': 6.9.8
-      dequal: 2.0.3
-      lodash: 4.17.21
-      memoizerific: 1.11.3
-      qs: 6.11.2
-      synchronous-promise: 2.0.17
-      ts-dedent: 2.2.0
-      util-deprecate: 1.0.2
+  /@storybook/preview@7.5.2:
+    resolution: {integrity: sha512-dA5VpHp0D9nh9/wOzWP8At1wtz/SiaMBbwaiEOFTFUGcPerrkroEWadIlSSB7vgQJ9yWiD4l3KDaS8ANzHWtPQ==}
     dev: true
 
-  /@storybook/preview@7.4.6:
-    resolution: {integrity: sha512-2RPXusJ4CTDrIipIKKvbotD7fP0+8VzoFjImunflIrzN9rni+2rq5eMjqlXAaB+77w064zIR4uDUzI9fxsMDeQ==}
-    dev: true
-
-  /@storybook/react-dom-shim@7.4.6(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-DSq8l9FDocUF1ooVI+TF83pddj1LynE/Hv0/y8XZhc3IgJ/HkuOQuUmfz29ezgfAi9gFYUR8raTIBi3/xdoRmw==}
+  /@storybook/react-dom-shim@7.5.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-x7h3TTLRLs8mrsCBKXbvjBRFms73XrNlm0Lo5Tu/Tf//+pwOFq+2sGBkqbRkYd54jNHhpqNF7+UUdzA93ESnbQ==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
@@ -10673,25 +11028,24 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /@storybook/react-vite@7.4.6(react-dom@18.2.0)(react@18.2.0)(typescript@4.9.5)(vite@4.4.9):
-    resolution: {integrity: sha512-jkjnrf3FxzR5wcmebXRPflrsM4WIDjWyW/NVFJwxi5PeIOk7fE7/QAPrm4NFRUu2Q7DeuH3oLKsw8bigvUI9RA==}
+  /@storybook/react-vite@7.5.2(react-dom@18.2.0)(react@18.2.0)(typescript@4.9.5)(vite@4.5.0):
+    resolution: {integrity: sha512-faYGER/qU/jeaMEf5kgx4dNeKno+HkCEviXo/bgRswRg7odW5XydlGGSATOYLYxLhWG6jztaYHYIaDk21KoOVA==}
     engines: {node: '>=16'}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
-      vite: ^3.0.0 || ^4.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
     dependencies:
-      '@joshwooding/vite-plugin-react-docgen-typescript': 0.2.1(typescript@4.9.5)(vite@4.4.9)
-      '@rollup/pluginutils': 5.0.4
-      '@storybook/builder-vite': 7.4.6(typescript@4.9.5)(vite@4.4.9)
-      '@storybook/react': 7.4.6(react-dom@18.2.0)(react@18.2.0)(typescript@4.9.5)
-      '@vitejs/plugin-react': 3.1.0(vite@4.4.9)
-      ast-types: 0.14.2
-      magic-string: 0.30.3
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.3.0(typescript@4.9.5)(vite@4.5.0)
+      '@rollup/pluginutils': 5.0.5
+      '@storybook/builder-vite': 7.5.2(typescript@4.9.5)(vite@4.5.0)
+      '@storybook/react': 7.5.2(react-dom@18.2.0)(react@18.2.0)(typescript@4.9.5)
+      '@vitejs/plugin-react': 3.1.0(vite@4.5.0)
+      magic-string: 0.30.5
       react: 18.2.0
-      react-docgen: 6.0.0-alpha.3
+      react-docgen: 6.0.4
       react-dom: 18.2.0(react@18.2.0)
-      vite: 4.4.9(@types/node@15.14.9)
+      vite: 4.5.0(@types/node@15.14.9)
     transitivePeerDependencies:
       - '@preact/preset-vite'
       - encoding
@@ -10701,8 +11055,8 @@ packages:
       - vite-plugin-glimmerx
     dev: true
 
-  /@storybook/react@7.4.6(react-dom@18.2.0)(react@18.2.0)(typescript@4.9.5):
-    resolution: {integrity: sha512-w0dVo64baFFPTGpUOWFqkKsu6pQincoymegSNgqaBd5DxEyMDRiRoTWSJHMKE9BwgE8SyWhRkP1ak1mkccSOhQ==}
+  /@storybook/react@7.5.2(react-dom@18.2.0)(react@18.2.0)(typescript@4.9.5):
+    resolution: {integrity: sha512-7X8GtqvRjWmVS112ifChJMxfD15rMVg5m3t6apZqi0uui1S/DImAveHwz8M4FhsElW6MIHs5xK0uJhR9rVQgTA==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
       react: ^18.2.0
@@ -10712,16 +11066,16 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-client': 7.4.6
-      '@storybook/docs-tools': 7.4.6
+      '@storybook/client-logger': 7.5.2
+      '@storybook/core-client': 7.5.2
+      '@storybook/docs-tools': 7.5.2
       '@storybook/global': 5.0.0
-      '@storybook/preview-api': 7.4.6
-      '@storybook/react-dom-shim': 7.4.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.4.6
+      '@storybook/preview-api': 7.5.2
+      '@storybook/react-dom-shim': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.5.2
       '@types/escodegen': 0.0.6
       '@types/estree': 0.0.51
-      '@types/node': 16.18.48
+      '@types/node': 18.18.8
       acorn: 7.4.1
       acorn-jsx: 5.3.2(acorn@7.4.1)
       acorn-walk: 7.2.0
@@ -10741,38 +11095,25 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/router@7.4.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-IATdtFL5C3ryjNQSwaQfrmiOZiVFoVNMevMoBGDC++g0laSW40TGiNK6fUjUDBKuOgbuDt4Svfbl29k21GefEg==}
+  /@storybook/router@7.5.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-jlh48TVUlqvGkU8MnkVp9SrCHomWGtQGx1WMK94NMyOPVPTLWzM6LjIybgmHz0MTe4lpzmbiIOfSlU3pPX054w==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@storybook/client-logger': 7.4.0
+      '@storybook/client-logger': 7.5.2
       memoizerific: 1.11.3
       qs: 6.11.2
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /@storybook/router@7.4.6(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Vl1esrHkcHxDKqc+HY7+6JQpBPW3zYvGk0cQ2rxVMhWdLZTAz1hss9DqzN9tFnPyfn0a1Q77EpMySkUrvWKKNQ==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^18.2.0
+  /@storybook/telemetry@7.5.2:
+    resolution: {integrity: sha512-tUgrcIx1vTMhTySp11JbBnWLsaMUNlil5yuOWEJy5i71E4Xy/2hYUtLfxzgXWd/0W7eTl4p2tjUk9uS8AP+S0Q==}
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      memoizerific: 1.11.3
-      qs: 6.11.2
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: true
-
-  /@storybook/telemetry@7.4.6:
-    resolution: {integrity: sha512-c8p/C1NIH8EMBviZkBCx8MMDk6rrITJ+b29DEp5MaWSRlklIVyhGiC4RPIRv6sxJwlD41PnqWVFtfu2j2eXLdQ==}
-    dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-common': 7.4.6
-      '@storybook/csf-tools': 7.4.6
+      '@storybook/client-logger': 7.5.2
+      '@storybook/core-common': 7.5.2
+      '@storybook/csf-tools': 7.5.2
       chalk: 4.1.2
       detect-package-manager: 2.0.1
       fetch-retry: 5.0.6
@@ -10783,86 +11124,62 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/theming@7.4.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-eLjEf6G3cqlegfutF/iUrec9LrUjKDj7K4ZhGdACWrf7bQcODs99EK62e9/d8GNKr4b+QMSEuM6XNGaqdPnuzQ==}
+  /@storybook/theming@7.5.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-DZBTcYErSYvmTYsGz7lKtiIcBe8flBw5Ojp52r3O4GcRYG4AbuUwwVvehz+O1cWaS+UW3HavrcgapERH7ZHd1A==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
       '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
-      '@storybook/client-logger': 7.4.0
+      '@storybook/client-logger': 7.5.2
       '@storybook/global': 5.0.0
       memoizerific: 1.11.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /@storybook/theming@7.4.6(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-HW77iJ9ptCMqhoBOYFjRQw7VBap+38fkJGHP5KylEJCyYCgIAm2dEcQmtWpMVYFssSGcb6djfbtAMhYU4TL4Iw==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^18.2.0
+  /@storybook/types@7.5.2:
+    resolution: {integrity: sha512-RDKHo6WUES+4nt7uZMfankjxdpYX2EI2GpJ2n2RPcnhzmb/ub1huNTjbzDEYMqY24SppljZeIN57m3Ar6L6f9A==}
     dependencies:
-      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
-      '@storybook/client-logger': 7.4.6
-      '@storybook/global': 5.0.0
-      memoizerific: 1.11.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: true
-
-  /@storybook/types@7.4.0:
-    resolution: {integrity: sha512-XyzYkmeklywxvElPrIWLczi/PWtEdgTL6ToT3++FVxptsC2LZKS3Ue+sBcQ9xRZhkRemw4HQHwed5EW3dO8yUg==}
-    dependencies:
-      '@storybook/channels': 7.4.0
-      '@types/babel__core': 7.20.1
-      '@types/express': 4.17.17
-      '@types/react': 16.14.46
+      '@storybook/channels': 7.5.2
+      '@types/babel__core': 7.20.3
+      '@types/express': 4.17.20
       file-system-cache: 2.3.0
     dev: true
 
-  /@storybook/types@7.4.6:
-    resolution: {integrity: sha512-6QLXtMVsFZFpzPkdGWsu/iuc8na9dnS67AMOBKm5qCLPwtUJOYkwhMdFRSSeJthLRpzV7JLAL8Kwvl7MFP3QSw==}
-    dependencies:
-      '@storybook/channels': 7.4.6
-      '@types/babel__core': 7.20.1
-      '@types/express': 4.17.17
-      file-system-cache: 2.3.0
-    dev: true
-
-  /@swc-node/core@1.10.5(@swc/core@1.3.83):
-    resolution: {integrity: sha512-G+Me0sTApMy6WY9mT0TluFxdO633P1GWMllbT3LWeJlknqQxJo8dAQcV0Uc0+rvBVXt7rRo/BMUZNJp88qarzg==}
+  /@swc-node/core@1.10.6(@swc/core@1.3.95):
+    resolution: {integrity: sha512-lDIi/rPosmKIknWzvs2/Fi9zWRtbkx8OJ9pQaevhsoGzJSal8Pd315k1W5AIrnknfdAB4HqRN12fk6AhqnrEEw==}
     engines: {node: '>= 10'}
     peerDependencies:
       '@swc/core': '>= 1.3'
     dependencies:
-      '@swc/core': 1.3.83
+      '@swc/core': 1.3.95
     dev: true
 
-  /@swc-node/jest@1.6.7(@swc/core@1.3.83)(typescript@4.9.5):
-    resolution: {integrity: sha512-Qil+XsBc2wOFDfuaQjKMKOtKbKs1Fc3xuXz0tkyQM2oxi5I4urxZXaNSzaCGt+A3qFr9Ic7lNwzRp9brKdzvKQ==}
+  /@swc-node/jest@1.6.8(@swc/core@1.3.95)(typescript@4.9.5):
+    resolution: {integrity: sha512-Ce9D3vSmTjyb3TnCKWHtzXNMaGxfz0rMUO6r+7yt1eQj4YdVZP6/TWcgwI84j3OMjvUW0gQx0GPWrnNTP1GzWQ==}
     peerDependencies:
       '@swc/core': '>= 1.3'
       typescript: '>= 4.3'
     dependencies:
       '@node-rs/xxhash': 1.4.2
-      '@swc-node/core': 1.10.5(@swc/core@1.3.83)
-      '@swc-node/register': 1.6.7(@swc/core@1.3.83)(typescript@4.9.5)
-      '@swc/core': 1.3.83
+      '@swc-node/core': 1.10.6(@swc/core@1.3.95)
+      '@swc-node/register': 1.6.8(@swc/core@1.3.95)(typescript@4.9.5)
+      '@swc/core': 1.3.95
       typescript: 4.9.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@swc-node/register@1.6.7(@swc/core@1.3.83)(typescript@4.9.5):
-    resolution: {integrity: sha512-+Tccbb4+fN8vYx88fdEGFbsCSnF0zBxbVhZkYkFAbVI7h6zVIgA3Jmlok4ZM+q+1KxzPN7AOfhQVuFOYBzZBeA==}
+  /@swc-node/register@1.6.8(@swc/core@1.3.95)(typescript@4.9.5):
+    resolution: {integrity: sha512-74ijy7J9CWr1Z88yO+ykXphV29giCrSpANQPQRooE0bObpkTO1g4RzQovIfbIaniBiGDDVsYwDoQ3FIrCE8HcQ==}
     peerDependencies:
       '@swc/core': '>= 1.3'
       typescript: '>= 4.3'
     dependencies:
-      '@swc-node/core': 1.10.5(@swc/core@1.3.83)
+      '@swc-node/core': 1.10.6(@swc/core@1.3.95)
       '@swc-node/sourcemap-support': 0.3.0
-      '@swc/core': 1.3.83
+      '@swc/core': 1.3.95
       colorette: 2.0.20
       debug: 4.3.4
       pirates: 4.0.6
@@ -10879,88 +11196,88 @@ packages:
       tslib: 2.6.2
     dev: true
 
-  /@swc/core-darwin-arm64@1.3.83:
-    resolution: {integrity: sha512-Plz2IKeveVLivbXTSCC3OZjD2MojyKYllhPrn9RotkDIZEFRYJZtW5/Ik1tJW/2rzu5HVKuGYrDKdScVVTbOxQ==}
+  /@swc/core-darwin-arm64@1.3.95:
+    resolution: {integrity: sha512-VAuBAP3MNetO/yBIBzvorUXq7lUBwhfpJxYViSxyluMwtoQDhE/XWN598TWMwMl1ZuImb56d7eUsuFdjgY7pJw==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     optional: true
 
-  /@swc/core-darwin-x64@1.3.83:
-    resolution: {integrity: sha512-FBGVg5IPF/8jQ6FbK60iDUHjv0H5+LwfpJHKH6wZnRaYWFtm7+pzYgreLu3NTsm3m7/1a7t0+7KURwBGUaJCCw==}
+  /@swc/core-darwin-x64@1.3.95:
+    resolution: {integrity: sha512-20vF2rvUsN98zGLZc+dsEdHvLoCuiYq/1B+TDeE4oolgTFDmI1jKO+m44PzWjYtKGU9QR95sZ6r/uec0QC5O4Q==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     optional: true
 
-  /@swc/core-linux-arm-gnueabihf@1.3.83:
-    resolution: {integrity: sha512-EZcsuRYhGkzofXtzwDjuuBC/suiX9s7zeg2YYXOVjWwyebb6BUhB1yad3mcykFQ20rTLO9JUyIaiaMYDHGobqw==}
+  /@swc/core-linux-arm-gnueabihf@1.3.95:
+    resolution: {integrity: sha512-oEudEM8PST1MRNGs+zu0cx5i9uP8TsLE4/L9HHrS07Ck0RJ3DCj3O2fU832nmLe2QxnAGPwBpSO9FntLfOiWEQ==}
     engines: {node: '>=10'}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@swc/core-linux-arm64-gnu@1.3.83:
-    resolution: {integrity: sha512-khI41szLHrCD/cFOcN4p2SYvZgHjhhHlcMHz5BksRrDyteSJKu0qtWRZITVom0N/9jWoAleoFhMnFTUs0H8IWA==}
+  /@swc/core-linux-arm64-gnu@1.3.95:
+    resolution: {integrity: sha512-pIhFI+cuC1aYg+0NAPxwT/VRb32f2ia8oGxUjQR6aJg65gLkUYQzdwuUmpMtFR2WVf7WVFYxUnjo4UyMuyh3ng==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@swc/core-linux-arm64-musl@1.3.83:
-    resolution: {integrity: sha512-zgT7yNOdbjHcGAwvys79mbfNLK65KBlPJWzeig+Yk7I8TVzmaQge7B6ZS/gwF9/p+8TiLYo/tZ5aF2lqlgdSVw==}
+  /@swc/core-linux-arm64-musl@1.3.95:
+    resolution: {integrity: sha512-ZpbTr+QZDT4OPJfjPAmScqdKKaT+wGurvMU5AhxLaf85DuL8HwUwwlL0n1oLieLc47DwIJEMuKQkYhXMqmJHlg==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@swc/core-linux-x64-gnu@1.3.83:
-    resolution: {integrity: sha512-x+mH0Y3NC/G0YNlFmGi3vGD4VOm7IPDhh+tGrx6WtJp0BsShAbOpxtfU885rp1QweZe4qYoEmGqiEjE2WrPIdA==}
+  /@swc/core-linux-x64-gnu@1.3.95:
+    resolution: {integrity: sha512-n9SuHEFtdfSJ+sHdNXNRuIOVprB8nbsz+08apKfdo4lEKq6IIPBBAk5kVhPhkjmg2dFVHVo4Tr/OHXM1tzWCCw==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@swc/core-linux-x64-musl@1.3.83:
-    resolution: {integrity: sha512-s5AYhAOmetUwUZwS5g9qb92IYgNHHBGiY2mTLImtEgpAeBwe0LPDj6WrujxCBuZnaS55mKRLLOuiMZE5TpjBNA==}
+  /@swc/core-linux-x64-musl@1.3.95:
+    resolution: {integrity: sha512-L1JrVlsXU3LC0WwmVnMK9HrOT2uhHahAoPNMJnZQpc18a0paO9fqifPG8M/HjNRffMUXR199G/phJsf326UvVg==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@swc/core-win32-arm64-msvc@1.3.83:
-    resolution: {integrity: sha512-yw2rd/KVOGs95lRRB+killLWNaO1dy4uVa8Q3/4wb5txlLru07W1m041fZLzwOg/1Sh0TMjJgGxj0XHGR3ZXhQ==}
+  /@swc/core-win32-arm64-msvc@1.3.95:
+    resolution: {integrity: sha512-YaP4x/aZbUyNdqCBpC2zL8b8n58MEpOUpmOIZK6G1SxGi+2ENht7gs7+iXpWPc0sy7X3YPKmSWMAuui0h8lgAA==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     optional: true
 
-  /@swc/core-win32-ia32-msvc@1.3.83:
-    resolution: {integrity: sha512-POW+rgZ6KWqBpwPGIRd2/3pcf46P+UrKBm4HLt5IwbHvekJ4avIM8ixJa9kK0muJNVJcDpaZgxaU1ELxtJ1j8w==}
+  /@swc/core-win32-ia32-msvc@1.3.95:
+    resolution: {integrity: sha512-w0u3HI916zT4BC/57gOd+AwAEjXeUlQbGJ9H4p/gzs1zkSHtoDQghVUNy3n/ZKp9KFod/95cA8mbVF9t1+6epQ==}
     engines: {node: '>=10'}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
     optional: true
 
-  /@swc/core-win32-x64-msvc@1.3.83:
-    resolution: {integrity: sha512-CiWQtkFnZElXQUalaHp+Wacw0Jd+24ncRYhqaJ9YKnEQP1H82CxIIuQqLM8IFaLpn5dpY6SgzaeubWF46hjcLA==}
+  /@swc/core-win32-x64-msvc@1.3.95:
+    resolution: {integrity: sha512-5RGnMt0S6gg4Gc6QtPUJ3Qs9Un4sKqccEzgH/tj7V/DVTJwKdnBKxFZfgQ34OR2Zpz7zGOn889xwsFVXspVWNA==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     optional: true
 
-  /@swc/core@1.3.83:
-    resolution: {integrity: sha512-PccHDgGQlFjpExgJxH91qA3a4aifR+axCFJ4RieCoiI0m5gURE4nBhxzTBY5YU/YKTBmPO8Gc5Q6inE3+NquWg==}
+  /@swc/core@1.3.95:
+    resolution: {integrity: sha512-PMrNeuqIusq9DPDooV3FfNEbZuTu5jKAc04N3Hm6Uk2Fl49cqElLFQ4xvl4qDmVDz97n3n/C1RE0/f6WyGPEiA==}
     engines: {node: '>=10'}
     requiresBuild: true
     peerDependencies:
@@ -10969,18 +11286,22 @@ packages:
       '@swc/helpers':
         optional: true
     dependencies:
-      '@swc/types': 0.1.4
+      '@swc/counter': 0.1.2
+      '@swc/types': 0.1.5
     optionalDependencies:
-      '@swc/core-darwin-arm64': 1.3.83
-      '@swc/core-darwin-x64': 1.3.83
-      '@swc/core-linux-arm-gnueabihf': 1.3.83
-      '@swc/core-linux-arm64-gnu': 1.3.83
-      '@swc/core-linux-arm64-musl': 1.3.83
-      '@swc/core-linux-x64-gnu': 1.3.83
-      '@swc/core-linux-x64-musl': 1.3.83
-      '@swc/core-win32-arm64-msvc': 1.3.83
-      '@swc/core-win32-ia32-msvc': 1.3.83
-      '@swc/core-win32-x64-msvc': 1.3.83
+      '@swc/core-darwin-arm64': 1.3.95
+      '@swc/core-darwin-x64': 1.3.95
+      '@swc/core-linux-arm-gnueabihf': 1.3.95
+      '@swc/core-linux-arm64-gnu': 1.3.95
+      '@swc/core-linux-arm64-musl': 1.3.95
+      '@swc/core-linux-x64-gnu': 1.3.95
+      '@swc/core-linux-x64-musl': 1.3.95
+      '@swc/core-win32-arm64-msvc': 1.3.95
+      '@swc/core-win32-ia32-msvc': 1.3.95
+      '@swc/core-win32-x64-msvc': 1.3.95
+
+  /@swc/counter@0.1.2:
+    resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==}
 
   /@swc/helpers@0.4.14:
     resolution: {integrity: sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==}
@@ -11000,19 +11321,24 @@ packages:
     dependencies:
       tslib: 2.6.2
 
-  /@swc/jest@0.2.29(@swc/core@1.3.83):
+  /@swc/helpers@0.5.3:
+    resolution: {integrity: sha512-FaruWX6KdudYloq1AHD/4nU+UsMTdNE8CKyrseXWEcgjDAbvkwJg2QGPAnfIJLIWsjZOSPLOAykK6fuYp4vp4A==}
+    dependencies:
+      tslib: 2.6.2
+
+  /@swc/jest@0.2.29(@swc/core@1.3.95):
     resolution: {integrity: sha512-8reh5RvHBsSikDC3WGCd5ZTd2BXKkyOdK7QwynrCH58jk2cQFhhHhFBg/jvnWZehUQe/EoOImLENc9/DwbBFow==}
     engines: {npm: '>= 7.0.0'}
     peerDependencies:
       '@swc/core': '*'
     dependencies:
       '@jest/create-cache-key-function': 27.5.1
-      '@swc/core': 1.3.83
+      '@swc/core': 1.3.95
       jsonc-parser: 3.2.0
     dev: true
 
-  /@swc/types@0.1.4:
-    resolution: {integrity: sha512-z/G02d+59gyyUb7KYhKi9jOhicek6QD2oMaotUyG+lUkybpXoV49dY9bj7Ah5Q+y7knK2jU67UTX9FyfGzaxQg==}
+  /@swc/types@0.1.5:
+    resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==}
 
   /@szmarczak/http-timer@5.0.1:
     resolution: {integrity: sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==}
@@ -11021,7 +11347,7 @@ packages:
       defer-to-connect: 2.0.1
     dev: true
 
-  /@tailwindcss/typography@0.5.10(tailwindcss@3.3.3):
+  /@tailwindcss/typography@0.5.10(tailwindcss@3.3.5):
     resolution: {integrity: sha512-Pe8BuPJQJd3FfRnm6H0ulKIGoMEQS+Vq01R6M5aCrFB/ccR/shT+0kXLjouGC1gFLm9hopTFN+DMP0pfwRWzPw==}
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
@@ -11030,7 +11356,7 @@ packages:
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 3.3.3(ts-node@10.9.1)
+      tailwindcss: 3.3.5(ts-node@10.9.1)
     dev: true
 
   /@testing-library/dom@8.20.1:
@@ -11038,8 +11364,8 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       '@babel/code-frame': 7.22.13
-      '@babel/runtime': 7.22.15
-      '@types/aria-query': 5.0.1
+      '@babel/runtime': 7.23.2
+      '@types/aria-query': 5.0.3
       aria-query: 5.1.3
       chalk: 4.1.2
       dom-accessibility-api: 0.5.16
@@ -11047,13 +11373,13 @@ packages:
       pretty-format: 27.5.1
     dev: true
 
-  /@testing-library/dom@9.3.1:
-    resolution: {integrity: sha512-0DGPd9AR3+iDTjGoMpxIkAsUihHZ3Ai6CneU6bRRrffXMgzCdlNk43jTrD2/5LT6CBb3MWTP8v510JzYtahD2w==}
+  /@testing-library/dom@9.3.3:
+    resolution: {integrity: sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==}
     engines: {node: '>=14'}
     dependencies:
       '@babel/code-frame': 7.22.13
-      '@babel/runtime': 7.22.15
-      '@types/aria-query': 5.0.1
+      '@babel/runtime': 7.23.2
+      '@types/aria-query': 5.0.3
       aria-query: 5.1.3
       chalk: 4.1.2
       dom-accessibility-api: 0.5.16
@@ -11066,7 +11392,7 @@ packages:
     engines: {node: '>=8', npm: '>=6', yarn: '>=1'}
     dependencies:
       '@adobe/css-tools': 4.3.1
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@types/testing-library__jest-dom': 5.14.5
       aria-query: 5.3.0
       chalk: 3.0.0
@@ -11092,7 +11418,7 @@ packages:
       react-test-renderer:
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       '@types/react': 18.2.8
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -11106,15 +11432,15 @@ packages:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
-      '@testing-library/dom': 9.3.1
+      '@babel/runtime': 7.23.2
+      '@testing-library/dom': 9.3.3
       '@types/react-dom': 18.2.4
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /@testing-library/user-event@14.4.3(@testing-library/dom@8.20.1):
-    resolution: {integrity: sha512-kCUc5MEwaEMakkO5x7aoD+DLi02ehmEM2QCGWvNqAS1dV/fAvORWEjnjsEIvml59M7Y5kCkWN6fCCyPOe8OL6Q==}
+  /@testing-library/user-event@14.5.1(@testing-library/dom@8.20.1):
+    resolution: {integrity: sha512-UCcUKrUYGj7ClomOo2SpNVvx4/fkd/2BbIHDCle8A0ax+P3bU7yJwDBDrS6ZwdTMARWTGODX1hEsCcO+7beJjg==}
     engines: {node: '>=12', npm: '>=6'}
     peerDependencies:
       '@testing-library/dom': '>=7.21.4'
@@ -11160,172 +11486,176 @@ packages:
   /@types/acorn@4.0.6:
     resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==}
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.4
     dev: false
 
-  /@types/aria-query@5.0.1:
-    resolution: {integrity: sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==}
+  /@types/aria-query@5.0.3:
+    resolution: {integrity: sha512-0Z6Tr7wjKJIk4OUEjVUQMtyunLDy339vcMaj38Kpj6jM2OE1p3S4kXExKZ7a3uXQAPCoy3sbrP1wibDKaf39oA==}
     dev: true
 
-  /@types/babel__core@7.20.1:
-    resolution: {integrity: sha512-aACu/U/omhdk15O4Nfb+fHgH/z3QsfQzpnvRZhYhThms83ZnAOZz7zZAWO7mn2yyNQaA4xTO8GLK3uqFU4bYYw==}
+  /@types/babel__core@7.20.3:
+    resolution: {integrity: sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==}
     dependencies:
-      '@babel/parser': 7.22.16
-      '@babel/types': 7.22.17
-      '@types/babel__generator': 7.6.4
-      '@types/babel__template': 7.4.1
-      '@types/babel__traverse': 7.20.1
+      '@babel/parser': 7.23.0
+      '@babel/types': 7.23.0
+      '@types/babel__generator': 7.6.6
+      '@types/babel__template': 7.4.3
+      '@types/babel__traverse': 7.20.3
     dev: true
 
-  /@types/babel__generator@7.6.4:
-    resolution: {integrity: sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==}
+  /@types/babel__generator@7.6.6:
+    resolution: {integrity: sha512-66BXMKb/sUWbMdBNdMvajU7i/44RkrA3z/Yt1c7R5xejt8qh84iU54yUWCtm0QwGJlDcf/gg4zd/x4mpLAlb/w==}
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
     dev: true
 
-  /@types/babel__template@7.4.1:
-    resolution: {integrity: sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==}
+  /@types/babel__template@7.4.3:
+    resolution: {integrity: sha512-ciwyCLeuRfxboZ4isgdNZi/tkt06m8Tw6uGbBSBgWrnnZGNXiEyM27xc/PjXGQLqlZ6ylbgHMnm7ccF9tCkOeQ==}
     dependencies:
-      '@babel/parser': 7.22.16
-      '@babel/types': 7.22.17
+      '@babel/parser': 7.23.0
+      '@babel/types': 7.23.0
     dev: true
 
-  /@types/babel__traverse@7.20.1:
-    resolution: {integrity: sha512-MitHFXnhtgwsGZWtT68URpOvLN4EREih1u3QtQiN4VdAxWKRVvGCSvw/Qth0M0Qq3pJpnGOu5JaM/ydK7OGbqg==}
+  /@types/babel__traverse@7.20.3:
+    resolution: {integrity: sha512-Lsh766rGEFbaxMIDH7Qa+Yha8cMVI3qAK6CHt3OR0YfxOIn5Z54iHiyDRycHrBqeIiqGa20Kpsv1cavfBKkRSw==}
     dependencies:
-      '@babel/types': 7.22.17
+      '@babel/types': 7.23.0
     dev: true
 
-  /@types/body-parser@1.19.2:
-    resolution: {integrity: sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==}
+  /@types/body-parser@1.19.4:
+    resolution: {integrity: sha512-N7UDG0/xiPQa2D/XrVJXjkWbpqHCd2sBaB32ggRF2l83RhPfamgKGF8gwwqyksS95qUS5ZYF9aF+lLPRlwI2UA==}
     dependencies:
-      '@types/connect': 3.4.36
-      '@types/node': 15.14.9
+      '@types/connect': 3.4.37
+      '@types/node': 20.2.5
     dev: true
 
-  /@types/buble@0.20.1:
-    resolution: {integrity: sha512-itmN3lGSTvXg9IImY5j290H+n0B3PpZST6AgEfJJDXfaMx2cdJJZro3/Ay+bZZdIAa25Z5rnoo9rHiPCbANZoQ==}
+  /@types/buble@0.20.4:
+    resolution: {integrity: sha512-RRqdeeAn7NPRiaQkoXSmroiTqcsmadJmscoYipVkC9D8wU/d3U9yeNhKBLJVBeDBxvgAj3frtZIBfv0ySEGpIg==}
     dependencies:
       magic-string: 0.25.9
     dev: false
 
-  /@types/canvas-confetti@1.6.1:
-    resolution: {integrity: sha512-wTSI/k/586KnzL8Inm0yXe/U9x0sO2tc4j/osIAZVsE+hyj2S/M+sdR5zDDLygEkohhlG948zNVBG5QiI4Z2mw==}
+  /@types/canvas-confetti@1.6.2:
+    resolution: {integrity: sha512-ozy7d+7AmYnPEgzdGwwAIA0/yLHnT9YBUQAOm5Ucu+P2ptxq2P464SZDVzYp71wD10ZPYckyeC665bPxQM78kw==}
     dev: true
 
-  /@types/color-convert@2.0.1:
-    resolution: {integrity: sha512-GwXanrvq/tBHJtudbl1lSy9Ybt7KS9+rA+YY3bcuIIM+d6jSHUr+5yjO83gtiRpuaPiBccwFjSnAK2qSrIPA7w==}
+  /@types/color-convert@2.0.2:
+    resolution: {integrity: sha512-KGRIgCxwcgazts4MXRCikPbIMzBpjfdgEZSy8TRHU/gtg+f9sOfHdtK8unPfxIoBtyd2aTTwINVLSNENlC8U8A==}
     dependencies:
-      '@types/color-name': 1.1.1
-    dev: false
-
-  /@types/color-name@1.1.1:
-    resolution: {integrity: sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==}
-    dev: false
-
-  /@types/color@3.0.4:
-    resolution: {integrity: sha512-OpisS4bqJJwbkkQRrMvURf3DOxBoAg9mysHYI7WgrWpSYHqHGKYBULHdz4ih77SILcLDo/zyHGFyfIl9yb8NZQ==}
-    dependencies:
-      '@types/color-convert': 2.0.1
-    dev: false
-
-  /@types/connect@3.4.36:
-    resolution: {integrity: sha512-P63Zd/JUGq+PdrM1lv0Wv5SBYeA2+CORvbrXbngriYY0jzLUWfQMQQxOhjONEz/wlHOAxOdY7CY65rgQdTjq2w==}
-    dependencies:
-      '@types/node': 15.14.9
+      '@types/color-name': 1.1.2
     dev: true
 
-  /@types/cross-spawn@6.0.3:
-    resolution: {integrity: sha512-BDAkU7WHHRHnvBf5z89lcvACsvkz/n7Tv+HyD/uW76O29HoH1Tk/W6iQrepaZVbisvlEek4ygwT8IW7ow9XLAA==}
-    dependencies:
-      '@types/node': 15.14.9
+  /@types/color-name@1.1.2:
+    resolution: {integrity: sha512-JWO/ZyxTKk0bLuOhAavGjnwLR73rUE7qzACnU7gMeyA/gdrSHm2xJwqNPipw2MtaZUaqQ2UG/q7pP6AQiZ8mqw==}
     dev: true
 
-  /@types/debug@4.1.8:
-    resolution: {integrity: sha512-/vPO1EPOs306Cvhwv7KfVfYvOJqA/S/AXjaHQiJboCZzcNDb+TIJFN9/2C9DZ//ijSKWioNyUxD792QmDJ+HKQ==}
+  /@types/color@3.0.5:
+    resolution: {integrity: sha512-T9yHCNtd8ap9L/r8KEESu5RDMLkoWXHo7dTureNoI1dbp25NsCN054vOu09iniIjR21MXUL+LU9bkIWrbyg8gg==}
     dependencies:
-      '@types/ms': 0.7.31
+      '@types/color-convert': 2.0.2
+    dev: true
 
-  /@types/detect-port@1.3.3:
-    resolution: {integrity: sha512-bV/jQlAJ/nPY3XqSatkGpu+nGzou+uSwrH1cROhn+jBFg47yaNH+blW4C7p9KhopC7QxCv/6M86s37k8dMk0Yg==}
+  /@types/connect@3.4.37:
+    resolution: {integrity: sha512-zBUSRqkfZ59OcwXon4HVxhx5oWCJmc0OtBTK05M+p0dYjgN6iTwIL2T/WbsQZrEsdnwaF9cWQ+azOnpPvIqY3Q==}
+    dependencies:
+      '@types/node': 20.2.5
+    dev: true
+
+  /@types/cross-spawn@6.0.4:
+    resolution: {integrity: sha512-GGLpeThc2Bu8FBGmVn76ZU3lix17qZensEI4/MPty0aZpm2CHfgEMis31pf5X5EiudYKcPAsWciAsCALoPo5dw==}
+    dependencies:
+      '@types/node': 20.2.5
+    dev: true
+
+  /@types/debug@4.1.10:
+    resolution: {integrity: sha512-tOSCru6s732pofZ+sMv9o4o3Zc+Sa8l3bxd/tweTQudFn06vAzb13ZX46Zi6m6EJ+RUbRTHvgQJ1gBtSgkaUYA==}
+    dependencies:
+      '@types/ms': 0.7.33
+
+  /@types/detect-port@1.3.4:
+    resolution: {integrity: sha512-HveFGabu3IwATqwLelcp6UZ1MIzSFwk+qswC9luzzHufqAwhs22l7KkINDLWRfXxIPTYnSZ1DuQBEgeVPgUOSA==}
     dev: true
 
   /@types/doctrine@0.0.3:
     resolution: {integrity: sha512-w5jZ0ee+HaPOaX25X2/2oGR/7rgAQSYII7X7pp0m9KgBfMP7uKfMfTvcpl5Dj+eDBbpxKGiqE+flqDr6XTd2RA==}
     dev: true
 
-  /@types/ejs@3.1.2:
-    resolution: {integrity: sha512-ZmiaE3wglXVWBM9fyVC17aGPkLo/UgaOjEiI2FXQfyczrCefORPxIe+2dVmnmk3zkVIbizjrlQzmPGhSYGXG5g==}
+  /@types/doctrine@0.0.6:
+    resolution: {integrity: sha512-KlEqPtaNBHBJ2/fVA4yLdD0Tc8zw34pKU4K5SHBIEwtLJ8xxumIC1xeG+4S+/9qhVj2MqC7O3Ld8WvDG4HqlgA==}
     dev: true
 
-  /@types/emscripten@1.39.7:
-    resolution: {integrity: sha512-tLqYV94vuqDrXh515F/FOGtBcRMTPGvVV1LzLbtYDcQmmhtpf/gLYf+hikBbQk8MzOHNz37wpFfJbYAuSn8HqA==}
+  /@types/ejs@3.1.4:
+    resolution: {integrity: sha512-fnM/NjByiWdSRJRrmGxgqOSAnmOnsvX1QcNYk5TVyIIj+7ZqOKMb9gQa4OIl/lil2w/8TiTWV+nz3q8yqxez/w==}
+    dev: true
+
+  /@types/emscripten@1.39.9:
+    resolution: {integrity: sha512-ILdWj4XYtNOqxJaW22NEQx2gJsLfV5ncxYhhGX1a1H1lXl2Ta0gUz7QOnOoF1xQbJwWDjImi8gXN9mKdIf6n9g==}
     dev: true
 
   /@types/escodegen@0.0.6:
     resolution: {integrity: sha512-AjwI4MvWx3HAOaZqYsjKWyEObT9lcVV0Y0V8nXo6cXzN8ZiMxVhf6F3d/UNvXVGKrEzL/Dluc5p+y9GkzlTWig==}
     dev: true
 
-  /@types/eslint-scope@3.7.4:
-    resolution: {integrity: sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==}
+  /@types/eslint-scope@3.7.6:
+    resolution: {integrity: sha512-zfM4ipmxVKWdxtDaJ3MP3pBurDXOCoyjvlpE3u6Qzrmw4BPbfm4/ambIeTk/r/J0iq/+2/xp0Fmt+gFvXJY2PQ==}
     dependencies:
-      '@types/eslint': 8.44.2
-      '@types/estree': 1.0.1
+      '@types/eslint': 8.44.6
+      '@types/estree': 1.0.4
     dev: true
 
   /@types/eslint-visitor-keys@1.0.0:
     resolution: {integrity: sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==}
     dev: true
 
-  /@types/eslint@8.44.2:
-    resolution: {integrity: sha512-sdPRb9K6iL5XZOmBubg8yiFp5yS/JdUDQsq5e6h95km91MCYMuvp7mh1fjPEYUhvHepKpZOjnEaMBR4PxjWDzg==}
+  /@types/eslint@8.44.6:
+    resolution: {integrity: sha512-P6bY56TVmX8y9J87jHNgQh43h6VVU+6H7oN7hgvivV81K2XY8qJZ5vqPy/HdUoVIelii2kChYVzQanlswPWVFw==}
     dependencies:
-      '@types/estree': 1.0.1
-      '@types/json-schema': 7.0.12
+      '@types/estree': 1.0.4
+      '@types/json-schema': 7.0.14
     dev: true
 
-  /@types/estree-jsx@1.0.0:
-    resolution: {integrity: sha512-3qvGd0z8F2ENTGr/GG1yViqfiKmRfrXVx5sJyHGFu3z7m5g5utCQtGp/g29JnjflhtQJBv1WDQukHiT58xPcYQ==}
+  /@types/estree-jsx@1.0.2:
+    resolution: {integrity: sha512-GNBWlGBMjiiiL5TSkvPtOteuXsiVitw5MYGY1UYlrAq0SKyczsls6sCD7TZ8fsjRsvCVxml7EbyjJezPb3DrSA==}
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.4
     dev: false
 
   /@types/estree@0.0.51:
     resolution: {integrity: sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==}
     dev: true
 
-  /@types/estree@1.0.1:
-    resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==}
+  /@types/estree@1.0.4:
+    resolution: {integrity: sha512-2JwWnHK9H+wUZNorf2Zr6ves96WHoWDJIftkcxPKsS7Djta6Zu519LarhRNljPXkpsZR2ZMwNCPeW7omW07BJw==}
 
-  /@types/express-serve-static-core@4.17.36:
-    resolution: {integrity: sha512-zbivROJ0ZqLAtMzgzIUC4oNqDG9iF0lSsAqpOD9kbs5xcIM3dTiyuHvBc7R8MtWBp3AAWGaovJa+wzWPjLYW7Q==}
+  /@types/express-serve-static-core@4.17.39:
+    resolution: {integrity: sha512-BiEUfAiGCOllomsRAZOiMFP7LAnrifHpt56pc4Z7l9K6ACyN06Ns1JLMBxwkfLOjJRlSf06NwWsT7yzfpaVpyQ==}
     dependencies:
-      '@types/node': 15.14.9
-      '@types/qs': 6.9.8
-      '@types/range-parser': 1.2.4
-      '@types/send': 0.17.1
+      '@types/node': 20.2.5
+      '@types/qs': 6.9.9
+      '@types/range-parser': 1.2.6
+      '@types/send': 0.17.3
     dev: true
 
-  /@types/express@4.17.17:
-    resolution: {integrity: sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==}
+  /@types/express@4.17.20:
+    resolution: {integrity: sha512-rOaqlkgEvOW495xErXMsmyX3WKBInbhG5eqojXYi3cGUaLoRDlXa5d52fkfWZT963AZ3v2eZ4MbKE6WpDAGVsw==}
     dependencies:
-      '@types/body-parser': 1.19.2
-      '@types/express-serve-static-core': 4.17.36
-      '@types/qs': 6.9.8
-      '@types/serve-static': 1.15.2
+      '@types/body-parser': 1.19.4
+      '@types/express-serve-static-core': 4.17.39
+      '@types/qs': 6.9.9
+      '@types/serve-static': 1.15.4
     dev: true
 
   /@types/find-cache-dir@3.2.1:
     resolution: {integrity: sha512-frsJrz2t/CeGifcu/6uRo4b+SzAwT4NYCVPu1GN8IB9XTzrpPkGuV0tmh9mN+/L0PklAlsC3u5Fxt0ju00LXIw==}
     dev: true
 
-  /@types/fined@1.1.3:
-    resolution: {integrity: sha512-CWYnSRnun3CGbt6taXeVo2lCbuaj4mchVJ4UF/BdU5TSuIn3AmS13pGMwCsBUoehGbhZrBrpNJZSZI5EVilXww==}
+  /@types/fined@1.1.4:
+    resolution: {integrity: sha512-mZ0onxTS5OyfSwBNecTKT0h79e4XXHrc9RI5tQfEAf+Fp6NbBmNnc0kg59HO+97V+y3opS+sfo4k4qpYwLt6NQ==}
     dev: true
 
-  /@types/flat@5.0.2:
-    resolution: {integrity: sha512-3zsplnP2djeps5P9OyarTxwRpMLoe5Ash8aL9iprw0JxB+FAHjY+ifn4yZUuW4/9hqtnmor6uvjSRzJhiVbrEQ==}
-    dev: false
+  /@types/flat@5.0.4:
+    resolution: {integrity: sha512-Qy8SOE+x5F40jebCj4vPoA/Y6J2Zd6h9ihMPYP8U8//dDEOK4Yu0ShOTKqEmWPR+4AdV4sls/VCaR6azEFvKKg==}
+    dev: true
 
   /@types/github-slugger@1.3.0:
     resolution: {integrity: sha512-J/rMZa7RqiH/rT29TEVZO4nBoDP9XJOjnbbIofg7GQKs4JIduEO3WLpte+6WeUz/TcrXKlY+bM7FYrp8yFB+3g==}
@@ -11338,53 +11668,53 @@ packages:
       '@types/node': 20.2.5
     dev: true
 
-  /@types/graceful-fs@4.1.6:
-    resolution: {integrity: sha512-Sig0SNORX9fdW+bQuTEovKj3uHcUL6LQKbCrrqb1X7J6/ReAbhCXRAhc+SMejhLELFj2QcyuxmUooZ4bt5ReSw==}
+  /@types/graceful-fs@4.1.8:
+    resolution: {integrity: sha512-NhRH7YzWq8WiNKVavKPBmtLYZHxNY19Hh+az28O/phfp68CF45pMFud+ZzJ8ewnxnC5smIdF3dqFeiSUQ5I+pw==}
     dependencies:
-      '@types/node': 15.14.9
+      '@types/node': 20.2.5
     dev: true
 
-  /@types/hast@2.3.5:
-    resolution: {integrity: sha512-SvQi0L/lNpThgPoleH53cdjB3y9zpLlVjRbqB3rH8hx1jiRSBGAhyjV3H+URFjNVRqt2EdYNrbZE5IsGlNfpRg==}
+  /@types/hast@2.3.7:
+    resolution: {integrity: sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
     dev: false
 
-  /@types/http-cache-semantics@4.0.1:
-    resolution: {integrity: sha512-SZs7ekbP8CN0txVG2xVRH6EgKmEm31BOxA07vkFaETzZz1xh+cbt8BcI0slpymvwhx5dlFnQG2rTlPVQn+iRPQ==}
+  /@types/http-cache-semantics@4.0.3:
+    resolution: {integrity: sha512-V46MYLFp08Wf2mmaBhvgjStM3tPa+2GAdy/iqoX+noX1//zje2x4XmrIU0cAwyClATsTmahbtoQ2EwP7I5WSiA==}
     dev: true
 
-  /@types/http-errors@2.0.1:
-    resolution: {integrity: sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ==}
+  /@types/http-errors@2.0.3:
+    resolution: {integrity: sha512-pP0P/9BnCj1OVvQR2lF41EkDG/lWWnDyA203b/4Fmi2eTyORnBtcDoKDwjWQthELrBvWkMOrvSOnZ8OVlW6tXA==}
     dev: true
 
-  /@types/inquirer@8.2.6:
-    resolution: {integrity: sha512-3uT88kxg8lNzY8ay2ZjP44DKcRaTGztqeIvN2zHvhzIBH/uAPaL75aBtdNRKbA7xXoMbBt5kX0M00VKAnfOYlA==}
+  /@types/inquirer@8.2.9:
+    resolution: {integrity: sha512-5IEO2PwCy4NZDgj977dho4Qbdiw6dJZJzD4ZaB/9j7dfppf7z0xxFPKZz/FtTAUQbDjmWHJ6Jlz/gn0YzWHPsw==}
     dependencies:
-      '@types/through': 0.0.30
+      '@types/through': 0.0.32
       rxjs: 7.8.1
     dev: true
 
-  /@types/is-ci@3.0.0:
-    resolution: {integrity: sha512-Q0Op0hdWbYd1iahB+IFNQcWXFq4O0Q5MwQP7uN0souuQ4rPg1vEYcnIOfr1gY+M+6rc8FGoRaBO1mOOvL29sEQ==}
+  /@types/is-ci@3.0.3:
+    resolution: {integrity: sha512-FdHbjLiN2e8fk9QYQyVYZrK8svUDJpxSaSWLUga8EZS1RGAvvrqM9zbVARBtQuYPeLgnJxM2xloOswPwj1o2cQ==}
     dependencies:
-      ci-info: 3.8.0
+      ci-info: 3.9.0
     dev: true
 
-  /@types/istanbul-lib-coverage@2.0.4:
-    resolution: {integrity: sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==}
+  /@types/istanbul-lib-coverage@2.0.5:
+    resolution: {integrity: sha512-zONci81DZYCZjiLe0r6equvZut0b+dBRPBN5kBDjsONnutYNtJMoWQ9uR2RkL1gLG9NMTzvf+29e5RFfPbeKhQ==}
     dev: true
 
-  /@types/istanbul-lib-report@3.0.0:
-    resolution: {integrity: sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==}
+  /@types/istanbul-lib-report@3.0.2:
+    resolution: {integrity: sha512-8toY6FgdltSdONav1XtUHl4LN1yTmLza+EuDazb/fEmRNCwjyqNVIQWs2IfC74IqjHkREs/nQ2FWq5kZU9IC0w==}
     dependencies:
-      '@types/istanbul-lib-coverage': 2.0.4
+      '@types/istanbul-lib-coverage': 2.0.5
     dev: true
 
-  /@types/istanbul-reports@3.0.1:
-    resolution: {integrity: sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==}
+  /@types/istanbul-reports@3.0.3:
+    resolution: {integrity: sha512-1nESsePMBlf0RPRffLZi5ujYh7IH1BWL4y9pr+Bn3cJBdxz+RTP8bUFljLz9HvzhhOSWKdyBZ4DIivdL6rvgZg==}
     dependencies:
-      '@types/istanbul-lib-report': 3.0.0
+      '@types/istanbul-lib-report': 3.0.2
     dev: true
 
   /@types/jest@28.1.8:
@@ -11399,103 +11729,103 @@ packages:
     dependencies:
       '@types/node': 15.14.9
       '@types/parse5': 6.0.3
-      '@types/tough-cookie': 4.0.2
+      '@types/tough-cookie': 4.0.4
     dev: true
 
-  /@types/json-schema@7.0.12:
-    resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==}
+  /@types/json-schema@7.0.14:
+    resolution: {integrity: sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw==}
     dev: true
 
   /@types/json5@0.0.29:
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
     dev: true
 
-  /@types/liftoff@4.0.1:
-    resolution: {integrity: sha512-GUUFIP1wHuB6DEg65hkgJdqqmEeK5Vj+Wy5Tza26F9FuaHhtm4BxN00N3PhVUdCcryY9pn3SkcXGGQDLBisAPQ==}
+  /@types/liftoff@4.0.2:
+    resolution: {integrity: sha512-X7Su8/zN7UgpA9nULCQwx9qy1RqcjUFmUVhj9kkjxXF5gIjZYC97lMRggyhV1/Y7M4rmEZ90jijAWVFWDVN//w==}
     dependencies:
-      '@types/fined': 1.1.3
+      '@types/fined': 1.1.4
       '@types/node': 15.14.9
     dev: true
 
-  /@types/lodash.debounce@4.0.7:
-    resolution: {integrity: sha512-X1T4wMZ+gT000M2/91SYj0d/7JfeNZ9PeeOldSNoE/lunLeQXKvkmIumI29IaKMotU/ln/McOIvgzZcQ/3TrSA==}
+  /@types/lodash.debounce@4.0.8:
+    resolution: {integrity: sha512-REumepIJjQFSOaBUoj81U5ZzF9YIhovzE2Lm6ejUbycmwx597k2ivG1cVfPtAj4eVuSbGoZDkJR0sRIahsE6/Q==}
     dependencies:
-      '@types/lodash': 4.14.198
+      '@types/lodash': 4.14.200
     dev: false
 
-  /@types/lodash.foreach@4.5.7:
-    resolution: {integrity: sha512-YjBEB6/Bl19V+R70IpyB/MhMb2IvrSgD26maRNyqbGRNDTH9AnPrQoT+ECvhFJ/hwhQ+RgYWaZKvF+knCguMJw==}
+  /@types/lodash.foreach@4.5.8:
+    resolution: {integrity: sha512-nMZmw6YAyNivWbbaY/hTF56YMl5T9+i+auaUhxtbA+ZNEwqwyTo0b7Jn85HNfiqsVQVzbhI0zIaSp7C5EpAPQQ==}
     dependencies:
-      '@types/lodash': 4.14.198
-    dev: false
-
-  /@types/lodash.get@4.4.7:
-    resolution: {integrity: sha512-af34Mj+KdDeuzsJBxc/XeTtOx0SZHZNLd+hdrn+PcKGQs0EG2TJTzQAOTCZTgDJCArahlCzLWSy8c2w59JRz7Q==}
-    dependencies:
-      '@types/lodash': 4.14.198
-    dev: false
-
-  /@types/lodash.kebabcase@4.1.7:
-    resolution: {integrity: sha512-qzrcpK5uiADZ9OyZaegalM0b9Y3WetoBQ04RAtP3xZFGC5ul1UxmbjZ3j6suCh0BDkvgQmoMh8t5e9cVrdJYMw==}
-    dependencies:
-      '@types/lodash': 4.14.198
-    dev: false
-
-  /@types/lodash.mapkeys@4.6.7:
-    resolution: {integrity: sha512-mfK0jlh4Itdhmy69/7r/vYftWaltahoS9kCF62UyvbDtXzMkUjuypaf2IASeoeoUPqBo/heoJSZ/vntbXC6LAA==}
-    dependencies:
-      '@types/lodash': 4.14.198
-    dev: false
-
-  /@types/lodash.omit@4.5.7:
-    resolution: {integrity: sha512-6q6cNg0tQ6oTWjSM+BcYMBhan54P/gLqBldG4AuXd3nKr0oeVekWNS4VrNEu3BhCSDXtGapi7zjhnna0s03KpA==}
-    dependencies:
-      '@types/lodash': 4.14.198
-    dev: false
-
-  /@types/lodash@4.14.198:
-    resolution: {integrity: sha512-trNJ/vtMZYMLhfN45uLq4ShQSw0/S7xCTLLVM+WM1rmFpba/VS42jVUgaO3w/NOLiWR/09lnYk0yMaA/atdIsg==}
-
-  /@types/marked@5.0.1:
-    resolution: {integrity: sha512-Y3pAUzHKh605fN6fvASsz5FDSWbZcs/65Q6xYRmnIP9ZIYz27T4IOmXfH9gWJV1dpi7f1e7z7nBGUTx/a0ptpA==}
+      '@types/lodash': 4.14.200
     dev: true
 
-  /@types/mdast@3.0.12:
-    resolution: {integrity: sha512-DT+iNIRNX884cx0/Q1ja7NyUPpZuv0KPyL5rGNxm1WC1OtHstl7n4Jb7nk+xacNShQMbczJjt8uFzznpp6kYBg==}
+  /@types/lodash.get@4.4.8:
+    resolution: {integrity: sha512-XK+co6sBkJxh1vaVP8al6cAA17dX//RNCknGG8JhpHFJfxq/GXKAYB9NKheG22pu2xpWpxfFd65W08EhH2IFlg==}
     dependencies:
-      '@types/unist': 2.0.8
-
-  /@types/mdx@2.0.7:
-    resolution: {integrity: sha512-BG4tyr+4amr3WsSEmHn/fXPqaCba/AYZ7dsaQTiavihQunHSIxk+uAtqsjvicNpyHN6cm+B9RVrUOtW9VzIKHw==}
-
-  /@types/mime-types@2.1.1:
-    resolution: {integrity: sha512-vXOTGVSLR2jMw440moWTC7H19iUyLtP3Z1YTj7cSsubOICinjMxFeb/V57v9QdyyPGbbWolUFSSmSiRSn94tFw==}
+      '@types/lodash': 4.14.200
     dev: true
 
-  /@types/mime@1.3.2:
-    resolution: {integrity: sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==}
+  /@types/lodash.kebabcase@4.1.8:
+    resolution: {integrity: sha512-ZwdT+S6Ejbl2KEw/nunwO63hMzABqzVdWonRMEuhKs0GfwqffaQ3tSJo+/wmDCCaGUHIiObsBFY59GUYjYMk5A==}
+    dependencies:
+      '@types/lodash': 4.14.200
     dev: true
 
-  /@types/mime@3.0.1:
-    resolution: {integrity: sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA==}
+  /@types/lodash.mapkeys@4.6.8:
+    resolution: {integrity: sha512-vA3/4dFOkK9ugEOuqGLEwLeWicwQM03LmboZHuiG0VU0jdFyq5NRdw8XF2cnz5ZdGiGF3Yb8dS9UVoQzirHlfA==}
+    dependencies:
+      '@types/lodash': 4.14.200
+    dev: true
+
+  /@types/lodash.omit@4.5.8:
+    resolution: {integrity: sha512-CeIDttD58jS7R7M4rI8ZNBbV6JGG+BkKQFnWjduFJwTxqo8NdT/xjbjmQc39MVB2TKJ0rvQxddNaIna+W/pQvw==}
+    dependencies:
+      '@types/lodash': 4.14.200
+    dev: true
+
+  /@types/lodash@4.14.200:
+    resolution: {integrity: sha512-YI/M/4HRImtNf3pJgbF+W6FrXovqj+T+/HpENLTooK9PnkacBsDpeP3IpHab40CClUfhNmdM2WTNP2sa2dni5Q==}
+
+  /@types/marked@5.0.2:
+    resolution: {integrity: sha512-OucS4KMHhFzhz27KxmWg7J+kIYqyqoW5kdIEI319hqARQQUTqhao3M/F+uFnDXD0Rg72iDDZxZNxq5gvctmLlg==}
+    dev: true
+
+  /@types/mdast@3.0.14:
+    resolution: {integrity: sha512-gVZ04PGgw1qLZKsnWnyFv4ORnaJ+DXLdHTVSFbU8yX6xZ34Bjg4Q32yPkmveUP1yItXReKfB0Aknlh/3zxTKAw==}
+    dependencies:
+      '@types/unist': 2.0.9
+
+  /@types/mdx@2.0.9:
+    resolution: {integrity: sha512-OKMdj17y8Cs+k1r0XFyp59ChSOwf8ODGtMQ4mnpfz5eFDk1aO41yN3pSKGuvVzmWAkFp37seubY1tzOVpwfWwg==}
+
+  /@types/mime-types@2.1.3:
+    resolution: {integrity: sha512-bvxCbHeeS7quxS7uOJShyoOQj/BfLabhF6mk9Rmr+2MRfW8W1yxyyL/0GTxLFTHen41GrIw4K3D4DrLouhb8vg==}
+    dev: true
+
+  /@types/mime@1.3.4:
+    resolution: {integrity: sha512-1Gjee59G25MrQGk8bsNvC6fxNiRgUlGn2wlhGf95a59DrprnnHk80FIMMFG9XHMdrfsuA119ht06QPDXA1Z7tw==}
+    dev: true
+
+  /@types/mime@3.0.3:
+    resolution: {integrity: sha512-i8MBln35l856k5iOhKk2XJ4SeAWg75mLIpZB4v6imOagKL6twsukBZGDMNhdOVk7yRFTMPpfILocMos59Q1otQ==}
     dev: true
 
   /@types/minimatch@5.1.2:
     resolution: {integrity: sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==}
     dev: true
 
-  /@types/minimist@1.2.2:
-    resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==}
+  /@types/minimist@1.2.4:
+    resolution: {integrity: sha512-Kfe/D3hxHTusnPNRbycJE1N77WHDsdS4AjUYIzlDzhDrS47NrwuL3YW4VITxwR7KCVpzwgy4Rbj829KSSQmwXQ==}
     dev: true
 
-  /@types/ms@0.7.31:
-    resolution: {integrity: sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==}
+  /@types/ms@0.7.33:
+    resolution: {integrity: sha512-AuHIyzR5Hea7ij0P9q7vx7xu4z0C28ucwjAZC0ja7JhINyCnOw8/DnvAPQQ9TfOlCtZAmCERKQX9+o1mgQhuOQ==}
 
-  /@types/node-fetch@2.6.4:
-    resolution: {integrity: sha512-1ZX9fcN4Rvkvgv4E6PAY5WXUFWFcRWxZa3EW83UjycOB9ljJCedb2CupIP4RZMEwF/M3eTcCihbBRgwtGbg5Rg==}
+  /@types/node-fetch@2.6.8:
+    resolution: {integrity: sha512-nnH5lV9QCMPsbEVdTb5Y+F3GQxLSw1xQgIydrb2gSfEavRPs50FnMr+KUaa+LoPSqibm2N+ZZxH7lavZlAT4GA==}
     dependencies:
-      '@types/node': 15.14.9
-      form-data: 3.0.1
+      '@types/node': 20.2.5
+      form-data: 4.0.0
     dev: true
 
   /@types/node@12.20.55:
@@ -11505,24 +11835,25 @@ packages:
   /@types/node@15.14.9:
     resolution: {integrity: sha512-qjd88DrCxupx/kJD5yQgZdcYKZKSIGBVDIBE1/LTGcNm3d2Np/jxojkdePDdfnBHJc5W7vSMpbJ1aB7p/Py69A==}
 
-  /@types/node@16.18.48:
-    resolution: {integrity: sha512-mlaecDKQ7rIZrYD7iiKNdzFb6e/qD5I9U1rAhq+Fd+DWvYVs+G2kv74UFHmSOlg5+i/vF3XxuR522V4u8BqO+Q==}
+  /@types/node@18.18.8:
+    resolution: {integrity: sha512-OLGBaaK5V3VRBS1bAkMVP2/W9B+H8meUfl866OrMNQqt7wDgdpWPp5o6gmIc9pB+lIQHSq4ZL8ypeH1vPxcPaQ==}
+    dependencies:
+      undici-types: 5.26.5
     dev: true
 
   /@types/node@20.2.5:
     resolution: {integrity: sha512-JJulVEQXmiY9Px5axXHeYGLSjhkZEnD+MDPDGbCbIAbMslkKwmygtZFy1X6s/075Yo94sf8GuSlFfPzysQrWZQ==}
+
+  /@types/node@20.5.1:
+    resolution: {integrity: sha512-4tT2UrL5LBqDwoed9wZ6N3umC4Yhz3W3FloMmiiG4JwmUJWpie0c7lcnUNd4gtMKuDEO4wRVS8B6Xa0uMRsMKg==}
     dev: true
 
-  /@types/node@20.4.7:
-    resolution: {integrity: sha512-bUBrPjEry2QUTsnuEjzjbS7voGWCc30W0qzgMf90GPeDGFRakvrz47ju+oqDAKCXLUCe39u57/ORMl/O/04/9g==}
+  /@types/normalize-package-data@2.4.3:
+    resolution: {integrity: sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg==}
     dev: true
 
-  /@types/normalize-package-data@2.4.1:
-    resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
-    dev: true
-
-  /@types/nprogress@0.2.0:
-    resolution: {integrity: sha512-1cYJrqq9GezNFPsWTZpFut/d4CjpZqA0vhqDUPFWYKF1oIyBz5qnoYMzR+0C/T96t3ebLAC1SSnwrVOm5/j74A==}
+  /@types/nprogress@0.2.2:
+    resolution: {integrity: sha512-2wLrSJXLztGmr7wXwM0hA/wuIOY9DznVdd+ZFofHOiXcj9JnVt+2ZeLRJ7v5ZVlmheSkUOSg3Q3O4Ce7yji79A==}
     dev: true
 
   /@types/parse-numeric-range@0.0.1:
@@ -11540,23 +11871,23 @@ packages:
     resolution: {integrity: sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA==}
     dev: true
 
-  /@types/pretty-hrtime@1.0.1:
-    resolution: {integrity: sha512-VjID5MJb1eGKthz2qUerWT8+R4b9N+CHvGCzg9fn4kWZgaF9AhdYikQio3R7wV8YY1NsQKPaCwKz1Yff+aHNUQ==}
+  /@types/pretty-hrtime@1.0.2:
+    resolution: {integrity: sha512-vyv9knII8XeW8TnXDcGH7HqG6FeR56ESN6ExM34d/U8Zvs3xuG34euV6CVyB7KEYI7Ts4lQM8b4NL72e7UadnA==}
     dev: true
 
-  /@types/prismjs@1.26.0:
-    resolution: {integrity: sha512-ZTaqn/qSqUuAq1YwvOFQfVW1AR/oQJlLSZVustdjwI+GZ8kr0MSHBj0tsXPW1EqHubx50gtBEjbPGsdZwQwCjQ==}
+  /@types/prismjs@1.26.2:
+    resolution: {integrity: sha512-/r7Cp7iUIk7gts26mHXD66geUC+2Fo26TZYjQK6Nr4LDfi6lmdRmMqM0oPwfiMhUwoBAOFe8GstKi2pf6hZvwA==}
     dev: true
 
-  /@types/prop-types@15.7.5:
-    resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==}
+  /@types/prop-types@15.7.9:
+    resolution: {integrity: sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==}
 
-  /@types/qs@6.9.8:
-    resolution: {integrity: sha512-u95svzDlTysU5xecFNTgfFG5RUWu1A9P0VzgpcIiGZA9iraHOdSzcxMxQ55DyeRaGCSxQi7LxXDI4rzq/MYfdg==}
+  /@types/qs@6.9.9:
+    resolution: {integrity: sha512-wYLxw35euwqGvTDx6zfY1vokBFnsK0HNrzc6xNHchxfO2hpuRg74GbkEW7e3sSmPvj0TjCDT1VCa6OtHXnubsg==}
     dev: true
 
-  /@types/range-parser@1.2.4:
-    resolution: {integrity: sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==}
+  /@types/range-parser@1.2.6:
+    resolution: {integrity: sha512-+0autS93xyXizIYiyL02FCY8N+KkKPhILhcUSA276HxzreZ16kl+cmwvV2qAM/PuCCwPXzOXOWhiPcw20uSFcA==}
     dev: true
 
   /@types/react-dom@18.2.4:
@@ -11564,70 +11895,61 @@ packages:
     dependencies:
       '@types/react': 18.2.8
 
-  /@types/react@16.14.46:
-    resolution: {integrity: sha512-Am4pyXMrr6cWWw/TN3oqHtEZl0j+G6Up/O8m65+xF/3ZaUgkv1GAtTPWw4yNRmH0HJXmur6xKCKoMo3rBGynuw==}
-    dependencies:
-      '@types/prop-types': 15.7.5
-      '@types/scheduler': 0.16.3
-      csstype: 3.1.2
-    dev: true
-
   /@types/react@18.2.8:
     resolution: {integrity: sha512-lTyWUNrd8ntVkqycEEplasWy2OxNlShj3zqS0LuB1ENUGis5HodmhM7DtCoUGbxj3VW/WsGA0DUhpG6XrM7gPA==}
     dependencies:
-      '@types/prop-types': 15.7.5
-      '@types/scheduler': 0.16.3
+      '@types/prop-types': 15.7.9
+      '@types/scheduler': 0.16.5
       csstype: 3.1.2
 
-  /@types/refractor@3.0.2:
-    resolution: {integrity: sha512-2HMXuwGuOqzUG+KUTm9GDJCHl0LCBKsB5cg28ujEmVi/0qgTb6jOmkVSO5K48qXksyl2Fr3C0Q2VrgD4zbwyXg==}
+  /@types/refractor@3.0.5:
+    resolution: {integrity: sha512-+JwkwHx46EhFByX9YJBO1TKb7kWkZtJxjehk2+Qg8r0Wrb7+rWzn001z4JWd9AU2gYuF1oiJkFf0KIqSFdyjHA==}
     dependencies:
-      '@types/prismjs': 1.26.0
+      '@types/prismjs': 1.26.2
     dev: true
 
-  /@types/resolve@1.20.2:
-    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
-    dev: false
+  /@types/resolve@1.20.4:
+    resolution: {integrity: sha512-BKGK0T1VgB1zD+PwQR4RRf0ais3NyvH1qjLUrHI5SEiccYaJrhLstLuoXFWJ+2Op9whGizSPUMGPJY/Qtb/A2w==}
 
   /@types/rss@0.0.30:
     resolution: {integrity: sha512-RnWs98qajbcAZqie6EWYraJ2N+1Q1Wy9KN7HcVPJ//sYJGVjLjvkChZdeQPwf88xAcNUCcLXt6Zz3kiid7s/yw==}
     dev: true
 
-  /@types/scheduler@0.16.3:
-    resolution: {integrity: sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==}
+  /@types/scheduler@0.16.5:
+    resolution: {integrity: sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw==}
 
-  /@types/semver@6.2.3:
-    resolution: {integrity: sha512-KQf+QAMWKMrtBMsB8/24w53tEsxllMj6TuA80TT/5igJalLI/zm0L3oXRbIAl4Ohfc85gyHX/jhMwsVkmhLU4A==}
+  /@types/semver@6.2.5:
+    resolution: {integrity: sha512-NAxro9/RqWXTqdSjccDZAjA4nXK+6zRun+HvibYJfGy8TQhpOC7Vv6v2rlHYKrT0Q8jGGoNRd/xVdHRIQRNlFQ==}
     dev: true
 
-  /@types/semver@7.5.1:
-    resolution: {integrity: sha512-cJRQXpObxfNKkFAZbJl2yjWtJCqELQIdShsogr1d2MilP8dKD9TE/nEKHkJgUNHdGKCQaf9HbIynuV2csLGVLg==}
+  /@types/semver@7.5.4:
+    resolution: {integrity: sha512-MMzuxN3GdFwskAnb6fz0orFvhfqi752yjaXylr0Rp4oDg5H0Zn1IuyRhDVvYOwAXoJirx2xuS16I3WjxnAIHiQ==}
     dev: true
 
-  /@types/send@0.17.1:
-    resolution: {integrity: sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==}
+  /@types/send@0.17.3:
+    resolution: {integrity: sha512-/7fKxvKUoETxjFUsuFlPB9YndePpxxRAOfGC/yJdc9kTjTeP5kRCTzfnE8kPUKCeyiyIZu0YQ76s50hCedI1ug==}
     dependencies:
-      '@types/mime': 1.3.2
-      '@types/node': 15.14.9
+      '@types/mime': 1.3.4
+      '@types/node': 20.2.5
     dev: true
 
-  /@types/serve-static@1.15.2:
-    resolution: {integrity: sha512-J2LqtvFYCzaj8pVYKw8klQXrLLk7TBZmQ4ShlcdkELFKGwGMfevMLneMMRkMgZxotOD9wg497LpC7O8PcvAmfw==}
+  /@types/serve-static@1.15.4:
+    resolution: {integrity: sha512-aqqNfs1XTF0HDrFdlY//+SGUxmdSUbjeRXb5iaZc3x0/vMbYmdw9qvOgHWOyyLFxSSRnUuP5+724zBgfw8/WAw==}
     dependencies:
-      '@types/http-errors': 2.0.1
-      '@types/mime': 3.0.1
-      '@types/node': 15.14.9
+      '@types/http-errors': 2.0.3
+      '@types/mime': 3.0.3
+      '@types/node': 20.2.5
     dev: true
 
-  /@types/shelljs@0.8.12:
-    resolution: {integrity: sha512-ZA8U81/gldY+rR5zl/7HSHrG2KDfEb3lzG6uCUDhW1DTQE9yC/VBQ45fXnXq8f3CgInfhZmjtdu/WOUlrXRQUg==}
+  /@types/shelljs@0.8.14:
+    resolution: {integrity: sha512-eqKaGPi60riuxI9pUVeCT02EGo94Y6HT119h7w5bXSELsis6+JqzdEy6H/w2xXl881wcN3VDnb/D0WlgSety5w==}
     dependencies:
       '@types/glob': 7.2.0
       '@types/node': 20.2.5
     dev: true
 
-  /@types/stack-utils@2.0.1:
-    resolution: {integrity: sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==}
+  /@types/stack-utils@2.0.2:
+    resolution: {integrity: sha512-g7CK9nHdwjK2n0ymT2CW698FuWJRIx+RP6embAzZ2Qi8/ilIrA1Imt2LVSeHUzKvpoi7BhmmQcXz95eS0f2JXw==}
     dev: true
 
   /@types/testing-library__jest-dom@5.14.5:
@@ -11636,37 +11958,37 @@ packages:
       '@types/jest': 28.1.8
     dev: true
 
-  /@types/through@0.0.30:
-    resolution: {integrity: sha512-FvnCJljyxhPM3gkRgWmxmDZyAQSiBQQWLI0A0VFL0K7W1oRUrPJSqNO0NvTnLkBcotdlp3lKvaT0JrnyRDkzOg==}
+  /@types/through@0.0.32:
+    resolution: {integrity: sha512-7XsfXIsjdfJM2wFDRAtEWp3zb2aVPk5QeyZxGlVK57q4u26DczMHhJmlhr0Jqv0THwxam/L8REXkj8M2I/lcvw==}
     dependencies:
       '@types/node': 15.14.9
     dev: true
 
-  /@types/tough-cookie@4.0.2:
-    resolution: {integrity: sha512-Q5vtl1W5ue16D+nIaW8JWebSSraJVlK+EthKn7e7UcD4KWsaSJ8BqGPXNaPghgtcn/fhvrN17Tv8ksUsQpiplw==}
+  /@types/tough-cookie@4.0.4:
+    resolution: {integrity: sha512-95Sfz4nvMAb0Nl9DTxN3j64adfwfbBPEYq14VN7zT5J5O2M9V6iZMIIQU1U+pJyl9agHYHNCqhCXgyEtIRRa5A==}
     dev: true
 
-  /@types/unist@2.0.8:
-    resolution: {integrity: sha512-d0XxK3YTObnWVp6rZuev3c49+j4Lo8g4L1ZRm9z5L0xpoZycUPshHgczK5gsUMaZOstjVYYi09p5gYvUtfChYw==}
+  /@types/unist@2.0.9:
+    resolution: {integrity: sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ==}
 
   /@types/uuid@8.3.4:
     resolution: {integrity: sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==}
     dev: true
 
-  /@types/yargs-parser@21.0.0:
-    resolution: {integrity: sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==}
+  /@types/yargs-parser@21.0.2:
+    resolution: {integrity: sha512-5qcvofLPbfjmBfKaLfj/+f+Sbd6pN4zl7w7VSVI5uz7m9QZTuB2aZAa2uo1wHFBNN2x6g/SoTkXmd8mQnQF2Cw==}
     dev: true
 
-  /@types/yargs@16.0.5:
-    resolution: {integrity: sha512-AxO/ADJOBFJScHbWhq2xAhlWP24rY4aCEG/NFaMvbT3X2MgRsLjhjQwsn0Zi5zn0LG9jUhCCZMeX9Dkuw6k+vQ==}
+  /@types/yargs@16.0.7:
+    resolution: {integrity: sha512-lQcYmxWuOfJq4IncK88/nwud9rwr1F04CFc5xzk0k4oKVyz/AI35TfsXmhjf6t8zp8mpCOi17BfvuNWx+zrYkg==}
     dependencies:
-      '@types/yargs-parser': 21.0.0
+      '@types/yargs-parser': 21.0.2
     dev: true
 
-  /@types/yargs@17.0.24:
-    resolution: {integrity: sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==}
+  /@types/yargs@17.0.29:
+    resolution: {integrity: sha512-nacjqA3ee9zRF/++a3FUY1suHTFKZeHba2n8WeDw9cCVdmzmHpIxyzOJBcpHvvEmS8E9KqWlSnWHUkOrkhWcvA==}
     dependencies:
-      '@types/yargs-parser': 21.0.0
+      '@types/yargs-parser': 21.0.2
     dev: true
 
   /@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0)(eslint@7.32.0)(typescript@4.9.5):
@@ -11680,7 +12002,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': 4.8.0
+      '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@4.9.5)
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/type-utils': 5.62.0(eslint@7.32.0)(typescript@4.9.5)
@@ -11703,7 +12025,7 @@ packages:
     peerDependencies:
       eslint: '*'
     dependencies:
-      '@types/json-schema': 7.0.12
+      '@types/json-schema': 7.0.14
       '@typescript-eslint/typescript-estree': 1.13.0
       eslint: 5.16.0
       eslint-scope: 4.0.3
@@ -11715,7 +12037,7 @@ packages:
     peerDependencies:
       eslint: '*'
     dependencies:
-      '@types/json-schema': 7.0.12
+      '@types/json-schema': 7.0.14
       '@typescript-eslint/types': 3.10.1
       '@typescript-eslint/typescript-estree': 3.10.1(typescript@3.9.10)
       eslint: 7.32.0
@@ -11732,7 +12054,7 @@ packages:
     peerDependencies:
       eslint: '*'
     dependencies:
-      '@types/json-schema': 7.0.12
+      '@types/json-schema': 7.0.14
       '@typescript-eslint/scope-manager': 4.33.0
       '@typescript-eslint/types': 4.33.0
       '@typescript-eslint/typescript-estree': 4.33.0(typescript@4.9.5)
@@ -11948,8 +12270,8 @@ packages:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@7.32.0)
-      '@types/json-schema': 7.0.12
-      '@types/semver': 7.5.1
+      '@types/json-schema': 7.0.14
+      '@types/semver': 7.5.4
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/typescript-estree': 5.62.0(typescript@4.9.5)
@@ -11984,22 +12306,24 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
-  /@vercel/analytics@1.0.2:
-    resolution: {integrity: sha512-BZFxVrv24VbNNl5xMxqUojQIegEeXMI6rX3rg1uVLYUEXsuKNBSAEQf4BWEcjQDp/8aYJOj6m8V4PUA3x/cxgg==}
+  /@vercel/analytics@1.1.1:
+    resolution: {integrity: sha512-+NqgNmSabg3IFfxYhrWCfB/H+RCUOCR5ExRudNG2+pcRehq628DJB5e1u1xqwpLtn4pAYii4D98w7kofORAGQA==}
+    dependencies:
+      server-only: 0.0.1
     dev: false
 
-  /@vitejs/plugin-react@3.1.0(vite@4.4.9):
+  /@vitejs/plugin-react@3.1.0(vite@4.5.0):
     resolution: {integrity: sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^4.1.0-beta.0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.22.17)
-      '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.23.2)
       magic-string: 0.27.0
       react-refresh: 0.14.0
-      vite: 4.4.9(@types/node@15.14.9)
+      vite: 4.5.0(@types/node@15.14.9)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -12140,7 +12464,7 @@ packages:
     resolution: {integrity: sha512-6xm38yGVIa6mKm/DUCF2zFFJhERh/QWp1ufm4cNUvxsONBmfPg8uZ9pZBdOmF6qFGr/HlT6ABBkCSx/dlEtvWg==}
     engines: {node: '>=12 <14 || 14.2 - 14.9 || >14.10.0'}
     dependencies:
-      '@types/emscripten': 1.39.7
+      '@types/emscripten': 1.39.9
       tslib: 1.14.1
     dev: true
 
@@ -12179,12 +12503,12 @@ packages:
       acorn-walk: 7.2.0
     dev: true
 
-  /acorn-import-assertions@1.9.0(acorn@8.10.0):
+  /acorn-import-assertions@1.9.0(acorn@8.11.2):
     resolution: {integrity: sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==}
     peerDependencies:
       acorn: ^8
     dependencies:
-      acorn: 8.10.0
+      acorn: 8.11.2
     dev: true
 
   /acorn-jsx@3.0.1:
@@ -12209,12 +12533,12 @@ packages:
       acorn: 7.4.1
     dev: true
 
-  /acorn-jsx@5.3.2(acorn@8.10.0):
+  /acorn-jsx@5.3.2(acorn@8.11.2):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      acorn: 8.10.0
+      acorn: 8.11.2
     dev: false
 
   /acorn-walk@7.2.0:
@@ -12222,8 +12546,8 @@ packages:
     engines: {node: '>=0.4.0'}
     dev: true
 
-  /acorn-walk@8.2.0:
-    resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
+  /acorn-walk@8.3.0:
+    resolution: {integrity: sha512-FS7hV565M5l1R08MXqo8odwMTB02C2UqzB17RVgu9EyuYFBqJZ3/ZY97sQD5FewVu1UyDFc1yztUDrAwT0EypA==}
     engines: {node: '>=0.4.0'}
 
   /acorn@3.3.0:
@@ -12250,8 +12574,8 @@ packages:
     hasBin: true
     dev: true
 
-  /acorn@8.10.0:
-    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
+  /acorn@8.11.2:
+    resolution: {integrity: sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
@@ -12274,6 +12598,15 @@ packages:
       - supports-color
     dev: true
 
+  /agent-base@7.1.0:
+    resolution: {integrity: sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==}
+    engines: {node: '>= 14'}
+    dependencies:
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /agentkeepalive@4.5.0:
     resolution: {integrity: sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==}
     engines: {node: '>= 8.0.0'}
@@ -12315,23 +12648,23 @@ packages:
       uri-js: 4.4.1
     dev: true
 
-  /algoliasearch@4.19.1:
-    resolution: {integrity: sha512-IJF5b93b2MgAzcE/tuzW0yOPnuUyRgGAtaPv5UUywXM8kzqfdwZTO4sPJBzoGz1eOy6H9uEchsJsBFTELZSu+g==}
+  /algoliasearch@4.20.0:
+    resolution: {integrity: sha512-y+UHEjnOItoNy0bYO+WWmLWBlPwDjKHW6mNHrPi0NkuhpQOOEbrkwQH/wgKFDLh7qlKjzoKeiRtlpewDPDG23g==}
     dependencies:
-      '@algolia/cache-browser-local-storage': 4.19.1
-      '@algolia/cache-common': 4.19.1
-      '@algolia/cache-in-memory': 4.19.1
-      '@algolia/client-account': 4.19.1
-      '@algolia/client-analytics': 4.19.1
-      '@algolia/client-common': 4.19.1
-      '@algolia/client-personalization': 4.19.1
-      '@algolia/client-search': 4.19.1
-      '@algolia/logger-common': 4.19.1
-      '@algolia/logger-console': 4.19.1
-      '@algolia/requester-browser-xhr': 4.19.1
-      '@algolia/requester-common': 4.19.1
-      '@algolia/requester-node-http': 4.19.1
-      '@algolia/transporter': 4.19.1
+      '@algolia/cache-browser-local-storage': 4.20.0
+      '@algolia/cache-common': 4.20.0
+      '@algolia/cache-in-memory': 4.20.0
+      '@algolia/client-account': 4.20.0
+      '@algolia/client-analytics': 4.20.0
+      '@algolia/client-common': 4.20.0
+      '@algolia/client-personalization': 4.20.0
+      '@algolia/client-search': 4.20.0
+      '@algolia/logger-common': 4.20.0
+      '@algolia/logger-console': 4.20.0
+      '@algolia/requester-browser-xhr': 4.20.0
+      '@algolia/requester-common': 4.20.0
+      '@algolia/requester-node-http': 4.20.0
+      '@algolia/transporter': 4.20.0
     dev: true
 
   /anser@2.1.1:
@@ -12511,7 +12844,7 @@ packages:
   /array-buffer-byte-length@1.0.0:
     resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.5
       is-array-buffer: 3.0.2
     dev: true
 
@@ -12532,10 +12865,10 @@ packages:
     resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      get-intrinsic: 1.2.2
       is-string: 1.0.7
     dev: true
 
@@ -12562,41 +12895,41 @@ packages:
     resolution: {integrity: sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
-      es-shim-unscopables: 1.0.0
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      es-shim-unscopables: 1.0.2
+      get-intrinsic: 1.2.2
     dev: true
 
   /array.prototype.flat@1.3.2:
     resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
-      es-shim-unscopables: 1.0.0
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      es-shim-unscopables: 1.0.2
     dev: true
 
   /array.prototype.flatmap@1.3.2:
     resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
-      es-shim-unscopables: 1.0.0
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      es-shim-unscopables: 1.0.2
     dev: true
 
   /array.prototype.tosorted@1.1.2:
     resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
-      es-shim-unscopables: 1.0.0
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      es-shim-unscopables: 1.0.2
+      get-intrinsic: 1.2.2
     dev: true
 
   /arraybuffer.prototype.slice@1.0.2:
@@ -12604,10 +12937,10 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       array-buffer-byte-length: 1.0.0
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      get-intrinsic: 1.2.2
       is-array-buffer: 3.0.2
       is-shared-array-buffer: 1.0.2
     dev: true
@@ -12625,7 +12958,7 @@ packages:
   /assert@2.1.0:
     resolution: {integrity: sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==}
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.5
       is-nan: 1.3.2
       object-is: 1.1.5
       object.assign: 4.1.4
@@ -12641,13 +12974,6 @@ packages:
     resolution: {integrity: sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==}
     dev: true
 
-  /ast-types@0.14.2:
-    resolution: {integrity: sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA==}
-    engines: {node: '>=4'}
-    dependencies:
-      tslib: 2.6.2
-    dev: true
-
   /ast-types@0.15.2:
     resolution: {integrity: sha512-c27loCv9QkZinsa5ProX751khO9DJl/AcB5c2KNtA6NRvHKS0PgLfcftz72KVq504vB0Gku5s2kUZzDBvQWvHg==}
     engines: {node: '>=4'}
@@ -12707,19 +13033,19 @@ packages:
       gulp-header: 1.8.12
     dev: true
 
-  /autoprefixer@10.4.15(postcss@8.4.29):
-    resolution: {integrity: sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==}
+  /autoprefixer@10.4.16(postcss@8.4.31):
+    resolution: {integrity: sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: 4.21.10
-      caniuse-lite: 1.0.30001529
-      fraction.js: 4.3.6
+      browserslist: 4.22.1
+      caniuse-lite: 1.0.30001559
+      fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.0.0
-      postcss: 8.4.29
+      postcss: 8.4.31
       postcss-value-parser: 4.2.0
     dev: true
 
@@ -12728,8 +13054,8 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /axe-core@4.8.1:
-    resolution: {integrity: sha512-9l850jDDPnKq48nbad8SiEelCv4OrUWrKab/cPj0GScVg6cb6NbCCt/Ulk26QEq5jP9NnGr04Bit1BHyV6r5CQ==}
+  /axe-core@4.8.2:
+    resolution: {integrity: sha512-/dlp0fxyM3R8YW7MFzaHWXrf4zzbr0vaYb23VBFCl83R7nWNPg/yaQw2Dc8jzCMmDVLhSdzH8MjrsuIUuvX+6g==}
     engines: {node: '>=4'}
     dev: true
 
@@ -12743,12 +13069,12 @@ packages:
     resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
     dev: false
 
-  /babel-core@7.0.0-bridge.0(@babel/core@7.22.17):
+  /babel-core@7.0.0-bridge.0(@babel/core@7.23.2):
     resolution: {integrity: sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
     dev: true
 
   /babel-eslint@10.1.0(eslint@7.32.0):
@@ -12759,27 +13085,27 @@ packages:
       eslint: '>= 4.12.1'
     dependencies:
       '@babel/code-frame': 7.22.13
-      '@babel/parser': 7.22.16
-      '@babel/traverse': 7.22.17
-      '@babel/types': 7.22.17
+      '@babel/parser': 7.23.0
+      '@babel/traverse': 7.23.2
+      '@babel/types': 7.23.0
       eslint: 7.32.0
       eslint-visitor-keys: 1.3.0
-      resolve: 1.22.4
+      resolve: 1.22.8
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-jest@28.1.3(@babel/core@7.22.17):
+  /babel-jest@28.1.3(@babel/core@7.23.2):
     resolution: {integrity: sha512-epUaPOEWMk3cWX0M/sPvCHHCe9fMFAa/9hXEgKP8nFfNl/jlGkE9ucq9NqkZGXLDduCJYS0UvSlPUwC0S+rH6Q==}
     engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0}
     peerDependencies:
       '@babel/core': ^7.8.0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@jest/transform': 28.1.3
-      '@types/babel__core': 7.20.1
+      '@types/babel__core': 7.20.3
       babel-plugin-istanbul: 6.1.1
-      babel-preset-jest: 28.1.3(@babel/core@7.22.17)
+      babel-preset-jest: 28.1.3(@babel/core@7.23.2)
       chalk: 4.1.2
       graceful-fs: 4.2.11
       slash: 3.0.0
@@ -12791,12 +13117,12 @@ packages:
     resolution: {integrity: sha512-g+8yxHUZ60RcyaUpfNzy56OtWW+x9cyEe9j+CranqLiqbju2yf/Cy6ZtYK40EZxtrdHllzlVZgLmcOUCTlJ7Jg==}
     dev: true
 
-  /babel-plugin-dev-expression@0.2.3(@babel/core@7.22.17):
+  /babel-plugin-dev-expression@0.2.3(@babel/core@7.23.2):
     resolution: {integrity: sha512-rP5LK9QQTzCW61nVVzw88En1oK8t8gTsIeC6E61oelxNsU842yMjF0G1MxhvUpCkxCEIj7sE8/e5ieTheT//uw==}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
     dev: true
 
   /babel-plugin-istanbul@6.1.1:
@@ -12817,113 +13143,113 @@ packages:
     engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0}
     dependencies:
       '@babel/template': 7.22.15
-      '@babel/types': 7.22.17
-      '@types/babel__core': 7.20.1
-      '@types/babel__traverse': 7.20.1
+      '@babel/types': 7.23.0
+      '@types/babel__core': 7.20.3
+      '@types/babel__traverse': 7.20.3
     dev: true
 
-  /babel-plugin-polyfill-corejs2@0.4.5(@babel/core@7.22.17):
-    resolution: {integrity: sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==}
+  /babel-plugin-polyfill-corejs2@0.4.6(@babel/core@7.23.2):
+    resolution: {integrity: sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
     dependencies:
-      '@babel/compat-data': 7.22.9
-      '@babel/core': 7.22.17
-      '@babel/helper-define-polyfill-provider': 0.4.2(@babel/core@7.22.17)
+      '@babel/compat-data': 7.23.2
+      '@babel/core': 7.23.2
+      '@babel/helper-define-polyfill-provider': 0.4.3(@babel/core@7.23.2)
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-corejs3@0.1.7(@babel/core@7.22.17):
+  /babel-plugin-polyfill-corejs3@0.1.7(@babel/core@7.23.2):
     resolution: {integrity: sha512-u+gbS9bbPhZWEeyy1oR/YaaSpod/KDT07arZHb80aTpl8H5ZBq+uN1nN9/xtX7jQyfLdPfoqI4Rue/MQSWJquw==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-define-polyfill-provider': 0.1.5(@babel/core@7.22.17)
-      core-js-compat: 3.32.2
+      '@babel/core': 7.23.2
+      '@babel/helper-define-polyfill-provider': 0.1.5(@babel/core@7.23.2)
+      core-js-compat: 3.33.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-corejs3@0.8.3(@babel/core@7.22.17):
-    resolution: {integrity: sha512-z41XaniZL26WLrvjy7soabMXrfPWARN25PZoriDEiLMxAp50AUW3t35BGQUMg5xK3UrpVTtagIDklxYa+MhiNA==}
+  /babel-plugin-polyfill-corejs3@0.8.6(@babel/core@7.23.2):
+    resolution: {integrity: sha512-leDIc4l4tUgU7str5BWLS2h8q2N4Nf6lGZP6UrNDxdtfF2g69eJ5L0H7S8A5Ln/arfFAfHor5InAdZuIOwZdgQ==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-define-polyfill-provider': 0.4.2(@babel/core@7.22.17)
-      core-js-compat: 3.32.2
+      '@babel/core': 7.23.2
+      '@babel/helper-define-polyfill-provider': 0.4.3(@babel/core@7.23.2)
+      core-js-compat: 3.33.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-regenerator@0.5.2(@babel/core@7.22.17):
-    resolution: {integrity: sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==}
+  /babel-plugin-polyfill-regenerator@0.5.3(@babel/core@7.23.2):
+    resolution: {integrity: sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/helper-define-polyfill-provider': 0.4.2(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/helper-define-polyfill-provider': 0.4.3(@babel/core@7.23.2)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-transform-next-use-client@1.1.1(@babel/core@7.22.17):
+  /babel-plugin-transform-next-use-client@1.1.1(@babel/core@7.23.2):
     resolution: {integrity: sha512-qqyurXN5ZWP7kqmgzzXaEgF0fCi8d72tE+wCQwSCrjfN+LC0fI1+ejhNE+DtVECY1EvYkUoO0tcr9izwC9xexg==}
     peerDependencies:
       '@babel/core': ^7.22.5
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
     dev: true
 
   /babel-plugin-transform-react-remove-prop-types@0.4.24:
     resolution: {integrity: sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA==}
     dev: true
 
-  /babel-preset-current-node-syntax@1.0.1(@babel/core@7.22.17):
+  /babel-preset-current-node-syntax@1.0.1(@babel/core@7.23.2):
     resolution: {integrity: sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.17)
-      '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.22.17)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.22.17)
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.22.17)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.22.17)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.17)
-      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.23.2)
+      '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.23.2)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.23.2)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.23.2)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.23.2)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.23.2)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.23.2)
     dev: true
 
   /babel-preset-env-modules@1.0.1:
     resolution: {integrity: sha512-TxbnZHb7p38jDRJh9clzCBqenyHjTkX5GX6SWwbcsW6UTMd912lbXJz7q3demciDI/BdbhjhNEirlgI9ov/JAg==}
     engines: {node: '>= v12.0.0'}
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/preset-env': 7.22.15(@babel/core@7.22.17)
-      babel-plugin-polyfill-corejs3: 0.1.7(@babel/core@7.22.17)
-      browserslist: 4.21.10
+      '@babel/core': 7.23.2
+      '@babel/preset-env': 7.23.2(@babel/core@7.23.2)
+      babel-plugin-polyfill-corejs3: 0.1.7(@babel/core@7.23.2)
+      browserslist: 4.22.1
       lodash: 4.17.21
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-preset-jest@28.1.3(@babel/core@7.22.17):
+  /babel-preset-jest@28.1.3(@babel/core@7.23.2):
     resolution: {integrity: sha512-L+fupJvlWAHbQfn74coNX3zf60LXMJsezNvvx8eIh7iOR1luJ1poxYgQk1F8PYtNq/6QODDHCqsSnTFSWC491A==}
     engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       babel-plugin-jest-hoist: 28.1.3
-      babel-preset-current-node-syntax: 1.0.1(@babel/core@7.22.17)
+      babel-preset-current-node-syntax: 1.0.1(@babel/core@7.23.2)
     dev: true
 
   /bail@1.0.5:
@@ -13105,15 +13431,15 @@ packages:
       pako: 0.2.9
     dev: true
 
-  /browserslist@4.21.10:
-    resolution: {integrity: sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==}
+  /browserslist@4.22.1:
+    resolution: {integrity: sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001529
-      electron-to-chromium: 1.4.513
+      caniuse-lite: 1.0.30001559
+      electron-to-chromium: 1.4.573
       node-releases: 2.0.13
-      update-browserslist-db: 1.0.11(browserslist@4.21.10)
+      update-browserslist-db: 1.0.13(browserslist@4.22.1)
 
   /bser@2.1.1:
     resolution: {integrity: sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==}
@@ -13184,39 +13510,46 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /c8@7.14.0:
-    resolution: {integrity: sha512-i04rtkkcNcCf7zsQcSv/T9EbUn4RXQ6mropeMcjFOsQXQ0iGLAr/xT6TImQg4+U9hmNpN9XdvPkjUL1IzbgxJw==}
-    engines: {node: '>=10.12.0'}
-    hasBin: true
-    dependencies:
-      '@bcoe/v8-coverage': 0.2.3
-      '@istanbuljs/schema': 0.1.3
-      find-up: 5.0.0
-      foreground-child: 2.0.0
-      istanbul-lib-coverage: 3.2.0
-      istanbul-lib-report: 3.0.1
-      istanbul-reports: 3.1.6
-      rimraf: 3.0.2
-      test-exclude: 6.0.0
-      v8-to-istanbul: 9.1.0
-      yargs: 16.2.0
-      yargs-parser: 20.2.9
-    dev: true
-
   /cac@6.7.14:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
     dev: true
 
+  /cacache@16.1.3:
+    resolution: {integrity: sha512-/+Emcj9DAXxX4cwlLmRI9c166RuL3w30zp4R7Joiv2cQTtTtA+jeuCAjH3ZlGnYS3tKENSrKhAzVVP9GVyzeYQ==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      '@npmcli/fs': 2.1.2
+      '@npmcli/move-file': 2.0.1
+      chownr: 2.0.0
+      fs-minipass: 2.1.0
+      glob: 8.1.0
+      infer-owner: 1.0.4
+      lru-cache: 7.18.3
+      minipass: 3.3.6
+      minipass-collect: 1.0.2
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      mkdirp: 1.0.4
+      p-map: 4.0.0
+      promise-inflight: 1.0.1
+      rimraf: 3.0.2
+      ssri: 9.0.1
+      tar: 6.2.0
+      unique-filename: 2.0.1
+    transitivePeerDependencies:
+      - bluebird
+    dev: true
+
   /cacache@17.1.4:
     resolution: {integrity: sha512-/aJwG2l3ZMJ1xNAnqbMpA40of9dj/pIH3QfiuQSqjfPJF747VR0J/bHn+/KdNnHKc6XQcWt/AfRSBft82W1d2A==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
       '@npmcli/fs': 3.1.0
       fs-minipass: 3.0.3
-      glob: 10.3.4
+      glob: 10.3.10
       lru-cache: 7.18.3
-      minipass: 7.0.3
+      minipass: 7.0.4
       minipass-collect: 1.0.2
       minipass-flush: 1.0.5
       minipass-pipeline: 1.2.4
@@ -13246,24 +13579,25 @@ packages:
     engines: {node: '>=14.16'}
     dev: true
 
-  /cacheable-request@10.2.13:
-    resolution: {integrity: sha512-3SD4rrMu1msNGEtNSt8Od6enwdo//U9s4ykmXfA2TD58kcLkCobtCDiby7kNyj7a/Q7lz/mAesAFI54rTdnvBA==}
+  /cacheable-request@10.2.14:
+    resolution: {integrity: sha512-zkDT5WAF4hSSoUgyfg5tFIxz8XQK+25W/TLVojJTMKBaxevLBBtLxgqguAuVQB8PVW79FVjHcU+GJ9tVbDZ9mQ==}
     engines: {node: '>=14.16'}
     dependencies:
-      '@types/http-cache-semantics': 4.0.1
+      '@types/http-cache-semantics': 4.0.3
       get-stream: 6.0.1
       http-cache-semantics: 4.1.1
-      keyv: 4.5.3
+      keyv: 4.5.4
       mimic-response: 4.0.0
       normalize-url: 8.0.0
       responselike: 3.0.0
     dev: true
 
-  /call-bind@1.0.2:
-    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
+  /call-bind@1.0.5:
+    resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==}
     dependencies:
-      function-bind: 1.1.1
-      get-intrinsic: 1.2.1
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.2
+      set-function-length: 1.1.1
     dev: true
 
   /callsites@3.1.0:
@@ -13305,11 +13639,11 @@ packages:
     engines: {node: '>=14.16'}
     dev: true
 
-  /caniuse-lite@1.0.30001529:
-    resolution: {integrity: sha512-n2pUQYGAkrLG4QYj2desAh+NqsJpHbNmVZz87imptDdxLAtjxary7Df/psdfyDGmskJK/9Dt9cPnx5RZ3CU4Og==}
+  /caniuse-lite@1.0.30001559:
+    resolution: {integrity: sha512-cPiMKZgqgkg5LY3/ntGeLFUpi6tzddBNS58A4tnTgQw1zON7u2sZMU7SzOeVH4tj20++9ggL+V6FDOFMTaFFYA==}
 
-  /canvas-confetti@1.6.0:
-    resolution: {integrity: sha512-ej+w/m8Jzpv9Z7W7uJZer14Ke8P2ogsjg4ZMGIuq4iqUOqY2Jq8BNW42iGmNfRwREaaEfFIczLuZZiEVSYNHAA==}
+  /canvas-confetti@1.9.0:
+    resolution: {integrity: sha512-0UGU/T5Un/Cd4Aj4fu/p/oVQm8Il+brK5xcmY+y77u7PXuyNJD4ODUWe01A5o3GUI9Bb8lOBlQ10VdaDsY1FBA==}
     dev: false
 
   /capital-case@1.0.4:
@@ -13456,8 +13790,8 @@ packages:
     engines: {node: '>=6.0'}
     dev: true
 
-  /ci-info@3.8.0:
-    resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==}
+  /ci-info@3.9.0:
+    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
     dev: true
 
@@ -13517,8 +13851,8 @@ packages:
       restore-cursor: 4.0.0
     dev: true
 
-  /cli-spinners@2.9.0:
-    resolution: {integrity: sha512-4/aL9X3Wh0yiMQlE+eeRhWP6vclO3QRtw1JHKIT0FFUs5FjpFmESqtMvYZ0+lbzBw900b95mS0hohy+qn2VK/g==}
+  /cli-spinners@2.9.1:
+    resolution: {integrity: sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==}
     engines: {node: '>=6'}
     dev: true
 
@@ -13585,14 +13919,6 @@ packages:
       wrap-ansi: 6.2.0
     dev: true
 
-  /cliui@7.0.4:
-    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
-    dependencies:
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      wrap-ansi: 7.0.0
-    dev: true
-
   /cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
@@ -13774,13 +14100,13 @@ packages:
       repeat-string: 1.6.1
     dev: false
 
-  /commitlint-plugin-function-rules@1.7.1(@commitlint/lint@17.7.0):
+  /commitlint-plugin-function-rules@1.7.1(@commitlint/lint@17.8.1):
     resolution: {integrity: sha512-hGLShcCM3my+q3unMoznSfV23JmpJ/R8aHQ5KGzxVwv3HFpDS4cFWraCdBRAkMbL1UzUrVOEutG4EDur5S7AsA==}
     engines: {node: '>=12'}
     peerDependencies:
       '@commitlint/lint': '>=9.1.2 <18'
     dependencies:
-      '@commitlint/lint': 17.7.0
+      '@commitlint/lint': 17.8.1
     dev: true
 
   /common-tags@1.8.2:
@@ -13833,8 +14159,8 @@ packages:
       - supports-color
     dev: true
 
-  /compute-scroll-into-view@3.0.3:
-    resolution: {integrity: sha512-nadqwNxghAGTamwIqQSG433W6OADZx2vCo3UXHNrzTRHK/htu+7+L0zhjEoaeaQVNAi3YgqWDv8+tzf0hRfR+A==}
+  /compute-scroll-into-view@3.1.0:
+    resolution: {integrity: sha512-rj8l8pD4bJ1nx+dAkMhV1xB5RuZEyVysfxJqB1pRchh1KVvwOv9b7CGB8ZfjTImVv2oF+sYMUkMZq6Na5Ftmbg==}
     dev: false
 
   /concat-map@0.0.1:
@@ -13918,17 +14244,17 @@ packages:
     engines: {node: '>= 0.6'}
     dev: true
 
-  /contentlayer@0.3.4(esbuild@0.19.2):
+  /contentlayer@0.3.4(esbuild@0.19.5):
     resolution: {integrity: sha512-FYDdTUFaN4yqep0waswrhcXjmMJnPD5iXDTtxcUCGdklfuIrXM2xLx51xl748cHmGA6IsC+27YZFxU6Ym13QIA==}
     engines: {node: '>=14.18'}
     hasBin: true
     requiresBuild: true
     dependencies:
-      '@contentlayer/cli': 0.3.4(esbuild@0.19.2)
-      '@contentlayer/client': 0.3.4(esbuild@0.19.2)
-      '@contentlayer/core': 0.3.4(esbuild@0.19.2)
-      '@contentlayer/source-files': 0.3.4(esbuild@0.19.2)
-      '@contentlayer/source-remote-files': 0.3.4(esbuild@0.19.2)
+      '@contentlayer/cli': 0.3.4(esbuild@0.19.5)
+      '@contentlayer/client': 0.3.4(esbuild@0.19.5)
+      '@contentlayer/core': 0.3.4(esbuild@0.19.5)
+      '@contentlayer/source-files': 0.3.4(esbuild@0.19.5)
+      '@contentlayer/source-remote-files': 0.3.4(esbuild@0.19.5)
       '@contentlayer/utils': 0.3.4
     transitivePeerDependencies:
       - '@effect-ts/otel-node'
@@ -13964,10 +14290,10 @@ packages:
 
   /convert-source-map@1.9.0:
     resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
+    dev: true
 
   /convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
-    dev: true
 
   /cookie-signature@1.0.6:
     resolution: {integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==}
@@ -13983,20 +14309,20 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /core-js-compat@3.32.2:
-    resolution: {integrity: sha512-+GjlguTDINOijtVRUxrQOv3kfu9rl+qPNdX2LTbJ/ZyVTuxK+ksVSAGX1nHstu4hrv1En/uPTtWgq2gI5wt4AQ==}
+  /core-js-compat@3.33.2:
+    resolution: {integrity: sha512-axfo+wxFVxnqf8RvxTzoAlzW4gRoacrHeoFlc9n0x50+7BEyZL/Rt3hicaED1/CEd7I6tPCPVUYcJwCMO5XUYw==}
     dependencies:
-      browserslist: 4.21.10
+      browserslist: 4.22.1
     dev: true
 
-  /core-js@3.32.2:
-    resolution: {integrity: sha512-pxXSw1mYZPDGvTQqEc5vgIb83jGQKFGYWY76z4a7weZXUolw3G+OvpZqSRcfYOoOVUQJYEPsWeQK8pKEnUtWxQ==}
+  /core-js@3.33.2:
+    resolution: {integrity: sha512-XeBzWI6QL3nJQiHmdzbAOiMYqjrb7hwU7A39Qhvd/POSa/t9E1AeZyEZx3fNvp/vtM8zXwhoL0FsiS0hD0pruQ==}
     requiresBuild: true
 
   /core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
 
-  /cosmiconfig-typescript-loader@4.4.0(@types/node@20.4.7)(cosmiconfig@8.3.4)(ts-node@10.9.1)(typescript@4.9.5):
+  /cosmiconfig-typescript-loader@4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6)(ts-node@10.9.1)(typescript@4.9.5):
     resolution: {integrity: sha512-BabizFdC3wBHhbI4kJh0VkQP9GkBfoHPydD0COMce1nJ1kJAB3F2TmJ/I7diULBKtmEWSwEbuN/KDtgnmUUVmw==}
     engines: {node: '>=v14.21.3'}
     peerDependencies:
@@ -14005,14 +14331,14 @@ packages:
       ts-node: '>=10'
       typescript: '>=4'
     dependencies:
-      '@types/node': 20.4.7
-      cosmiconfig: 8.3.4(typescript@4.9.5)
-      ts-node: 10.9.1(@swc/core@1.3.83)(@types/node@15.14.9)(typescript@4.9.5)
+      '@types/node': 20.5.1
+      cosmiconfig: 8.3.6(typescript@4.9.5)
+      ts-node: 10.9.1(@swc/core@1.3.95)(@types/node@15.14.9)(typescript@4.9.5)
       typescript: 4.9.5
     dev: true
 
-  /cosmiconfig@8.3.4(typescript@4.9.5):
-    resolution: {integrity: sha512-SF+2P8+o/PTV05rgsAjDzL4OFdVXAulSfC/L19VaeVT7+tpOOSscCt2QLxDZ+CLxF2WOiq6y1K5asvs8qUJT/Q==}
+  /cosmiconfig@8.3.6(typescript@4.9.5):
+    resolution: {integrity: sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==}
     engines: {node: '>=14'}
     peerDependencies:
       typescript: '>=4.9.5'
@@ -14197,7 +14523,7 @@ packages:
     resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
     engines: {node: '>=0.11'}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
 
   /debug@2.6.9(supports-color@6.1.0):
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
@@ -14274,9 +14600,9 @@ packages:
     resolution: {integrity: sha512-xjVyBf0w5vH0I42jdAZzOKVldmPgSulmiyPRywoyq7HXC9qdgo17kxJE+rdnif5Tz6+pIrpJI8dCpMNLIGkUiA==}
     dependencies:
       array-buffer-byte-length: 1.0.0
-      call-bind: 1.0.2
+      call-bind: 1.0.5
       es-get-iterator: 1.1.3
-      get-intrinsic: 1.2.1
+      get-intrinsic: 1.2.2
       is-arguments: 1.1.1
       is-array-buffer: 3.0.2
       is-date-object: 1.0.5
@@ -14286,11 +14612,11 @@ packages:
       object-is: 1.1.5
       object-keys: 1.1.1
       object.assign: 4.1.4
-      regexp.prototype.flags: 1.5.0
+      regexp.prototype.flags: 1.5.1
       side-channel: 1.0.4
       which-boxed-primitive: 1.0.2
       which-collection: 1.0.1
-      which-typed-array: 1.1.11
+      which-typed-array: 1.1.13
     dev: true
 
   /deep-extend@0.6.0:
@@ -14324,16 +14650,26 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /define-data-property@1.1.1:
+    resolution: {integrity: sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.2
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.1
+    dev: true
+
   /define-lazy-prop@2.0.0:
     resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
     engines: {node: '>=8'}
     dev: true
 
-  /define-properties@1.2.0:
-    resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==}
+  /define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      has-property-descriptors: 1.0.0
+      define-data-property: 1.1.1
+      has-property-descriptors: 1.0.1
       object-keys: 1.1.1
     dev: true
 
@@ -14341,26 +14677,26 @@ packages:
     resolution: {integrity: sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==}
     engines: {node: '>=0.10.0'}
     dependencies:
-      is-descriptor: 0.1.6
+      is-descriptor: 0.1.7
     dev: true
 
   /define-property@1.0.0:
     resolution: {integrity: sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==}
     engines: {node: '>=0.10.0'}
     dependencies:
-      is-descriptor: 1.0.2
+      is-descriptor: 1.0.3
     dev: true
 
   /define-property@2.0.2:
     resolution: {integrity: sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==}
     engines: {node: '>=0.10.0'}
     dependencies:
-      is-descriptor: 1.0.2
+      is-descriptor: 1.0.3
       isobject: 3.0.1
     dev: true
 
-  /defu@6.1.2:
-    resolution: {integrity: sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==}
+  /defu@6.1.3:
+    resolution: {integrity: sha512-Vy2wmG3NTkmHNg/kzpuvHhkqeIx3ODWqasgCRbKtbXEN0G+HpEEv9BtJLp7ZG1CZloFaC41Ah3ZFbq7aqCqMeQ==}
     dev: true
 
   /del@6.1.1:
@@ -14425,7 +14761,6 @@ packages:
   /detect-libc@2.0.2:
     resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
     engines: {node: '>=8'}
-    dev: false
 
   /detect-newline@3.1.0:
     resolution: {integrity: sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==}
@@ -14615,8 +14950,8 @@ packages:
       jake: 10.8.7
     dev: true
 
-  /electron-to-chromium@1.4.513:
-    resolution: {integrity: sha512-cOB0xcInjm+E5qIssHeXJ29BaUyWpMyFKT5RB3bsLENDheCja0wMkHJyiPl0NBE/VzDI7JDuNEQWhe6RitEUcw==}
+  /electron-to-chromium@1.4.573:
+    resolution: {integrity: sha512-tzxxvKDTO3V5vzN2F+3v9jrK9gEbCdf1YYJUx/zVq1cyzyh+x1ddeYNNWh0ZS2ETNCVK3+Pns1LHIBq4w20X2Q==}
 
   /emittery@0.10.2:
     resolution: {integrity: sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==}
@@ -14696,8 +15031,8 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /envinfo@7.10.0:
-    resolution: {integrity: sha512-ZtUjZO6l5mwTHvc1L9+1q5p/R3wTopcfqMW8r5t8SJSKqeVI/LtajORwRFEKpEFuekjD0VBjwu1HMxL4UalIRw==}
+  /envinfo@7.11.0:
+    resolution: {integrity: sha512-G9/6xF1FPbIw0TtalAMaVPpiq2aDEuKLXM314jPVAO9r2fo2a4BLqMNkmRS7O/xPPZ+COAhGIz3ETvHEV3eUcg==}
     engines: {node: '>=4'}
     hasBin: true
     dev: true
@@ -14719,26 +15054,26 @@ packages:
       is-arrayish: 0.2.1
     dev: true
 
-  /es-abstract@1.22.1:
-    resolution: {integrity: sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==}
+  /es-abstract@1.22.3:
+    resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==}
     engines: {node: '>= 0.4'}
     dependencies:
       array-buffer-byte-length: 1.0.0
       arraybuffer.prototype.slice: 1.0.2
       available-typed-arrays: 1.0.5
-      call-bind: 1.0.2
-      es-set-tostringtag: 2.0.1
+      call-bind: 1.0.5
+      es-set-tostringtag: 2.0.2
       es-to-primitive: 1.2.1
       function.prototype.name: 1.1.6
-      get-intrinsic: 1.2.1
+      get-intrinsic: 1.2.2
       get-symbol-description: 1.0.0
       globalthis: 1.0.3
       gopd: 1.0.1
-      has: 1.0.3
-      has-property-descriptors: 1.0.0
+      has-property-descriptors: 1.0.1
       has-proto: 1.0.1
       has-symbols: 1.0.3
-      internal-slot: 1.0.5
+      hasown: 2.0.0
+      internal-slot: 1.0.6
       is-array-buffer: 3.0.2
       is-callable: 1.2.7
       is-negative-zero: 2.0.2
@@ -14747,10 +15082,10 @@ packages:
       is-string: 1.0.7
       is-typed-array: 1.1.12
       is-weakref: 1.0.2
-      object-inspect: 1.12.3
+      object-inspect: 1.13.1
       object-keys: 1.1.1
       object.assign: 4.1.4
-      regexp.prototype.flags: 1.5.0
+      regexp.prototype.flags: 1.5.1
       safe-array-concat: 1.0.1
       safe-regex-test: 1.0.0
       string.prototype.trim: 1.2.8
@@ -14761,14 +15096,14 @@ packages:
       typed-array-byte-offset: 1.0.0
       typed-array-length: 1.0.4
       unbox-primitive: 1.0.2
-      which-typed-array: 1.1.11
+      which-typed-array: 1.1.13
     dev: true
 
   /es-get-iterator@1.1.3:
     resolution: {integrity: sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==}
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
       has-symbols: 1.0.3
       is-arguments: 1.1.1
       is-map: 2.0.2
@@ -14778,22 +15113,22 @@ packages:
       stop-iteration-iterator: 1.0.0
     dev: true
 
-  /es-iterator-helpers@1.0.14:
-    resolution: {integrity: sha512-JgtVnwiuoRuzLvqelrvN3Xu7H9bu2ap/kQ2CrM62iidP8SKuD99rWU3CJy++s7IVL2qb/AjXPGR/E7i9ngd/Cw==}
+  /es-iterator-helpers@1.0.15:
+    resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
     dependencies:
       asynciterator.prototype: 1.0.0
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
-      es-set-tostringtag: 2.0.1
-      function-bind: 1.1.1
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      es-set-tostringtag: 2.0.2
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.2
       globalthis: 1.0.3
-      has-property-descriptors: 1.0.0
+      has-property-descriptors: 1.0.1
       has-proto: 1.0.1
       has-symbols: 1.0.3
-      internal-slot: 1.0.5
-      iterator.prototype: 1.1.1
+      internal-slot: 1.0.6
+      iterator.prototype: 1.1.2
       safe-array-concat: 1.0.1
     dev: true
 
@@ -14801,23 +15136,23 @@ packages:
     resolution: {integrity: sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==}
     dev: true
 
-  /es-module-lexer@1.3.0:
-    resolution: {integrity: sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==}
+  /es-module-lexer@1.3.1:
+    resolution: {integrity: sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==}
     dev: true
 
-  /es-set-tostringtag@2.0.1:
-    resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==}
+  /es-set-tostringtag@2.0.2:
+    resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==}
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: 1.2.1
-      has: 1.0.3
+      get-intrinsic: 1.2.2
       has-tostringtag: 1.0.0
+      hasown: 2.0.0
     dev: true
 
-  /es-shim-unscopables@1.0.0:
-    resolution: {integrity: sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==}
+  /es-shim-unscopables@1.0.2:
+    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
     dependencies:
-      has: 1.0.3
+      hasown: 2.0.0
     dev: true
 
   /es-to-primitive@1.2.1:
@@ -15002,8 +15337,8 @@ packages:
     resolution: {integrity: sha512-jyfL/pwPqaFXyKnj8lP8iLk6Z0m099uXR45aSN8Av1XD4vhvQutxxPzgA2bTcAwQpa1zCXDcWOlhFgyP3GKqhQ==}
     dev: true
 
-  /esbuild-register@3.4.2(esbuild@0.18.20):
-    resolution: {integrity: sha512-kG/XyTDyz6+YDuyfB9ZoSIOOmgyFCH+xPRtsCa8W85HLRV5Csp+o3jWVbOSHgSLfyLc5DmP+KFDNwty4mEjC+Q==}
+  /esbuild-register@3.5.0(esbuild@0.18.20):
+    resolution: {integrity: sha512-+4G/XmakeBAsvJuDugJvtyF1x+XJT4FMocynNpxrvEBViirpfUn2PgNpCHedfWhF4WokNsO/OvMKrmJOIJsI5A==}
     peerDependencies:
       esbuild: '>=0.12 <1'
     dependencies:
@@ -15109,34 +15444,34 @@ packages:
       '@esbuild/win32-x64': 0.18.20
     dev: true
 
-  /esbuild@0.19.2:
-    resolution: {integrity: sha512-G6hPax8UbFakEj3hWO0Vs52LQ8k3lnBhxZWomUJDxfz3rZTLqF5k/FCzuNdLx2RbpBiQQF9H9onlDDH1lZsnjg==}
+  /esbuild@0.19.5:
+    resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': 0.19.2
-      '@esbuild/android-arm64': 0.19.2
-      '@esbuild/android-x64': 0.19.2
-      '@esbuild/darwin-arm64': 0.19.2
-      '@esbuild/darwin-x64': 0.19.2
-      '@esbuild/freebsd-arm64': 0.19.2
-      '@esbuild/freebsd-x64': 0.19.2
-      '@esbuild/linux-arm': 0.19.2
-      '@esbuild/linux-arm64': 0.19.2
-      '@esbuild/linux-ia32': 0.19.2
-      '@esbuild/linux-loong64': 0.19.2
-      '@esbuild/linux-mips64el': 0.19.2
-      '@esbuild/linux-ppc64': 0.19.2
-      '@esbuild/linux-riscv64': 0.19.2
-      '@esbuild/linux-s390x': 0.19.2
-      '@esbuild/linux-x64': 0.19.2
-      '@esbuild/netbsd-x64': 0.19.2
-      '@esbuild/openbsd-x64': 0.19.2
-      '@esbuild/sunos-x64': 0.19.2
-      '@esbuild/win32-arm64': 0.19.2
-      '@esbuild/win32-ia32': 0.19.2
-      '@esbuild/win32-x64': 0.19.2
+      '@esbuild/android-arm': 0.19.5
+      '@esbuild/android-arm64': 0.19.5
+      '@esbuild/android-x64': 0.19.5
+      '@esbuild/darwin-arm64': 0.19.5
+      '@esbuild/darwin-x64': 0.19.5
+      '@esbuild/freebsd-arm64': 0.19.5
+      '@esbuild/freebsd-x64': 0.19.5
+      '@esbuild/linux-arm': 0.19.5
+      '@esbuild/linux-arm64': 0.19.5
+      '@esbuild/linux-ia32': 0.19.5
+      '@esbuild/linux-loong64': 0.19.5
+      '@esbuild/linux-mips64el': 0.19.5
+      '@esbuild/linux-ppc64': 0.19.5
+      '@esbuild/linux-riscv64': 0.19.5
+      '@esbuild/linux-s390x': 0.19.5
+      '@esbuild/linux-x64': 0.19.5
+      '@esbuild/netbsd-x64': 0.19.5
+      '@esbuild/openbsd-x64': 0.19.5
+      '@esbuild/sunos-x64': 0.19.5
+      '@esbuild/win32-arm64': 0.19.5
+      '@esbuild/win32-ia32': 0.19.5
+      '@esbuild/win32-x64': 0.19.5
 
   /escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
@@ -15184,7 +15519,7 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /eslint-config-airbnb-base@14.2.1(eslint-plugin-import@2.28.1)(eslint@7.32.0):
+  /eslint-config-airbnb-base@14.2.1(eslint-plugin-import@2.29.0)(eslint@7.32.0):
     resolution: {integrity: sha512-GOrQyDtVEc1Xy20U7vsB2yAoB4nBlfH5HZJeatRXHleO+OS5Ot+MWij4Dpltw4/DyIkqUfqz1epfhVR5XWWQPA==}
     engines: {node: '>= 6'}
     peerDependencies:
@@ -15193,17 +15528,17 @@ packages:
     dependencies:
       confusing-browser-globals: 1.0.11
       eslint: 7.32.0
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       object.assign: 4.1.4
       object.entries: 1.1.7
     dev: true
 
-  /eslint-config-airbnb-typescript@12.3.1(eslint-plugin-import@2.28.1)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0)(typescript@4.9.5):
+  /eslint-config-airbnb-typescript@12.3.1(eslint-plugin-import@2.29.0)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0)(typescript@4.9.5):
     resolution: {integrity: sha512-ql/Pe6/hppYuRp4m3iPaHJqkBB7dgeEmGPQ6X0UNmrQOfTF+dXw29/ZjU2kQ6RDoLxaxOA+Xqv07Vbef6oVTWw==}
     dependencies:
       '@typescript-eslint/parser': 4.33.0(eslint@7.32.0)(typescript@4.9.5)
-      eslint-config-airbnb: 18.2.1(eslint-plugin-import@2.28.1)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0)
-      eslint-config-airbnb-base: 14.2.1(eslint-plugin-import@2.28.1)(eslint@7.32.0)
+      eslint-config-airbnb: 18.2.1(eslint-plugin-import@2.29.0)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0)
+      eslint-config-airbnb-base: 14.2.1(eslint-plugin-import@2.29.0)(eslint@7.32.0)
     transitivePeerDependencies:
       - eslint
       - eslint-plugin-import
@@ -15214,7 +15549,7 @@ packages:
       - typescript
     dev: true
 
-  /eslint-config-airbnb@18.2.1(eslint-plugin-import@2.28.1)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0):
+  /eslint-config-airbnb@18.2.1(eslint-plugin-import@2.29.0)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0):
     resolution: {integrity: sha512-glZNDEZ36VdlZWoxn/bUR1r/sdFKPd1mHPbqUtkctgNG4yT2DLLtJ3D+yCV+jzZCc2V1nBVkmdknOJBZ5Hc0fg==}
     engines: {node: '>= 6'}
     peerDependencies:
@@ -15225,8 +15560,8 @@ packages:
       eslint-plugin-react-hooks: ^4 || ^3 || ^2.3.0 || ^1.7.0
     dependencies:
       eslint: 7.32.0
-      eslint-config-airbnb-base: 14.2.1(eslint-plugin-import@2.28.1)(eslint@7.32.0)
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
+      eslint-config-airbnb-base: 14.2.1(eslint-plugin-import@2.29.0)(eslint@7.32.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       eslint-plugin-jsx-a11y: 6.7.1(eslint@7.32.0)
       eslint-plugin-react: 7.33.2(eslint@7.32.0)
       eslint-plugin-react-hooks: 4.6.0(eslint@7.32.0)
@@ -15234,8 +15569,8 @@ packages:
       object.entries: 1.1.7
     dev: true
 
-  /eslint-config-next@13.5.1(eslint@7.32.0)(typescript@4.9.5):
-    resolution: {integrity: sha512-+8xIIWtD+iFwHfXgmXRGn05BuNIu/RAGcz6kI4wsJTPrE/1WtWKv2o0l+GbQ6wRaC+cbBV8+QnFAOf18aJiWrg==}
+  /eslint-config-next@13.5.6(eslint@7.32.0)(typescript@4.9.5):
+    resolution: {integrity: sha512-o8pQsUHTo9aHqJ2YiZDym5gQAMRf7O2HndHo/JZeY7TDD+W4hk6Ma8Vw54RHiBeb7OWWO5dPirQB+Is/aVQ7Kg==}
     peerDependencies:
       eslint: ^7.23.0 || ^8.0.0
       typescript: '>=3.3.1'
@@ -15243,13 +15578,13 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@next/eslint-plugin-next': 13.5.1
-      '@rushstack/eslint-patch': 1.3.3
+      '@next/eslint-plugin-next': 13.5.6
+      '@rushstack/eslint-patch': 1.5.1
       '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@4.9.5)
       eslint: 7.32.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@7.32.0)
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0)(eslint@7.32.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       eslint-plugin-jsx-a11y: 6.7.1(eslint@7.32.0)
       eslint-plugin-react: 7.33.2(eslint@7.32.0)
       eslint-plugin-react-hooks: 4.6.0(eslint@7.32.0)
@@ -15268,7 +15603,7 @@ packages:
       eslint: 7.32.0
     dev: true
 
-  /eslint-config-react-app@6.0.0(@typescript-eslint/eslint-plugin@5.62.0)(@typescript-eslint/parser@5.62.0)(babel-eslint@10.1.0)(eslint-plugin-flowtype@5.10.0)(eslint-plugin-import@2.28.1)(eslint-plugin-jest@24.7.0)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0)(typescript@4.9.5):
+  /eslint-config-react-app@6.0.0(@typescript-eslint/eslint-plugin@5.62.0)(@typescript-eslint/parser@5.62.0)(babel-eslint@10.1.0)(eslint-plugin-flowtype@5.10.0)(eslint-plugin-import@2.29.0)(eslint-plugin-jest@24.7.0)(eslint-plugin-jsx-a11y@6.7.1)(eslint-plugin-react-hooks@4.6.0)(eslint-plugin-react@7.33.2)(eslint@7.32.0)(typescript@4.9.5):
     resolution: {integrity: sha512-bpoAAC+YRfzq0dsTk+6v9aHm/uqnDwayNAXleMypGl6CpxI9oXXscVHo4fk3eJPIn+rsbtNetB4r/ZIidFIE8A==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -15298,7 +15633,7 @@ packages:
       confusing-browser-globals: 1.0.11
       eslint: 7.32.0
       eslint-plugin-flowtype: 5.10.0(eslint@7.32.0)
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       eslint-plugin-jest: 24.7.0(@typescript-eslint/eslint-plugin@5.62.0)(eslint@7.32.0)(typescript@4.9.5)
       eslint-plugin-jsx-a11y: 6.7.1(eslint@7.32.0)
       eslint-plugin-react: 7.33.2(eslint@7.32.0)
@@ -15324,13 +15659,13 @@ packages:
     resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
     dependencies:
       debug: 3.2.7
-      is-core-module: 2.13.0
-      resolve: 1.22.4
+      is-core-module: 2.13.1
+      resolve: 1.22.8
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.28.1)(eslint@7.32.0):
+  /eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.29.0)(eslint@7.32.0):
     resolution: {integrity: sha512-00UbgGwV8bSgUv34igBDbTOtKhqoRMy9bFjNehT40bXg6585PNIct8HhXZ0SybqB9rWtXj9crcku8ndDn/gIqQ==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -15339,17 +15674,17 @@ packages:
     dependencies:
       debug: 4.3.4
       eslint: 7.32.0
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       glob: 7.2.3
       is-glob: 4.0.3
-      resolve: 1.22.4
+      resolve: 1.22.8
       tsconfig-paths: 3.14.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-import-resolver-typescript@3.6.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@7.32.0):
-    resolution: {integrity: sha512-QTHR9ddNnn35RTxlaEnx2gCxqFlF2SEN0SE2d17SqwyM7YOSI2GHWRYp5BiRkObTUNYPupC/3Fq2a0PpT+EKpg==}
+  /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0)(eslint@7.32.0):
+    resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -15358,11 +15693,11 @@ packages:
       debug: 4.3.4
       enhanced-resolve: 5.15.0
       eslint: 7.32.0
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.0)(eslint@7.32.0)
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@7.32.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       fast-glob: 3.3.1
-      get-tsconfig: 4.7.0
-      is-core-module: 2.13.0
+      get-tsconfig: 4.7.2
+      is-core-module: 2.13.1
       is-glob: 4.0.3
     transitivePeerDependencies:
       - '@typescript-eslint/parser'
@@ -15371,7 +15706,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-loader@4.0.2(eslint@7.32.0)(webpack@5.88.2):
+  /eslint-loader@4.0.2(eslint@7.32.0)(webpack@5.89.0):
     resolution: {integrity: sha512-EDpXor6lsjtTzZpLUn7KmXs02+nIjGcgees9BYjNkWra3jVq5vVa8IoCKgzT2M7dNNeoMBtaSG83Bd40N3poLw==}
     engines: {node: '>= 10.13.0'}
     deprecated: This loader has been deprecated. Please use eslint-webpack-plugin
@@ -15385,7 +15720,7 @@ packages:
       loader-utils: 2.0.4
       object-hash: 2.2.0
       schema-utils: 2.7.1
-      webpack: 5.88.2(@swc/core@1.3.83)(esbuild@0.15.18)(webpack-cli@3.3.12)
+      webpack: 5.89.0(@swc/core@1.3.95)(esbuild@0.15.18)(webpack-cli@3.3.12)
     dev: true
 
   /eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0):
@@ -15413,12 +15748,12 @@ packages:
       debug: 3.2.7
       eslint: 7.32.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 2.7.1(eslint-plugin-import@2.28.1)(eslint@7.32.0)
+      eslint-import-resolver-typescript: 2.7.1(eslint-plugin-import@2.29.0)(eslint@7.32.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.0)(eslint@7.32.0):
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@7.32.0):
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -15443,7 +15778,7 @@ packages:
       debug: 3.2.7
       eslint: 7.32.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@7.32.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0)(eslint@7.32.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -15470,8 +15805,8 @@ packages:
       string-natural-compare: 3.0.1
     dev: true
 
-  /eslint-plugin-import@2.28.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0):
-    resolution: {integrity: sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==}
+  /eslint-plugin-import@2.29.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0):
+    resolution: {integrity: sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
@@ -15490,8 +15825,8 @@ packages:
       eslint: 7.32.0
       eslint-import-resolver-node: 0.3.9
       eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
-      has: 1.0.3
-      is-core-module: 2.13.0
+      hasown: 2.0.0
+      is-core-module: 2.13.1
       is-glob: 4.0.3
       minimatch: 3.1.2
       object.fromentries: 2.0.7
@@ -15529,17 +15864,17 @@ packages:
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       aria-query: 5.3.0
       array-includes: 3.1.7
       array.prototype.flatmap: 1.3.2
       ast-types-flow: 0.0.7
-      axe-core: 4.8.1
+      axe-core: 4.8.2
       axobject-query: 3.2.1
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
       eslint: 7.32.0
-      has: 1.0.3
+      has: 1.0.4
       jsx-ast-utils: 3.3.5
       language-tags: 1.0.5
       minimatch: 3.1.2
@@ -15559,7 +15894,7 @@ packages:
       eslint-utils: 2.1.0
       ignore: 5.2.4
       minimatch: 3.1.2
-      resolve: 1.22.4
+      resolve: 1.22.8
       semver: 6.3.1
     dev: true
 
@@ -15608,7 +15943,7 @@ packages:
       array.prototype.flatmap: 1.3.2
       array.prototype.tosorted: 1.1.2
       doctrine: 2.1.0
-      es-iterator-helpers: 1.0.14
+      es-iterator-helpers: 1.0.15
       eslint: 7.32.0
       estraverse: 5.3.0
       jsx-ast-utils: 3.3.5
@@ -15618,9 +15953,9 @@ packages:
       object.hasown: 1.1.3
       object.values: 1.1.7
       prop-types: 15.8.1
-      resolve: 2.0.0-next.4
+      resolve: 2.0.0-next.5
       semver: 6.3.1
-      string.prototype.matchall: 4.0.9
+      string.prototype.matchall: 4.0.10
     dev: true
 
   /eslint-plugin-unused-imports@2.0.0(@typescript-eslint/eslint-plugin@5.62.0)(eslint@7.32.0):
@@ -15776,7 +16111,7 @@ packages:
       file-entry-cache: 6.0.1
       functional-red-black-tree: 1.0.1
       glob-parent: 5.1.2
-      globals: 13.21.0
+      globals: 13.23.0
       ignore: 4.0.6
       import-fresh: 3.3.0
       imurmurhash: 0.1.4
@@ -15864,27 +16199,16 @@ packages:
     engines: {node: '>=4.0'}
     dev: true
 
-  /estree-to-babel@3.2.1:
-    resolution: {integrity: sha512-YNF+mZ/Wu2FU/gvmzuWtYc8rloubL7wfXCTgouFrnjGVXPA/EeYYA7pupXWrb3Iv1cTBeSSxxJIbK23l4MRNqg==}
-    engines: {node: '>=8.3.0'}
-    dependencies:
-      '@babel/traverse': 7.22.17
-      '@babel/types': 7.22.17
-      c8: 7.14.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /estree-util-attach-comments@2.1.1:
     resolution: {integrity: sha512-+5Ba/xGGS6mnwFbXIuQiDPTbuTxuMCooq3arVv7gPZtYpjp+VXH/NkHAP35OOefPhNG/UGqU3vt/LTABwcHX0w==}
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.4
     dev: false
 
   /estree-util-build-jsx@2.2.2:
     resolution: {integrity: sha512-m56vOXcOBuaF+Igpb9OPAy7f9w9OIkb5yhjsZuaPm7HoGi4oTOQi0h2+yZ+AtKklYFZ+rPC4n0wYCJCEU1ONqg==}
     dependencies:
-      '@types/estree-jsx': 1.0.0
+      '@types/estree-jsx': 1.0.2
       estree-util-is-identifier-name: 2.1.0
       estree-walker: 3.0.3
     dev: false
@@ -15900,7 +16224,7 @@ packages:
   /estree-util-to-js@1.2.0:
     resolution: {integrity: sha512-IzU74r1PK5IMMGZXUVZbmiu4A1uhiPgW5hm1GjcOfr4ZzHaMPpLNJjR7HjXiIOzi25nZDrgFTobHTkV5Q6ITjA==}
     dependencies:
-      '@types/estree-jsx': 1.0.0
+      '@types/estree-jsx': 1.0.2
       astring: 1.8.6
       source-map: 0.7.4
     dev: false
@@ -15915,8 +16239,8 @@ packages:
   /estree-util-visit@1.2.1:
     resolution: {integrity: sha512-xbgqcrkIVbIG+lI/gzbvd9SGTJL4zqJKBFttUl5pP27KhAjtMKbX/mQXJ7qgyXpMgVy/zvpm0xoQQaGL8OloOw==}
     dependencies:
-      '@types/estree-jsx': 1.0.0
-      '@types/unist': 2.0.8
+      '@types/estree-jsx': 1.0.2
+      '@types/unist': 2.0.9
     dev: false
 
   /estree-walker@2.0.2:
@@ -15926,7 +16250,7 @@ packages:
   /estree-walker@3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.4
     dev: false
 
   /esutils@2.0.3:
@@ -16228,7 +16552,7 @@ packages:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
-      flat-cache: 3.1.0
+      flat-cache: 3.1.1
     dev: true
 
   /file-system-cache@2.3.0:
@@ -16389,30 +16713,29 @@ packages:
       write: 1.0.3
     dev: true
 
-  /flat-cache@3.1.0:
-    resolution: {integrity: sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==}
+  /flat-cache@3.1.1:
+    resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==}
     engines: {node: '>=12.0.0'}
     dependencies:
-      flatted: 3.2.7
-      keyv: 4.5.3
+      flatted: 3.2.9
+      keyv: 4.5.4
       rimraf: 3.0.2
     dev: true
 
   /flat@5.0.2:
     resolution: {integrity: sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==}
     hasBin: true
-    dev: false
 
   /flatted@2.0.2:
     resolution: {integrity: sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==}
     dev: true
 
-  /flatted@3.2.7:
-    resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
+  /flatted@3.2.9:
+    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
     dev: true
 
-  /flow-parser@0.216.1:
-    resolution: {integrity: sha512-wstw46/C/8bRv/8RySCl15lK376j8DHxm41xFjD9eVL+jSS1UmVpbdLdA0LzGuS2v5uGgQiBLEj6mgSJQwW+MA==}
+  /flow-parser@0.220.0:
+    resolution: {integrity: sha512-Fks+nOCqhorp4NpAtAxf09UaR/9xDf3AnU1UkWczmpneoHh06Y3AoEA4tIe2HbYrOHT9JArUgDZpCFhP4clo1A==}
     engines: {node: '>=0.4.0'}
     dev: true
 
@@ -16434,14 +16757,6 @@ packages:
       for-in: 1.0.2
     dev: true
 
-  /foreground-child@2.0.0:
-    resolution: {integrity: sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==}
-    engines: {node: '>=8.0.0'}
-    dependencies:
-      cross-spawn: 7.0.3
-      signal-exit: 3.0.7
-    dev: true
-
   /foreground-child@3.1.1:
     resolution: {integrity: sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==}
     engines: {node: '>=14'}
@@ -16455,15 +16770,6 @@ packages:
     engines: {node: '>= 14.17'}
     dev: true
 
-  /form-data@3.0.1:
-    resolution: {integrity: sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==}
-    engines: {node: '>= 6'}
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      mime-types: 2.1.35
-    dev: true
-
   /form-data@4.0.0:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
@@ -16489,13 +16795,13 @@ packages:
     engines: {node: '>= 0.6'}
     dev: true
 
-  /fp-and-or@0.1.3:
-    resolution: {integrity: sha512-wJaE62fLaB3jCYvY2ZHjZvmKK2iiLiiehX38rz5QZxtdN8fVPJDeZUiVvJrHStdTc+23LHlyZuSEKgFc0pxi2g==}
+  /fp-and-or@0.1.4:
+    resolution: {integrity: sha512-+yRYRhpnFPWXSly/6V4Lw9IfOV26uu30kynGJ03PW+MnjOEQe45RZ141QcS0aJehYBYA50GfCDnsRbFJdhssRw==}
     engines: {node: '>=10'}
     dev: true
 
-  /fraction.js@4.3.6:
-    resolution: {integrity: sha512-n2aZ9tNfYDwaHhvFTkhFErqOMIb8uyzSQ+vGJBjZyanAKZVbGUQ1sngfk9FdkBw7G26O7AgNjLcecLffD1c7eg==}
+  /fraction.js@4.3.7:
+    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
     dev: true
 
   /fragment-cache@0.2.1:
@@ -16536,7 +16842,7 @@ packages:
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 6.1.0
-      universalify: 2.0.0
+      universalify: 2.0.1
     dev: true
 
   /fs-extra@11.1.1:
@@ -16545,7 +16851,7 @@ packages:
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 6.1.0
-      universalify: 2.0.0
+      universalify: 2.0.1
     dev: true
 
   /fs-extra@7.0.1:
@@ -16577,11 +16883,11 @@ packages:
     resolution: {integrity: sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
-      minipass: 7.0.3
+      minipass: 7.0.4
     dev: true
 
-  /fs-monkey@1.0.4:
-    resolution: {integrity: sha512-INM/fWAxMICjttnD0DX1rBvinKskj5G1w+oy/pnm9u/tSlnBrzFonJMcalKJ30P8RRsPzKcCG7Q8l0jx5Fh9YQ==}
+  /fs-monkey@1.0.5:
+    resolution: {integrity: sha512-8uMbBjrhzW76TYgEV27Y5E//W2f/lTFmx78P2w19FZSxarhI/798APGQyuGCwmkNxgwGRhrLfvWyLBvNtuOmew==}
     dev: false
 
   /fs-readdir-recursive@1.1.0:
@@ -16598,16 +16904,16 @@ packages:
     requiresBuild: true
     optional: true
 
-  /function-bind@1.1.1:
-    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
+  /function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
   /function.prototype.name@1.1.6:
     resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
       functions-have-names: 1.2.3
     dev: true
 
@@ -16641,13 +16947,13 @@ packages:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
 
-  /get-intrinsic@1.2.1:
-    resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==}
+  /get-intrinsic@1.2.2:
+    resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==}
     dependencies:
-      function-bind: 1.1.1
-      has: 1.0.3
+      function-bind: 1.1.2
       has-proto: 1.0.1
       has-symbols: 1.0.3
+      hasown: 2.0.0
     dev: true
 
   /get-nonce@1.0.1:
@@ -16693,12 +16999,12 @@ packages:
     resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
     dev: true
 
-  /get-tsconfig@4.7.0:
-    resolution: {integrity: sha512-pmjiZ7xtB8URYm74PlGJozDNyhvsVLUcpBa8DZBG3bWHwaHa9bPiRpiSfovw+fjhwONSCWKRyk+JQHEGZmMrzw==}
+  /get-tsconfig@4.7.2:
+    resolution: {integrity: sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==}
     dependencies:
       resolve-pkg-maps: 1.0.0
     dev: true
@@ -16708,15 +17014,15 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /giget@1.1.2:
-    resolution: {integrity: sha512-HsLoS07HiQ5oqvObOI+Qb2tyZH4Gj5nYGfF9qQcZNrPw+uEFhdXtgJr01aO2pWadGHucajYDLxxbtQkm97ON2A==}
+  /giget@1.1.3:
+    resolution: {integrity: sha512-zHuCeqtfgqgDwvXlR84UNgnJDuUHQcNI5OqWqFxxuk2BshuKbYhJWdxBsEo4PvKqoGh23lUAIvBNpChMLv7/9Q==}
     hasBin: true
     dependencies:
       colorette: 2.0.20
-      defu: 6.1.2
-      https-proxy-agent: 5.0.1
+      defu: 6.1.3
+      https-proxy-agent: 7.0.2
       mri: 1.2.0
-      node-fetch-native: 1.4.0
+      node-fetch-native: 1.4.1
       pathe: 1.1.1
       tar: 6.2.0
     transitivePeerDependencies:
@@ -16771,15 +17077,15 @@ packages:
   /glob-to-regexp@0.4.1:
     resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
 
-  /glob@10.3.4:
-    resolution: {integrity: sha512-6LFElP3A+i/Q8XQKEvZjkEWEOTgAIALR9AO2rwT8bgPhDd1anmqDJDZ6lLddI4ehxxxR1S5RIqKe1uapMQfYaQ==}
+  /glob@10.3.10:
+    resolution: {integrity: sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==}
     engines: {node: '>=16 || 14 >=14.17'}
     hasBin: true
     dependencies:
       foreground-child: 3.1.1
-      jackspeak: 2.3.3
+      jackspeak: 2.3.6
       minimatch: 9.0.3
-      minipass: 7.0.3
+      minipass: 7.0.4
       path-scurry: 1.10.1
     dev: true
 
@@ -16879,8 +17185,8 @@ packages:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
     engines: {node: '>=4'}
 
-  /globals@13.21.0:
-    resolution: {integrity: sha512-ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==}
+  /globals@13.23.0:
+    resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==}
     engines: {node: '>=8'}
     dependencies:
       type-fest: 0.20.2
@@ -16890,7 +17196,7 @@ packages:
     resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      define-properties: 1.2.0
+      define-properties: 1.2.1
     dev: true
 
   /globby@11.1.0:
@@ -16927,7 +17233,7 @@ packages:
   /gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
     dependencies:
-      get-intrinsic: 1.2.1
+      get-intrinsic: 1.2.2
     dev: true
 
   /got@12.6.1:
@@ -16937,7 +17243,7 @@ packages:
       '@sindresorhus/is': 5.6.0
       '@szmarczak/http-timer': 5.0.1
       cacheable-lookup: 7.0.0
-      cacheable-request: 10.2.13
+      cacheable-request: 10.2.14
       decompress-response: 6.0.0
       form-data-encoder: 2.1.4
       get-stream: 6.0.1
@@ -17053,10 +17359,10 @@ packages:
     engines: {node: '>=8'}
     dev: false
 
-  /has-property-descriptors@1.0.0:
-    resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
+  /has-property-descriptors@1.0.1:
+    resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==}
     dependencies:
-      get-intrinsic: 1.2.1
+      get-intrinsic: 1.2.2
     dev: true
 
   /has-proto@1.0.1:
@@ -17116,11 +17422,10 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dev: true
 
-  /has@1.0.3:
-    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
+  /has@1.0.4:
+    resolution: {integrity: sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==}
     engines: {node: '>= 0.4.0'}
-    dependencies:
-      function-bind: 1.1.1
+    dev: true
 
   /hash-obj@4.0.0:
     resolution: {integrity: sha512-FwO1BUVWkyHasWDW4S8o0ssQXjvyghLV2rfVhnN36b2bbcj45eGiuzdn9XOvOpjV3TKQD7Gm2BWNXdE9V4KKYg==}
@@ -17131,10 +17436,16 @@ packages:
       type-fest: 1.4.0
     dev: false
 
-  /hash-wasm@4.9.0:
-    resolution: {integrity: sha512-7SW7ejyfnRxuOc7ptQHSf4LDoZaWOivfzqw+5rpcQku0nHfmicPKE51ra9BiRLAmT8+gGLestr1XroUkqdjL6w==}
+  /hash-wasm@4.10.0:
+    resolution: {integrity: sha512-a0NjBNWjavvMalm/pPSEJ00MPDjRG8rv9D5BK7dBQTLGwAOVWqnTEUggaYs5szATB5UK5ULeIQr7QJXbczAZYA==}
     dev: false
 
+  /hasown@2.0.0:
+    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      function-bind: 1.1.2
+
   /hast-util-from-parse5@6.0.1:
     resolution: {integrity: sha512-jeJUWiN5pSxW12Rh01smtVkZgZr33wBokLzKLwinYOUfSzm1Nl/c3GUGebDyOKjdsRgMvoVbV0VpAcpjF4NrJA==}
     dependencies:
@@ -17149,10 +17460,10 @@ packages:
   /hast-util-from-parse5@7.1.2:
     resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
     dependencies:
-      '@types/hast': 2.3.5
-      '@types/unist': 2.0.8
+      '@types/hast': 2.3.7
+      '@types/unist': 2.0.9
       hastscript: 7.2.0
-      property-information: 6.3.0
+      property-information: 6.4.0
       vfile: 5.3.7
       vfile-location: 4.1.0
       web-namespaces: 2.0.1
@@ -17165,7 +17476,7 @@ packages:
   /hast-util-heading-rank@2.1.1:
     resolution: {integrity: sha512-iAuRp+ESgJoRFJbSyaqsfvJDY6zzmFoEnL1gtz1+U8gKtGGj1p0CVlysuUAUjq95qlZESHINLThwJzNGmgGZxA==}
     dependencies:
-      '@types/hast': 2.3.5
+      '@types/hast': 2.3.7
     dev: false
 
   /hast-util-is-element@1.1.0:
@@ -17179,13 +17490,13 @@ packages:
   /hast-util-parse-selector@3.1.1:
     resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==}
     dependencies:
-      '@types/hast': 2.3.5
+      '@types/hast': 2.3.7
     dev: false
 
   /hast-util-raw@7.2.3:
     resolution: {integrity: sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==}
     dependencies:
-      '@types/hast': 2.3.5
+      '@types/hast': 2.3.7
       '@types/parse5': 6.0.3
       hast-util-from-parse5: 7.1.2
       hast-util-to-parse5: 7.1.0
@@ -17201,19 +17512,19 @@ packages:
   /hast-util-to-estree@2.3.3:
     resolution: {integrity: sha512-ihhPIUPxN0v0w6M5+IiAZZrn0LH2uZomeWwhn7uP7avZC6TE7lIiEh2yBMPr5+zi1aUCXq6VoYRgs2Bw9xmycQ==}
     dependencies:
-      '@types/estree': 1.0.1
-      '@types/estree-jsx': 1.0.0
-      '@types/hast': 2.3.5
-      '@types/unist': 2.0.8
+      '@types/estree': 1.0.4
+      '@types/estree-jsx': 1.0.2
+      '@types/hast': 2.3.7
+      '@types/unist': 2.0.9
       comma-separated-tokens: 2.0.3
       estree-util-attach-comments: 2.1.1
       estree-util-is-identifier-name: 2.1.0
       hast-util-whitespace: 2.0.1
       mdast-util-mdx-expression: 1.3.2
       mdast-util-mdxjs-esm: 1.3.1
-      property-information: 6.3.0
+      property-information: 6.4.0
       space-separated-tokens: 2.0.2
-      style-to-object: 0.4.2
+      style-to-object: 0.4.4
       unist-util-position: 4.0.4
       zwitch: 2.0.4
     transitivePeerDependencies:
@@ -17238,14 +17549,14 @@ packages:
   /hast-util-to-html@8.0.4:
     resolution: {integrity: sha512-4tpQTUOr9BMjtYyNlt0P50mH7xj0Ks2xpo8M943Vykljf99HW6EzulIoJP1N3eKOSScEHzyzi9dm7/cn0RfGwA==}
     dependencies:
-      '@types/hast': 2.3.5
-      '@types/unist': 2.0.8
+      '@types/hast': 2.3.7
+      '@types/unist': 2.0.9
       ccount: 2.0.1
       comma-separated-tokens: 2.0.3
       hast-util-raw: 7.2.3
       hast-util-whitespace: 2.0.1
       html-void-elements: 2.0.1
-      property-information: 6.3.0
+      property-information: 6.4.0
       space-separated-tokens: 2.0.2
       stringify-entities: 4.0.3
       zwitch: 2.0.4
@@ -17254,9 +17565,9 @@ packages:
   /hast-util-to-parse5@7.1.0:
     resolution: {integrity: sha512-YNRgAJkH2Jky5ySkIqFXTQiaqcAtJyVE+D5lkN6CdtOqrnkLfGYYrEcKuHOJZlp+MwjSwuD3fZuawI+sic/RBw==}
     dependencies:
-      '@types/hast': 2.3.5
+      '@types/hast': 2.3.7
       comma-separated-tokens: 2.0.3
-      property-information: 6.3.0
+      property-information: 6.4.0
       space-separated-tokens: 2.0.2
       web-namespaces: 2.0.1
       zwitch: 2.0.4
@@ -17269,7 +17580,7 @@ packages:
   /hast-util-to-string@2.0.0:
     resolution: {integrity: sha512-02AQ3vLhuH3FisaMM+i/9sm4OXGSq1UhOOCpTLLQtHdL3tZt7qil69r8M8iDkZYyC0HCFylcYoP+8IO7ddta1A==}
     dependencies:
-      '@types/hast': 2.3.5
+      '@types/hast': 2.3.7
     dev: false
 
   /hast-util-whitespace@1.0.4:
@@ -17283,7 +17594,7 @@ packages:
   /hastscript@6.0.0:
     resolution: {integrity: sha512-nDM6bvd7lIqDUiYEiu5Sl/+6ReP0BMk/2f4U/Rooccxkj0P5nm+acM5PrGJ/t5I8qPGiqZSE6hVAwZEdZIvP4w==}
     dependencies:
-      '@types/hast': 2.3.5
+      '@types/hast': 2.3.7
       comma-separated-tokens: 1.0.8
       hast-util-parse-selector: 2.2.5
       property-information: 5.6.0
@@ -17293,10 +17604,10 @@ packages:
   /hastscript@7.2.0:
     resolution: {integrity: sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==}
     dependencies:
-      '@types/hast': 2.3.5
+      '@types/hast': 2.3.7
       comma-separated-tokens: 2.0.3
       hast-util-parse-selector: 3.1.1
-      property-information: 6.3.0
+      property-information: 6.4.0
       space-separated-tokens: 2.0.2
     dev: false
 
@@ -17363,8 +17674,8 @@ packages:
     resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
     dev: false
 
-  /htmlnano@2.0.4(svgo@2.8.0)(typescript@4.9.5):
-    resolution: {integrity: sha512-WGCkyGFwjKW1GeCBsPYacMvaMnZtFJ0zIRnC2NCddkA+IOEhTqskXrS7lep+3yYZw/nQ3dW1UAX4yA/GJyR8BA==}
+  /htmlnano@2.1.0(svgo@2.8.0)(typescript@4.9.5):
+    resolution: {integrity: sha512-jVGRE0Ep9byMBKEu0Vxgl8dhXYOUk0iNQ2pjsG+BcRB0u0oDF5A9p/iBGMg/PGKYUyMD0OAGu8dVT5Lzj8S58g==}
     peerDependencies:
       cssnano: ^6.0.0
       postcss: ^8.3.11
@@ -17392,7 +17703,7 @@ packages:
       uncss:
         optional: true
     dependencies:
-      cosmiconfig: 8.3.4(typescript@4.9.5)
+      cosmiconfig: 8.3.6(typescript@4.9.5)
       posthtml: 0.16.6
       svgo: 2.8.0
       timsort: 0.3.0
@@ -17463,6 +17774,16 @@ packages:
       - supports-color
     dev: true
 
+  /https-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==}
+    engines: {node: '>= 14'}
+    dependencies:
+      agent-base: 7.1.0
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /human-id@1.0.2:
     resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==}
     dev: true
@@ -17569,6 +17890,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /infer-owner@1.0.4:
+    resolution: {integrity: sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==}
+    dev: true
+
   /inflection@2.0.1:
     resolution: {integrity: sha512-wzkZHqpb4eGrOKBl34xy3umnYHx8Si5R1U4fwmdxLo5gdH6mEK8gclckTj/qWqy4Je0bsDYe/qazZYuO7xe3XQ==}
     engines: {node: '>=14.0.0'}
@@ -17640,12 +17965,12 @@ packages:
       wrap-ansi: 6.2.0
     dev: true
 
-  /internal-slot@1.0.5:
-    resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==}
+  /internal-slot@1.0.6:
+    resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: 1.2.1
-      has: 1.0.3
+      get-intrinsic: 1.2.2
+      hasown: 2.0.0
       side-channel: 1.0.4
     dev: true
 
@@ -17662,12 +17987,12 @@ packages:
     resolution: {integrity: sha512-fn4bQ0Xq8FTej09YC/jqKZwtijpvARlRp6wxL5WTA6yPe2YWSJ5RJh7Nm79rK2qB0wr6iDQzH60XGq5V/7u8YQ==}
     dev: false
 
-  /intl-messageformat@10.5.1:
-    resolution: {integrity: sha512-irEmjxHq0f1MHviQr3Q4ToF9EgYbnXDq2/R9MRTTveGKHgy6VZ29hQxswu4trqWaX7T6njKxSoKVG92OSz0U5Q==}
+  /intl-messageformat@10.5.4:
+    resolution: {integrity: sha512-z+hrFdiJ/heRYlzegrdFYqU1m/KOMOVMqNilIArj+PbsuU8TNE7v4TWdQgSoxlxbT4AcZH3Op3/Fu15QTp+W1w==}
     dependencies:
-      '@formatjs/ecma402-abstract': 1.17.1
+      '@formatjs/ecma402-abstract': 1.17.2
       '@formatjs/fast-memoize': 2.2.0
-      '@formatjs/icu-messageformat-parser': 2.6.1
+      '@formatjs/icu-messageformat-parser': 2.7.0
       tslib: 2.6.2
 
   /invariant@2.2.4:
@@ -17697,18 +18022,11 @@ packages:
       is-windows: 1.0.2
     dev: true
 
-  /is-accessor-descriptor@0.1.6:
-    resolution: {integrity: sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==}
-    engines: {node: '>=0.10.0'}
+  /is-accessor-descriptor@1.0.1:
+    resolution: {integrity: sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==}
+    engines: {node: '>= 0.10'}
     dependencies:
-      kind-of: 3.2.2
-    dev: true
-
-  /is-accessor-descriptor@1.0.0:
-    resolution: {integrity: sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      kind-of: 6.0.3
+      hasown: 2.0.0
     dev: true
 
   /is-alphabetical@1.0.4:
@@ -17737,15 +18055,15 @@ packages:
     resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.5
       has-tostringtag: 1.0.0
     dev: true
 
   /is-array-buffer@3.0.2:
     resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
       is-typed-array: 1.1.12
     dev: true
 
@@ -17780,7 +18098,7 @@ packages:
     resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.5
       has-tostringtag: 1.0.0
     dev: true
 
@@ -17801,26 +18119,19 @@ packages:
     resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
     hasBin: true
     dependencies:
-      ci-info: 3.8.0
+      ci-info: 3.9.0
     dev: true
 
-  /is-core-module@2.13.0:
-    resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==}
+  /is-core-module@2.13.1:
+    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
     dependencies:
-      has: 1.0.3
+      hasown: 2.0.0
 
-  /is-data-descriptor@0.1.4:
-    resolution: {integrity: sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==}
-    engines: {node: '>=0.10.0'}
+  /is-data-descriptor@1.0.1:
+    resolution: {integrity: sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==}
+    engines: {node: '>= 0.4'}
     dependencies:
-      kind-of: 3.2.2
-    dev: true
-
-  /is-data-descriptor@1.0.0:
-    resolution: {integrity: sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      kind-of: 6.0.3
+      hasown: 2.0.0
     dev: true
 
   /is-date-object@1.0.5:
@@ -17842,22 +18153,20 @@ packages:
     resolution: {integrity: sha512-YDoFpuZWu1VRXlsnlYMzKyVRITXj7Ej/V9gXQ2/pAe7X1J7M/RNOqaIYi6qUn+B7nGyB9pDXrv02dsB58d2ZAQ==}
     dev: true
 
-  /is-descriptor@0.1.6:
-    resolution: {integrity: sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==}
-    engines: {node: '>=0.10.0'}
+  /is-descriptor@0.1.7:
+    resolution: {integrity: sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==}
+    engines: {node: '>= 0.4'}
     dependencies:
-      is-accessor-descriptor: 0.1.6
-      is-data-descriptor: 0.1.4
-      kind-of: 5.1.0
+      is-accessor-descriptor: 1.0.1
+      is-data-descriptor: 1.0.1
     dev: true
 
-  /is-descriptor@1.0.2:
-    resolution: {integrity: sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==}
-    engines: {node: '>=0.10.0'}
+  /is-descriptor@1.0.3:
+    resolution: {integrity: sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==}
+    engines: {node: '>= 0.4'}
     dependencies:
-      is-accessor-descriptor: 1.0.0
-      is-data-descriptor: 1.0.0
-      kind-of: 6.0.3
+      is-accessor-descriptor: 1.0.1
+      is-data-descriptor: 1.0.1
     dev: true
 
   /is-docker@2.2.1:
@@ -17884,7 +18193,7 @@ packages:
   /is-finalizationregistry@1.0.2:
     resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.5
     dev: true
 
   /is-fullwidth-code-point@2.0.0:
@@ -17966,8 +18275,8 @@ packages:
     resolution: {integrity: sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
+      call-bind: 1.0.5
+      define-properties: 1.2.1
     dev: true
 
   /is-negative-zero@2.0.2:
@@ -18065,17 +18374,17 @@ packages:
     resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
     dev: true
 
-  /is-reference@3.0.1:
-    resolution: {integrity: sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==}
+  /is-reference@3.0.2:
+    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.4
     dev: false
 
   /is-regex@1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.5
       has-tostringtag: 1.0.0
     dev: true
 
@@ -18093,7 +18402,7 @@ packages:
   /is-shared-array-buffer@1.0.2:
     resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.5
     dev: true
 
   /is-stream@2.0.1:
@@ -18138,7 +18447,7 @@ packages:
     resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      which-typed-array: 1.1.11
+      which-typed-array: 1.1.13
     dev: true
 
   /is-typedarray@1.0.0:
@@ -18169,14 +18478,14 @@ packages:
   /is-weakref@1.0.2:
     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.5
     dev: true
 
   /is-weakset@2.0.2:
     resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==}
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
     dev: true
 
   /is-windows@1.0.2:
@@ -18234,8 +18543,8 @@ packages:
     resolution: {integrity: sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==}
     engines: {node: '>=8'}
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/parser': 7.22.16
+      '@babel/core': 7.23.2
+      '@babel/parser': 7.23.0
       '@istanbuljs/schema': 0.1.3
       istanbul-lib-coverage: 3.2.0
       semver: 6.3.1
@@ -18271,17 +18580,18 @@ packages:
       istanbul-lib-report: 3.0.1
     dev: true
 
-  /iterator.prototype@1.1.1:
-    resolution: {integrity: sha512-9E+nePc8C9cnQldmNl6bgpTY6zI4OPRZd97fhJ/iVZ1GifIUDVV5F6x1nEDqpe8KaMEZGT4xgrwKQDxXnjOIZQ==}
+  /iterator.prototype@1.1.2:
+    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
     dependencies:
-      define-properties: 1.2.0
-      get-intrinsic: 1.2.1
+      define-properties: 1.2.1
+      get-intrinsic: 1.2.2
       has-symbols: 1.0.3
       reflect.getprototypeof: 1.0.4
+      set-function-name: 2.0.1
     dev: true
 
-  /jackspeak@2.3.3:
-    resolution: {integrity: sha512-R2bUw+kVZFS/h1AZqBKrSgDmdmjApzgY0AlCPumopFiAlbUxE2gf+SCuBzQ0cP5hHmUmFYF5yw55T97Th5Kstg==}
+  /jackspeak@2.3.6:
+    resolution: {integrity: sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==}
     engines: {node: '>=14'}
     dependencies:
       '@isaacs/cliui': 8.0.2
@@ -18375,13 +18685,13 @@ packages:
       ts-node:
         optional: true
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       '@jest/test-sequencer': 28.1.3
       '@jest/types': 28.1.3
       '@types/node': 15.14.9
-      babel-jest: 28.1.3(@babel/core@7.22.17)
+      babel-jest: 28.1.3(@babel/core@7.23.2)
       chalk: 4.1.2
-      ci-info: 3.8.0
+      ci-info: 3.9.0
       deepmerge: 4.3.1
       glob: 7.2.3
       graceful-fs: 4.2.11
@@ -18398,7 +18708,7 @@ packages:
       pretty-format: 28.1.3
       slash: 3.0.0
       strip-json-comments: 3.1.1
-      ts-node: 10.9.1(@swc/core@1.3.83)(@types/node@15.14.9)(typescript@4.9.5)
+      ts-node: 10.9.1(@swc/core@1.3.95)(@types/node@15.14.9)(typescript@4.9.5)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -18472,7 +18782,7 @@ packages:
     engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0}
     dependencies:
       '@jest/types': 28.1.3
-      '@types/graceful-fs': 4.1.6
+      '@types/graceful-fs': 4.1.8
       '@types/node': 15.14.9
       anymatch: 3.1.3
       fb-watchman: 2.0.2
@@ -18486,19 +18796,19 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /jest-haste-map@29.6.4:
-    resolution: {integrity: sha512-12Ad+VNTDHxKf7k+M65sviyynRoZYuL1/GTuhEVb8RYsNSNln71nANRb/faSyWvx0j+gHcivChXHIoMJrGYjog==}
+  /jest-haste-map@29.7.0:
+    resolution: {integrity: sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
       '@jest/types': 29.6.3
-      '@types/graceful-fs': 4.1.6
-      '@types/node': 15.14.9
+      '@types/graceful-fs': 4.1.8
+      '@types/node': 20.2.5
       anymatch: 3.1.3
       fb-watchman: 2.0.2
       graceful-fs: 4.2.11
       jest-regex-util: 29.6.3
-      jest-util: 29.6.3
-      jest-worker: 29.6.4
+      jest-util: 29.7.0
+      jest-worker: 29.7.0
       micromatch: 4.0.5
       walker: 1.0.8
     optionalDependencies:
@@ -18529,7 +18839,7 @@ packages:
     dependencies:
       '@babel/code-frame': 7.22.13
       '@jest/types': 28.1.3
-      '@types/stack-utils': 2.0.1
+      '@types/stack-utils': 2.0.2
       chalk: 4.1.2
       graceful-fs: 4.2.11
       micromatch: 4.0.5
@@ -18588,7 +18898,7 @@ packages:
       jest-pnp-resolver: 1.2.3(jest-resolve@28.1.3)
       jest-util: 28.1.3
       jest-validate: 28.1.3
-      resolve: 1.22.4
+      resolve: 1.22.8
       resolve.exports: 1.1.1
       slash: 3.0.0
     dev: true
@@ -18656,17 +18966,17 @@ packages:
     resolution: {integrity: sha512-4lzMgtiNlc3DU/8lZfmqxN3AYD6GGLbl+72rdBpXvcV+whX7mDrREzkPdp2RnmfIiWBg1YbuFSkXduF2JcafJg==}
     engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0}
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/generator': 7.22.15
-      '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.22.17)
-      '@babel/traverse': 7.22.17
-      '@babel/types': 7.22.17
+      '@babel/core': 7.23.2
+      '@babel/generator': 7.23.0
+      '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.23.2)
+      '@babel/traverse': 7.23.2
+      '@babel/types': 7.23.0
       '@jest/expect-utils': 28.1.3
       '@jest/transform': 28.1.3
       '@jest/types': 28.1.3
-      '@types/babel__traverse': 7.20.1
+      '@types/babel__traverse': 7.20.3
       '@types/prettier': 2.7.3
-      babel-preset-current-node-syntax: 1.0.1(@babel/core@7.22.17)
+      babel-preset-current-node-syntax: 1.0.1(@babel/core@7.23.2)
       chalk: 4.1.2
       expect: 28.1.3
       graceful-fs: 4.2.11
@@ -18690,19 +19000,19 @@ packages:
       '@jest/types': 28.1.3
       '@types/node': 15.14.9
       chalk: 4.1.2
-      ci-info: 3.8.0
+      ci-info: 3.9.0
       graceful-fs: 4.2.11
       picomatch: 2.3.1
     dev: true
 
-  /jest-util@29.6.3:
-    resolution: {integrity: sha512-QUjna/xSy4B32fzcKTSz1w7YYzgiHrjjJjevdRf61HYk998R5vVMMNmrHESYZVDS5DSWs+1srPLPKxXPkeSDOA==}
+  /jest-util@29.7.0:
+    resolution: {integrity: sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 15.14.9
+      '@types/node': 20.2.5
       chalk: 4.1.2
-      ci-info: 3.8.0
+      ci-info: 3.9.0
       graceful-fs: 4.2.11
       picomatch: 2.3.1
     dev: true
@@ -18767,12 +19077,12 @@ packages:
       supports-color: 8.1.1
     dev: true
 
-  /jest-worker@29.6.4:
-    resolution: {integrity: sha512-6dpvFV4WjcWbDVGgHTWo/aupl8/LbBx2NSKfiwqf79xC/yeJjKHT1+StcKy/2KTmW16hE68ccKVOtXf+WZGz7Q==}
+  /jest-worker@29.7.0:
+    resolution: {integrity: sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
-      '@types/node': 15.14.9
-      jest-util: 29.6.3
+      '@types/node': 20.2.5
+      jest-util: 29.7.0
       merge-stream: 2.0.0
       supports-color: 8.1.1
     dev: true
@@ -18797,16 +19107,16 @@ packages:
       - ts-node
     dev: true
 
-  /jiti@1.20.0:
-    resolution: {integrity: sha512-3TV69ZbrvV6U5DfQimop50jE9Dl6J8O1ja1dvBbMba/sZ3YBEQqJ2VZRoQPVnhlzjNtU1vaXRZVrVjU4qtm8yA==}
+  /jiti@1.21.0:
+    resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==}
     hasBin: true
 
   /jju@1.4.0:
     resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
     dev: true
 
-  /joi@17.10.1:
-    resolution: {integrity: sha512-vIiDxQKmRidUVp8KngT8MZSOcmRVm2zV7jbMjNYWuHcJWI0bUck3nRTGQjhpPlQenIQIBC5Vp9AhcnHbWQqafw==}
+  /joi@17.11.0:
+    resolution: {integrity: sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==}
     dependencies:
       '@hapi/hoek': 9.3.0
       '@hapi/topo': 5.1.0
@@ -18840,25 +19150,25 @@ packages:
     resolution: {integrity: sha512-SnZNcinB4RIcnEyZqFPdGPVgrg2AcnykiBy0sHVJQKHYeaLUvi3Exj+iaPpLnFVkDPZIV4U0yvgC9/R4uEAZ9g==}
     dev: false
 
-  /jscodeshift@0.14.0(@babel/preset-env@7.22.15):
+  /jscodeshift@0.14.0(@babel/preset-env@7.23.2):
     resolution: {integrity: sha512-7eCC1knD7bLUPuSCwXsMZUH51O8jIcoVyKtI6P0XM0IVzlGjckPy3FIwQlorzbN0Sg79oK+RlohN32Mqf/lrYA==}
     hasBin: true
     peerDependencies:
       '@babel/preset-env': ^7.1.6
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/parser': 7.22.16
-      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.22.17)
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.22.17)
-      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.22.17)
-      '@babel/plugin-transform-modules-commonjs': 7.22.15(@babel/core@7.22.17)
-      '@babel/preset-env': 7.22.15(@babel/core@7.22.17)
-      '@babel/preset-flow': 7.22.15(@babel/core@7.22.17)
-      '@babel/preset-typescript': 7.22.15(@babel/core@7.22.17)
-      '@babel/register': 7.22.15(@babel/core@7.22.17)
-      babel-core: 7.0.0-bridge.0(@babel/core@7.22.17)
+      '@babel/core': 7.23.2
+      '@babel/parser': 7.23.0
+      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.23.2)
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.23.2)
+      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.23.2)
+      '@babel/plugin-transform-modules-commonjs': 7.23.0(@babel/core@7.23.2)
+      '@babel/preset-env': 7.23.2(@babel/core@7.23.2)
+      '@babel/preset-flow': 7.22.15(@babel/core@7.23.2)
+      '@babel/preset-typescript': 7.23.2(@babel/core@7.23.2)
+      '@babel/register': 7.22.15(@babel/core@7.23.2)
+      babel-core: 7.0.0-bridge.0(@babel/core@7.23.2)
       chalk: 4.1.2
-      flow-parser: 0.216.1
+      flow-parser: 0.220.0
       graceful-fs: 4.2.11
       micromatch: 4.0.5
       neo-async: 2.6.2
@@ -18880,7 +19190,7 @@ packages:
         optional: true
     dependencies:
       abab: 2.0.6
-      acorn: 8.10.0
+      acorn: 8.11.2
       acorn-globals: 6.0.0
       cssom: 0.5.0
       cssstyle: 2.3.0
@@ -18904,7 +19214,7 @@ packages:
       whatwg-encoding: 2.0.0
       whatwg-mimetype: 3.0.0
       whatwg-url: 10.0.0
-      ws: 8.14.1
+      ws: 8.14.2
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - bufferutil
@@ -18980,7 +19290,7 @@ packages:
   /jsonfile@6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
     dependencies:
-      universalify: 2.0.0
+      universalify: 2.0.1
     optionalDependencies:
       graceful-fs: 4.2.11
     dev: true
@@ -19004,8 +19314,8 @@ packages:
       object.values: 1.1.7
     dev: true
 
-  /keyv@4.5.3:
-    resolution: {integrity: sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==}
+  /keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
     dependencies:
       json-buffer: 3.0.1
     dev: true
@@ -19024,11 +19334,6 @@ packages:
       is-buffer: 1.1.6
     dev: true
 
-  /kind-of@5.1.0:
-    resolution: {integrity: sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
@@ -19107,11 +19412,11 @@ packages:
       is-plain-object: 5.0.0
       object.map: 1.0.1
       rechoir: 0.8.0
-      resolve: 1.22.4
+      resolve: 1.22.8
     dev: true
 
-  /lightningcss-darwin-arm64@1.21.7:
-    resolution: {integrity: sha512-tt7hIsFio9jZofTVHtCACz6rB6c9RyABMXfA9A/VcKOjS3sq+koX/QkRJWY06utwOImbJIXBC5hbg9t3RkPUAQ==}
+  /lightningcss-darwin-arm64@1.22.0:
+    resolution: {integrity: sha512-aH2be3nNny+It5YEVm8tBSSdRlBVWQV8m2oJ7dESiYRzyY/E/bQUe2xlw5caaMuhlM9aoTMtOH25yzMhir0qPg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
@@ -19119,8 +19424,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-darwin-x64@1.21.7:
-    resolution: {integrity: sha512-F4gS4bf7eWekfPT+TxJNm/pF+QRgZiTrTkQH6cw4/UWfdeZISfuhD5El2dm16giFnY0K5ylIwO+ZusgYNkGSXA==}
+  /lightningcss-darwin-x64@1.22.0:
+    resolution: {integrity: sha512-9KHRFA0Y6mNxRHeoQMp0YaI0R0O2kOgUlYPRjuasU4d+pI8NRhVn9bt0yX9VPs5ibWX1RbDViSPtGJvYYrfVAQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
@@ -19128,8 +19433,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-freebsd-x64@1.21.7:
-    resolution: {integrity: sha512-RMfNzJWXCSfPnL55fcLWEAadcY6QUFT0S8NceNKYzp1KiCZtkJIy6RQ5SaVxPzRqd3iMsahUf5sfnG8N1UQSNQ==}
+  /lightningcss-freebsd-x64@1.22.0:
+    resolution: {integrity: sha512-xaYL3xperGwD85rQioDb52ozF3NAJb+9wrge3jD9lxGffplu0Mn35rXMptB8Uc2N9Mw1i3Bvl7+z1evlqVl7ww==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [freebsd]
@@ -19137,8 +19442,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-linux-arm-gnueabihf@1.21.7:
-    resolution: {integrity: sha512-biSRUDZNx7vubWP1jArw/qqfZKPGpkV/qzunasZzxmqijbZ43sW9faDQYxWNcxPWljJJdF/qs6qcurYFovWtrQ==}
+  /lightningcss-linux-arm-gnueabihf@1.22.0:
+    resolution: {integrity: sha512-epQGvXIjOuxrZpMpMnRjK54ZqzhiHhCPLtHvw2fb6NeK2kK9YtF0wqmeTBiQ1AkbWfnnXGTstYaFNiadNK+StQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
@@ -19146,8 +19451,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-linux-arm64-gnu@1.21.7:
-    resolution: {integrity: sha512-PENY8QekqL9TG3AY/A7rkUBb5ymefGxea7Oe7+x7Hbw4Bz4Hpj5cec5OoMypMqFbURPmpi0fTWx4vSWUPzpDcA==}
+  /lightningcss-linux-arm64-gnu@1.22.0:
+    resolution: {integrity: sha512-AArGtKSY4DGTA8xP8SDyNyKtpsUl1Rzq6FW4JomeyUQ4nBrR71uPChksTpj3gmWuGhZeRKLeCUI1DBid/zhChg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
@@ -19155,8 +19460,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-linux-arm64-musl@1.21.7:
-    resolution: {integrity: sha512-pfOipKvA/0X1OjRaZt3870vnV9UGBSjayIqHh0fGx/+aRz3O0MVFHE/60P2UWXpM3YGJEw/hMWtNkrFwqOge8A==}
+  /lightningcss-linux-arm64-musl@1.22.0:
+    resolution: {integrity: sha512-RRraNgP8hnBPhInTTUdlFm+z16C/ghbxBG51Sw00hd7HUyKmEUKRozyc5od+/N6pOrX/bIh5vIbtMXIxsos0lg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
@@ -19164,8 +19469,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-linux-x64-gnu@1.21.7:
-    resolution: {integrity: sha512-dgcsis4TAA7s0ia4f31QHX+G4PWPwxk+wJaEQLaV0NdJs09O5hHoA8DpLEr8nrvc/tsRTyVNBP1rDtgzySjpXg==}
+  /lightningcss-linux-x64-gnu@1.22.0:
+    resolution: {integrity: sha512-grdrhYGRi2KrR+bsXJVI0myRADqyA7ekprGxiuK5QRNkv7kj3Yq1fERDNyzZvjisHwKUi29sYMClscbtl+/Zpw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
@@ -19173,8 +19478,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-linux-x64-musl@1.21.7:
-    resolution: {integrity: sha512-A+9dXpxld3p4Cd6fxev2eqEvaauYtrgNpXV3t7ioCJy30Oj9nYiNGwiGusM+4MJVcEpUPGUGiuAqY4sWilRDwA==}
+  /lightningcss-linux-x64-musl@1.22.0:
+    resolution: {integrity: sha512-t5f90X+iQUtIyR56oXIHMBUyQFX/zwmPt72E6Dane3P8KNGlkijTg2I75XVQS860gNoEFzV7Mm5ArRRA7u5CAQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
@@ -19182,8 +19487,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-win32-x64-msvc@1.21.7:
-    resolution: {integrity: sha512-07/8vogEq+C/mF99pdMhh/f19/xreq8N9Ca6AWeVHZIdODyF/pt6KdKSCWDZWIn+3CUxI8gCJWuUWyOc3xymvw==}
+  /lightningcss-win32-x64-msvc@1.22.0:
+    resolution: {integrity: sha512-64HTDtOOZE9PUCZJiZZQpyqXBbdby1lnztBccnqh+NtbKxjnGzP92R2ngcgeuqMPecMNqNWxgoWgTGpC+yN5Sw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
@@ -19191,21 +19496,21 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss@1.21.7:
-    resolution: {integrity: sha512-xITZyh5sLFwRPYUSw15T00Rm7gcQ1qOPuQwNOcvHsTm6nLWTQ723w7zl42wrC5t+xtdg6FPmnXHml1nZxxvp1w==}
+  /lightningcss@1.22.0:
+    resolution: {integrity: sha512-+z0qvwRVzs4XGRXelnWRNwqsXUx8k3bSkbP8vD42kYKSk3z9OM2P3e/gagT7ei/gwh8DTS80LZOFZV6lm8Z8Fg==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       detect-libc: 1.0.3
     optionalDependencies:
-      lightningcss-darwin-arm64: 1.21.7
-      lightningcss-darwin-x64: 1.21.7
-      lightningcss-freebsd-x64: 1.21.7
-      lightningcss-linux-arm-gnueabihf: 1.21.7
-      lightningcss-linux-arm64-gnu: 1.21.7
-      lightningcss-linux-arm64-musl: 1.21.7
-      lightningcss-linux-x64-gnu: 1.21.7
-      lightningcss-linux-x64-musl: 1.21.7
-      lightningcss-win32-x64-msvc: 1.21.7
+      lightningcss-darwin-arm64: 1.22.0
+      lightningcss-darwin-x64: 1.22.0
+      lightningcss-freebsd-x64: 1.22.0
+      lightningcss-linux-arm-gnueabihf: 1.22.0
+      lightningcss-linux-arm64-gnu: 1.22.0
+      lightningcss-linux-arm64-musl: 1.22.0
+      lightningcss-linux-x64-gnu: 1.22.0
+      lightningcss-linux-x64-musl: 1.22.0
+      lightningcss-win32-x64-msvc: 1.22.0
     dev: true
 
   /lilconfig@2.1.0:
@@ -19262,23 +19567,23 @@ packages:
       wrap-ansi: 8.1.0
     dev: true
 
-  /lmdb@2.7.11:
-    resolution: {integrity: sha512-x9bD4hVp7PFLUoELL8RglbNXhAMt5CYhkmss+CEau9KlNoilsTzNi9QDsPZb3KMpOGZXG6jmXhW3bBxE2XVztw==}
+  /lmdb@2.8.5:
+    resolution: {integrity: sha512-9bMdFfc80S+vSldBmG3HOuLVHnxRdNTlpzR6QDnzqCQtCzGUEAGTzBKYMeIM+I/sU4oZfgbcbS7X7F65/z/oxQ==}
     hasBin: true
     requiresBuild: true
     dependencies:
-      msgpackr: 1.8.5
-      node-addon-api: 4.3.0
-      node-gyp-build-optional-packages: 5.0.6
+      msgpackr: 1.9.9
+      node-addon-api: 6.1.0
+      node-gyp-build-optional-packages: 5.1.1
       ordered-binary: 1.4.1
       weak-lru-cache: 1.2.2
     optionalDependencies:
-      '@lmdb/lmdb-darwin-arm64': 2.7.11
-      '@lmdb/lmdb-darwin-x64': 2.7.11
-      '@lmdb/lmdb-linux-arm': 2.7.11
-      '@lmdb/lmdb-linux-arm64': 2.7.11
-      '@lmdb/lmdb-linux-x64': 2.7.11
-      '@lmdb/lmdb-win32-x64': 2.7.11
+      '@lmdb/lmdb-darwin-arm64': 2.8.5
+      '@lmdb/lmdb-darwin-x64': 2.8.5
+      '@lmdb/lmdb-linux-arm': 2.8.5
+      '@lmdb/lmdb-linux-arm64': 2.8.5
+      '@lmdb/lmdb-linux-x64': 2.8.5
+      '@lmdb/lmdb-win32-x64': 2.8.5
     dev: true
 
   /load-json-file@4.0.0:
@@ -19587,8 +19892,8 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.15
     dev: true
 
-  /magic-string@0.30.3:
-    resolution: {integrity: sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==}
+  /magic-string@0.30.5:
+    resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
     engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -19619,6 +19924,31 @@ packages:
   /make-error@1.3.6:
     resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
 
+  /make-fetch-happen@10.2.1:
+    resolution: {integrity: sha512-NgOPbRiaQM10DYXvN3/hhGVI2M5MtITFryzBGxHM5p4wnFxsVCbxkrBrDsk+EZ5OB4jEOT7AjDxtdF+KVEFT7w==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      agentkeepalive: 4.5.0
+      cacache: 16.1.3
+      http-cache-semantics: 4.1.1
+      http-proxy-agent: 5.0.0
+      https-proxy-agent: 5.0.1
+      is-lambda: 1.0.1
+      lru-cache: 7.18.3
+      minipass: 3.3.6
+      minipass-collect: 1.0.2
+      minipass-fetch: 2.1.2
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      negotiator: 0.6.3
+      promise-retry: 2.0.1
+      socks-proxy-agent: 7.0.0
+      ssri: 9.0.1
+    transitivePeerDependencies:
+      - bluebird
+      - supports-color
+    dev: true
+
   /make-fetch-happen@11.1.1:
     resolution: {integrity: sha512-rLWS7GCSTcEujjVBs2YqG7Y4643u8ucvCJeSRqiLYhesrDuzeuFIk37xREzAsfQaqzl8b9rNCE4m6J8tvX4Q8w==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -19738,7 +20068,7 @@ packages:
   /match-sorter@6.3.1:
     resolution: {integrity: sha512-mxybbo3pPNuA+ZuCUhm5bwNkXrJTbsk5VWbR5wiwz/GC6LIiegBGn2w3O08UG/jdbYLinw51fSQ5xNU1U3MgBw==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       remove-accents: 0.4.2
     dev: false
 
@@ -19755,15 +20085,15 @@ packages:
   /mdast-util-definitions@5.1.2:
     resolution: {integrity: sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==}
     dependencies:
-      '@types/mdast': 3.0.12
-      '@types/unist': 2.0.8
+      '@types/mdast': 3.0.14
+      '@types/unist': 2.0.9
       unist-util-visit: 4.1.2
     dev: false
 
   /mdast-util-find-and-replace@2.2.2:
     resolution: {integrity: sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       escape-string-regexp: 5.0.0
       unist-util-is: 5.2.1
       unist-util-visit-parents: 5.1.3
@@ -19771,8 +20101,8 @@ packages:
   /mdast-util-from-markdown@1.3.1:
     resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==}
     dependencies:
-      '@types/mdast': 3.0.12
-      '@types/unist': 2.0.8
+      '@types/mdast': 3.0.14
+      '@types/unist': 2.0.9
       decode-named-character-reference: 1.0.2
       mdast-util-to-string: 3.2.0
       micromark: 3.2.0
@@ -19789,7 +20119,7 @@ packages:
   /mdast-util-frontmatter@1.0.1:
     resolution: {integrity: sha512-JjA2OjxRqAa8wEG8hloD0uTU0kdn8kbtOWpPP94NBkfAlbxn4S8gCGf/9DwFtEeGPXrDcNXdiDjVaRdUFqYokw==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
       micromark-extension-frontmatter: 1.1.1
     dev: false
@@ -19797,7 +20127,7 @@ packages:
   /mdast-util-gfm-autolink-literal@1.0.3:
     resolution: {integrity: sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       ccount: 2.0.1
       mdast-util-find-and-replace: 2.2.2
       micromark-util-character: 1.2.0
@@ -19805,20 +20135,20 @@ packages:
   /mdast-util-gfm-footnote@1.0.2:
     resolution: {integrity: sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
       micromark-util-normalize-identifier: 1.1.0
 
   /mdast-util-gfm-strikethrough@1.0.3:
     resolution: {integrity: sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
 
   /mdast-util-gfm-table@1.0.7:
     resolution: {integrity: sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       markdown-table: 3.0.3
       mdast-util-from-markdown: 1.3.1
       mdast-util-to-markdown: 1.5.0
@@ -19828,7 +20158,7 @@ packages:
   /mdast-util-gfm-task-list-item@1.0.2:
     resolution: {integrity: sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
 
   /mdast-util-gfm@2.0.2:
@@ -19847,9 +20177,9 @@ packages:
   /mdast-util-mdx-expression@1.3.2:
     resolution: {integrity: sha512-xIPmR5ReJDu/DHH1OoIT1HkuybIfRGYRywC+gJtI7qHjCJp/M9jrmBEJW22O8lskDWm562BX2W8TiAwRTb0rKA==}
     dependencies:
-      '@types/estree-jsx': 1.0.0
-      '@types/hast': 2.3.5
-      '@types/mdast': 3.0.12
+      '@types/estree-jsx': 1.0.2
+      '@types/hast': 2.3.7
+      '@types/mdast': 3.0.14
       mdast-util-from-markdown: 1.3.1
       mdast-util-to-markdown: 1.5.0
     transitivePeerDependencies:
@@ -19859,10 +20189,10 @@ packages:
   /mdast-util-mdx-jsx@2.1.4:
     resolution: {integrity: sha512-DtMn9CmVhVzZx3f+optVDF8yFgQVt7FghCRNdlIaS3X5Bnym3hZwPbg/XW86vdpKjlc1PVj26SpnLGeJBXD3JA==}
     dependencies:
-      '@types/estree-jsx': 1.0.0
-      '@types/hast': 2.3.5
-      '@types/mdast': 3.0.12
-      '@types/unist': 2.0.8
+      '@types/estree-jsx': 1.0.2
+      '@types/hast': 2.3.7
+      '@types/mdast': 3.0.14
+      '@types/unist': 2.0.9
       ccount: 2.0.1
       mdast-util-from-markdown: 1.3.1
       mdast-util-to-markdown: 1.5.0
@@ -19890,9 +20220,9 @@ packages:
   /mdast-util-mdxjs-esm@1.3.1:
     resolution: {integrity: sha512-SXqglS0HrEvSdUEfoXFtcg7DRl7S2cwOXc7jkuusG472Mmjag34DUDeOJUZtl+BVnyeO1frIgVpHlNRWc2gk/w==}
     dependencies:
-      '@types/estree-jsx': 1.0.0
-      '@types/hast': 2.3.5
-      '@types/mdast': 3.0.12
+      '@types/estree-jsx': 1.0.2
+      '@types/hast': 2.3.7
+      '@types/mdast': 3.0.14
       mdast-util-from-markdown: 1.3.1
       mdast-util-to-markdown: 1.5.0
     transitivePeerDependencies:
@@ -19902,14 +20232,14 @@ packages:
   /mdast-util-phrasing@3.0.1:
     resolution: {integrity: sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       unist-util-is: 5.2.1
 
   /mdast-util-to-hast@12.3.0:
     resolution: {integrity: sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==}
     dependencies:
-      '@types/hast': 2.3.5
-      '@types/mdast': 3.0.12
+      '@types/hast': 2.3.7
+      '@types/mdast': 3.0.14
       mdast-util-definitions: 5.1.2
       micromark-util-sanitize-uri: 1.2.0
       trim-lines: 3.0.1
@@ -19921,8 +20251,8 @@ packages:
   /mdast-util-to-markdown@1.5.0:
     resolution: {integrity: sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==}
     dependencies:
-      '@types/mdast': 3.0.12
-      '@types/unist': 2.0.8
+      '@types/mdast': 3.0.14
+      '@types/unist': 2.0.9
       longest-streak: 3.1.0
       mdast-util-phrasing: 3.0.1
       mdast-util-to-string: 3.2.0
@@ -19936,23 +20266,23 @@ packages:
   /mdast-util-to-string@3.2.0:
     resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
 
   /mdn-data@2.0.14:
     resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==}
     dev: true
 
-  /mdx-bundler@9.2.1(esbuild@0.19.2):
+  /mdx-bundler@9.2.1(esbuild@0.19.5):
     resolution: {integrity: sha512-hWEEip1KU9MCNqeH2rqwzAZ1pdqPPbfkx9OTJjADqGPQz4t9BO85fhI7AP9gVYrpmfArf9/xJZUN0yBErg/G/Q==}
     engines: {node: '>=14', npm: '>=6'}
     peerDependencies:
       esbuild: 0.*
     dependencies:
-      '@babel/runtime': 7.22.15
-      '@esbuild-plugins/node-resolve': 0.1.4(esbuild@0.19.2)
+      '@babel/runtime': 7.23.2
+      '@esbuild-plugins/node-resolve': 0.1.4(esbuild@0.19.5)
       '@fal-works/esbuild-plugin-global-externals': 2.1.2
-      '@mdx-js/esbuild': 2.3.0(esbuild@0.19.2)
-      esbuild: 0.19.2
+      '@mdx-js/esbuild': 2.3.0(esbuild@0.19.5)
+      esbuild: 0.19.5
       gray-matter: 4.0.3
       remark-frontmatter: 4.0.1
       remark-mdx-frontmatter: 1.1.1
@@ -19971,7 +20301,7 @@ packages:
     resolution: {integrity: sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==}
     engines: {node: '>= 4.0.0'}
     dependencies:
-      fs-monkey: 1.0.4
+      fs-monkey: 1.0.5
     dev: false
 
   /memoizerific@1.11.3:
@@ -19997,7 +20327,7 @@ packages:
     resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==}
     engines: {node: '>=8'}
     dependencies:
-      '@types/minimist': 1.2.2
+      '@types/minimist': 1.2.4
       camelcase-keys: 6.2.2
       decamelize-keys: 1.1.1
       hard-rejection: 2.1.0
@@ -20014,7 +20344,7 @@ packages:
     resolution: {integrity: sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==}
     engines: {node: '>=10'}
     dependencies:
-      '@types/minimist': 1.2.2
+      '@types/minimist': 1.2.4
       camelcase-keys: 6.2.2
       decamelize-keys: 1.1.1
       hard-rejection: 2.1.0
@@ -20158,7 +20488,7 @@ packages:
   /micromark-extension-mdx-expression@1.0.8:
     resolution: {integrity: sha512-zZpeQtc5wfWKdzDsHRBY003H2Smg+PUi2REhqgIhdzAa5xonhP03FcXxqFSerFiNUr5AWmHpaNPQTBVOS4lrXw==}
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.4
       micromark-factory-mdx-expression: 1.0.9
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
@@ -20172,7 +20502,7 @@ packages:
     resolution: {integrity: sha512-gPH+9ZdmDflbu19Xkb8+gheqEDqkSpdCEubQyxuz/Hn8DOXiXvrXeikOoBA71+e8Pfi0/UYmU3wW3H58kr7akA==}
     dependencies:
       '@types/acorn': 4.0.6
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.4
       estree-util-is-identifier-name: 2.1.0
       micromark-factory-mdx-expression: 1.0.9
       micromark-factory-space: 1.1.0
@@ -20192,7 +20522,7 @@ packages:
   /micromark-extension-mdxjs-esm@1.0.5:
     resolution: {integrity: sha512-xNRBw4aoURcyz/S69B19WnZAkWJMxHMT5hE36GtDAyhoyn/8TuAeqjFJQlwk+MKQsUD7b3l7kFX+vlfVWgcX1w==}
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.4
       micromark-core-commonmark: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-events-to-acorn: 1.2.3
@@ -20206,8 +20536,8 @@ packages:
   /micromark-extension-mdxjs@1.0.1:
     resolution: {integrity: sha512-7YA7hF6i5eKOfFUzZ+0z6avRG52GpWR8DL+kN47y3f2KhxbBZMhmxe7auOeaTBrW2DenbbZTf1ea9tA2hDpC2Q==}
     dependencies:
-      acorn: 8.10.0
-      acorn-jsx: 5.3.2(acorn@8.10.0)
+      acorn: 8.11.2
+      acorn-jsx: 5.3.2(acorn@8.11.2)
       micromark-extension-mdx-expression: 1.0.8
       micromark-extension-mdx-jsx: 1.0.5
       micromark-extension-mdx-md: 1.0.1
@@ -20234,7 +20564,7 @@ packages:
   /micromark-factory-mdx-expression@1.0.9:
     resolution: {integrity: sha512-jGIWzSmNfdnkJq05c7b0+Wv0Kfz3NJ3N4cBjnbO4zjXIlxJr+f8lk+5ZmwFvqdAbUy2q6B5rCY//g0QAAaXDWA==}
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.4
       micromark-util-character: 1.2.0
       micromark-util-events-to-acorn: 1.2.3
       micromark-util-symbol: 1.1.0
@@ -20310,8 +20640,8 @@ packages:
     resolution: {integrity: sha512-ij4X7Wuc4fED6UoLWkmo0xJQhsktfNh1J0m8g4PbIMPlx+ek/4YdW5mvbye8z/aZvAPUoxgXHrwVlXAPKMRp1w==}
     dependencies:
       '@types/acorn': 4.0.6
-      '@types/estree': 1.0.1
-      '@types/unist': 2.0.8
+      '@types/estree': 1.0.4
+      '@types/unist': 2.0.9
       estree-util-visit: 1.2.1
       micromark-util-symbol: 1.1.0
       micromark-util-types: 1.1.0
@@ -20356,7 +20686,7 @@ packages:
   /micromark@3.2.0:
     resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==}
     dependencies:
-      '@types/debug': 4.1.8
+      '@types/debug': 4.1.10
       debug: 4.3.4
       decode-named-character-reference: 1.0.2
       micromark-core-commonmark: 1.1.0
@@ -20511,11 +20841,22 @@ packages:
       minipass: 3.3.6
     dev: true
 
+  /minipass-fetch@2.1.2:
+    resolution: {integrity: sha512-LT49Zi2/WMROHYoqGgdlQIZh8mLPZmOrN2NdJjMXxYe4nkN6FUyuPuOAOedNJDrx0IRGg9+4guZewtp8hE6TxA==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      minipass: 3.3.6
+      minipass-sized: 1.0.3
+      minizlib: 2.1.2
+    optionalDependencies:
+      encoding: 0.1.13
+    dev: true
+
   /minipass-fetch@3.0.4:
     resolution: {integrity: sha512-jHAqnA728uUpIaFm7NWsCnqKT6UqZz7GcI/bDpPATuwYyKwJwW0remxSCxUlKiEty+eopHGa3oc8WxgQ1FFJqg==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
-      minipass: 7.0.3
+      minipass: 7.0.4
       minipass-sized: 1.0.3
       minizlib: 2.1.2
     optionalDependencies:
@@ -20562,8 +20903,8 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /minipass@7.0.3:
-    resolution: {integrity: sha512-LhbbwCfz3vsb12j/WkWQPZfKTsgqIe1Nf/ti1pKjYESGLHIVjWU96G9/ljLH4F9mWNVhlQOm0VySdAWzf05dpg==}
+  /minipass@7.0.4:
+    resolution: {integrity: sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==}
     engines: {node: '>=16 || 14 >=14.17'}
     dev: true
 
@@ -20644,12 +20985,6 @@ packages:
     dev: true
     optional: true
 
-  /msgpackr@1.8.5:
-    resolution: {integrity: sha512-mpPs3qqTug6ahbblkThoUY2DQdNXcm4IapwOS3Vm/87vmpzLVelvp9h3It1y9l1VPpiFLV11vfOXnmeEwiIXwg==}
-    optionalDependencies:
-      msgpackr-extract: 3.0.2
-    dev: true
-
   /msgpackr@1.9.9:
     resolution: {integrity: sha512-sbn6mioS2w0lq1O6PpGtsv6Gy8roWM+o3o4Sqjd6DudrL/nOugY+KyJUimoWzHnf9OkO0T6broHFnYE/R05t9A==}
     optionalDependencies:
@@ -20716,7 +21051,7 @@ packages:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
     dev: true
 
-  /next-contentlayer@0.3.4(contentlayer@0.3.4)(esbuild@0.19.2)(next@13.5.1)(react-dom@18.2.0)(react@18.2.0):
+  /next-contentlayer@0.3.4(contentlayer@0.3.4)(esbuild@0.19.5)(next@13.5.1)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-UtUCwgAl159KwfhNaOwyiI7Lg6sdioyKMeh+E7jxx0CJ29JuXGxBEYmCI6+72NxFGIFZKx8lvttbbQhbnYWYSw==}
     peerDependencies:
       contentlayer: 0.3.4
@@ -20724,10 +21059,10 @@ packages:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@contentlayer/core': 0.3.4(esbuild@0.19.2)
+      '@contentlayer/core': 0.3.4(esbuild@0.19.5)
       '@contentlayer/utils': 0.3.4
-      contentlayer: 0.3.4(esbuild@0.19.2)
-      next: 13.5.1(@babel/core@7.22.17)(@opentelemetry/api@1.4.1)(react-dom@18.2.0)(react@18.2.0)
+      contentlayer: 0.3.4(esbuild@0.19.5)
+      next: 13.5.1(@babel/core@7.23.2)(@opentelemetry/api@1.6.0)(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     transitivePeerDependencies:
@@ -20745,10 +21080,10 @@ packages:
       next: '*'
     dependencies:
       '@corex/deepmerge': 4.0.43
-      '@next/env': 13.4.19
+      '@next/env': 13.5.6
       fast-glob: 3.3.1
       minimist: 1.2.8
-      next: 13.5.1(@babel/core@7.22.17)(@opentelemetry/api@1.4.1)(react-dom@18.2.0)(react@18.2.0)
+      next: 13.5.1(@babel/core@7.23.2)(@opentelemetry/api@1.6.0)(react-dom@18.2.0)(react@18.2.0)
     dev: true
 
   /next-themes@0.2.1(next@13.5.1)(react-dom@18.2.0)(react@18.2.0):
@@ -20758,7 +21093,7 @@ packages:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      next: 13.5.1(@babel/core@7.22.17)(@opentelemetry/api@1.4.1)(react-dom@18.2.0)(react@18.2.0)
+      next: 13.5.1(@babel/core@7.23.2)(@opentelemetry/api@1.6.0)(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
@@ -20767,7 +21102,7 @@ packages:
     resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
     dev: false
 
-  /next@13.5.1(@babel/core@7.22.17)(@opentelemetry/api@1.4.1)(react-dom@18.2.0)(react@18.2.0):
+  /next@13.5.1(@babel/core@7.23.2)(@opentelemetry/api@1.6.0)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-GIudNR7ggGUZoIL79mSZcxbXK9f5pwAIPZxEM8+j2yLqv5RODg4TkmUlaKSYVqE1bPQueamXSqdC3j7axiTSEg==}
     engines: {node: '>=16.14.0'}
     hasBin: true
@@ -20783,14 +21118,14 @@ packages:
         optional: true
     dependencies:
       '@next/env': 13.5.1
-      '@opentelemetry/api': 1.4.1
+      '@opentelemetry/api': 1.6.0
       '@swc/helpers': 0.5.2
       busboy: 1.6.0
-      caniuse-lite: 1.0.30001529
+      caniuse-lite: 1.0.30001559
       postcss: 8.4.14
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      styled-jsx: 5.1.1(@babel/core@7.22.17)(react@18.2.0)
+      styled-jsx: 5.1.1(@babel/core@7.23.2)(react@18.2.0)
       watchpack: 2.4.0
       zod: 3.21.4
     optionalDependencies:
@@ -20817,20 +21152,15 @@ packages:
       lower-case: 2.0.2
       tslib: 2.6.2
 
-  /node-abi@3.47.0:
-    resolution: {integrity: sha512-2s6B2CWZM//kPgwnuI0KrYwNjfdByE25zvAaEpq9IH4zcNsarH8Ihu/UuX6XMPEogDAxkuUFeZn60pXNHAqn3A==}
+  /node-abi@3.51.0:
+    resolution: {integrity: sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==}
     engines: {node: '>=10'}
     dependencies:
       semver: 7.5.4
     dev: false
 
-  /node-addon-api@4.3.0:
-    resolution: {integrity: sha512-73sE9+3UaLYYFmDsFZnqCInzPyh3MqIwZO9cw58yIqAZhONrrabrYyYe3TuIqtIiOuTXVhsGau8hcrhhwSsDIQ==}
-    dev: true
-
   /node-addon-api@6.1.0:
     resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
-    dev: false
 
   /node-addon-api@7.0.0:
     resolution: {integrity: sha512-vgbBJTS4m5/KkE16t5Ly0WW9hz46swAstv0hYYwMtbG7AznRhNyfLRe8HZAiWIpcHzoO7HxhLuBQj9rJ/Ho0ZA==}
@@ -20847,8 +21177,8 @@ packages:
     resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
     engines: {node: '>=10.5.0'}
 
-  /node-fetch-native@1.4.0:
-    resolution: {integrity: sha512-F5kfEj95kX8tkDhUCYdV8dg3/8Olx/94zB8+ZNthFs6Bz31UpUi8Xh40TN3thLwXgrwXry1pEg9lJ++tLWTcqA==}
+  /node-fetch-native@1.4.1:
+    resolution: {integrity: sha512-NsXBU0UgBxo2rQLOeWNZqS3fvflWePMECr8CoSWoSTqCqGbVVsvl9vZu1HfQicYN0g5piV9Gh8RTEvo/uP752w==}
     dev: true
 
   /node-fetch@2.7.0:
@@ -20871,11 +21201,6 @@ packages:
       fetch-blob: 3.2.0
       formdata-polyfill: 4.0.10
 
-  /node-gyp-build-optional-packages@5.0.6:
-    resolution: {integrity: sha512-2ZJErHG4du9G3/8IWl/l9Bp5BBFy63rno5GVmjQijvTuUZKsl6g8RB4KH/x3NLcV5ZBb4GsXmAuTYr6dRml3Gw==}
-    hasBin: true
-    dev: true
-
   /node-gyp-build-optional-packages@5.0.7:
     resolution: {integrity: sha512-YlCCc6Wffkx0kHkmam79GKvDQ6x+QZkMjFGrIMxgFNILFvGSbCp2fCBC55pGTT9gVaz8Na5CLmxt/urtzRv36w==}
     hasBin: true
@@ -20883,8 +21208,15 @@ packages:
     dev: true
     optional: true
 
-  /node-gyp@9.4.0:
-    resolution: {integrity: sha512-dMXsYP6gc9rRbejLXmTbVRYjAHw7ppswsKyMxuxJxxOHzluIO1rGp9TOQgjFJ+2MCqcOcQTOPB/8Xwhr+7s4Eg==}
+  /node-gyp-build-optional-packages@5.1.1:
+    resolution: {integrity: sha512-+P72GAjVAbTxjjwUmwjVrqrdZROD4nf8KgpBoDxqXXTiYZZt/ud60dE5yvCSr9lRO8e8yv6kgJIC0K0PfZFVQw==}
+    hasBin: true
+    dependencies:
+      detect-libc: 2.0.2
+    dev: true
+
+  /node-gyp@9.4.1:
+    resolution: {integrity: sha512-OQkWKbjQKbGkMf/xqI1jjy3oCTgMKJac58G2+bjZb3fza6gW2YrCSdMQYaoTb70crvE//Gngr4f0AgVHmqHvBQ==}
     engines: {node: ^12.13 || ^14.13 || >=16}
     hasBin: true
     dependencies:
@@ -20892,7 +21224,7 @@ packages:
       exponential-backoff: 3.1.1
       glob: 7.2.3
       graceful-fs: 4.2.11
-      make-fetch-happen: 11.1.1
+      make-fetch-happen: 10.2.1
       nopt: 6.0.0
       npmlog: 6.0.2
       rimraf: 3.0.2
@@ -20900,6 +21232,7 @@ packages:
       tar: 6.2.0
       which: 2.0.2
     transitivePeerDependencies:
+      - bluebird
       - supports-color
     dev: true
 
@@ -20911,7 +21244,7 @@ packages:
     resolution: {integrity: sha512-qmXJJt3YETFt/e0dtMADVpvck6EvN01Jig086o+J3M6G++mWA7iJ3Pqz4m4kvlynh73Iz2/rcZzxq7xTiF+aIQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      '@types/inquirer': 8.2.6
+      '@types/inquirer': 8.2.9
       change-case: 4.1.2
       del: 6.1.1
       globby: 13.2.2
@@ -20921,7 +21254,7 @@ packages:
       lodash.get: 4.4.2
       lower-case: 2.0.2
       mkdirp: 1.0.4
-      resolve: 1.22.4
+      resolve: 1.22.8
       title-case: 3.0.3
       upper-case: 2.0.2
     dev: true
@@ -20941,7 +21274,7 @@ packages:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
     dependencies:
       hosted-git-info: 2.8.9
-      resolve: 1.22.4
+      resolve: 1.22.8
       semver: 5.7.2
       validate-npm-package-license: 3.0.4
     dev: true
@@ -20951,7 +21284,7 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       hosted-git-info: 4.1.0
-      is-core-module: 2.13.0
+      is-core-module: 2.13.1
       semver: 7.5.4
       validate-npm-package-license: 3.0.4
     dev: true
@@ -20961,7 +21294,7 @@ packages:
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
       hosted-git-info: 6.1.1
-      is-core-module: 2.13.0
+      is-core-module: 2.13.1
       semver: 7.5.4
       validate-npm-package-license: 3.0.4
     dev: true
@@ -20987,8 +21320,8 @@ packages:
       npm-normalize-package-bin: 3.0.1
     dev: true
 
-  /npm-check-updates@16.13.3:
-    resolution: {integrity: sha512-l3FQtm+ZtDwqtK2r27vCuNdtnoDsXzk8D2WczvrAJy2bGPZJvRmuUa/Q9Gv+AbZV0IHSNJD2oHtQqUeqQRhEsw==}
+  /npm-check-updates@16.14.6:
+    resolution: {integrity: sha512-sJ6w4AmSDP7YzBXah94Ul2JhiIbjBDfx9XYgib15um2wtiQkOyjE7Lov3MNUSQ84Ry7T81mE4ynMbl/mGbK4HQ==}
     engines: {node: '>=14.14'}
     hasBin: true
     dependencies:
@@ -20997,7 +21330,7 @@ packages:
       commander: 10.0.1
       fast-memoize: 2.5.2
       find-up: 5.0.0
-      fp-and-or: 0.1.3
+      fp-and-or: 0.1.4
       get-stdin: 8.0.0
       globby: 11.1.0
       hosted-git-info: 5.2.1
@@ -21015,11 +21348,12 @@ packages:
       prompts-ncu: 3.0.0
       rc-config-loader: 4.1.3
       remote-git-tags: 3.0.0
-      rimraf: 5.0.1
+      rimraf: 5.0.5
       semver: 7.5.4
       semver-utils: 1.1.4
       source-map-support: 0.5.21
       spawn-please: 2.0.2
+      strip-ansi: 7.1.0
       strip-json-comments: 5.0.1
       untildify: 4.0.0
       update-notifier: 6.0.2
@@ -21028,8 +21362,8 @@ packages:
       - supports-color
     dev: true
 
-  /npm-install-checks@6.2.0:
-    resolution: {integrity: sha512-744wat5wAAHsxa4590mWO0tJ8PKxR8ORZsH9wGpQc3nWTzozMAgBN/XyqYw7mg3yqLM8dLwEnwSfKMmXAjF69g==}
+  /npm-install-checks@6.3.0:
+    resolution: {integrity: sha512-W29RiK/xtpCGqn6f3ixfRYGk+zRyr+Ew9F2E20BfXxT5/euLdA/Nm7fO7OeTGuAmTs30cpgInyJ0cYe708YTZw==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
       semver: 7.5.4
@@ -21061,7 +21395,7 @@ packages:
     resolution: {integrity: sha512-1dKY+86/AIiq1tkKVD3l0WI+Gd3vkknVGAggsFeBkTvbhMQ1OND/LKkYv4JtXPKUJ8bOTCyLiqEg2P6QNdK+Gg==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
-      npm-install-checks: 6.2.0
+      npm-install-checks: 6.3.0
       npm-normalize-package-bin: 3.0.1
       npm-package-arg: 10.1.0
       semver: 7.5.4
@@ -21162,16 +21496,16 @@ packages:
     resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
     engines: {node: '>= 6'}
 
-  /object-inspect@1.12.3:
-    resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
+  /object-inspect@1.13.1:
+    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
     dev: true
 
   /object-is@1.1.5:
     resolution: {integrity: sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
+      call-bind: 1.0.5
+      define-properties: 1.2.1
     dev: true
 
   /object-keys@1.1.1:
@@ -21190,8 +21524,8 @@ packages:
     resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
+      call-bind: 1.0.5
+      define-properties: 1.2.1
       has-symbols: 1.0.3
       object-keys: 1.1.1
     dev: true
@@ -21210,34 +21544,34 @@ packages:
     resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
   /object.fromentries@2.0.7:
     resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
   /object.groupby@1.0.1:
     resolution: {integrity: sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      get-intrinsic: 1.2.2
     dev: true
 
   /object.hasown@1.1.3:
     resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==}
     dependencies:
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
   /object.map@1.0.1:
@@ -21259,9 +21593,9 @@ packages:
     resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
   /on-finished@2.4.1:
@@ -21302,8 +21636,8 @@ packages:
       mimic-fn: 4.0.0
     dev: true
 
-  /oo-ascii-tree@1.88.0:
-    resolution: {integrity: sha512-A7m3z7XlUD3DnXSYxWmAdKQTIY6+1JzWS0lhaqgPGhj6g7a/odCsV1ctaRnjJljCB3zQBrbp2QHdYTUsD9AXcQ==}
+  /oo-ascii-tree@1.91.0:
+    resolution: {integrity: sha512-pH4FFNLTO8VG+vNUm4AHmhLNjoSfQlO1UKIrzBGdeScppY785D93GVMH1XkCwbuO7pd9rrh6El5WF3a5QNvaww==}
     engines: {node: '>= 14.17.0'}
     dev: false
 
@@ -21352,7 +21686,7 @@ packages:
       bl: 4.1.0
       chalk: 4.1.2
       cli-cursor: 3.1.0
-      cli-spinners: 2.9.0
+      cli-spinners: 2.9.1
       is-interactive: 1.0.0
       is-unicode-supported: 0.1.0
       log-symbols: 4.1.0
@@ -21366,7 +21700,7 @@ packages:
     dependencies:
       chalk: 5.3.0
       cli-cursor: 4.0.0
-      cli-spinners: 2.9.0
+      cli-spinners: 2.9.1
       is-interactive: 2.0.0
       is-unicode-supported: 1.3.0
       log-symbols: 5.1.0
@@ -21529,25 +21863,25 @@ packages:
       tslib: 2.6.2
     dev: true
 
-  /parcel@2.9.3(typescript@4.9.5):
-    resolution: {integrity: sha512-2GTVocFkwblV/TIg9AmT7TI2fO4xdWkyN8aFUEVtiVNWt96GTR3FgQyHFValfCbcj1k9Xf962Ws2hYXYUr9k1Q==}
+  /parcel@2.10.1(typescript@4.9.5):
+    resolution: {integrity: sha512-BvsKk8Fg9z1BBLny3IJmm7qM7ux+aD0iXVbzaBhurdbsj0UuWYsa6krLnK/+udwGiLPmicldqjtjDimSuLIwmQ==}
     engines: {node: '>= 12.0.0'}
     hasBin: true
     peerDependenciesMeta:
       '@parcel/core':
         optional: true
     dependencies:
-      '@parcel/config-default': 2.9.3(@parcel/core@2.9.3)(typescript@4.9.5)
-      '@parcel/core': 2.9.3
-      '@parcel/diagnostic': 2.9.3
-      '@parcel/events': 2.9.3
-      '@parcel/fs': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/logger': 2.9.3
-      '@parcel/package-manager': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/reporter-cli': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/reporter-dev-server': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/reporter-tracer': 2.9.3(@parcel/core@2.9.3)
-      '@parcel/utils': 2.9.3
+      '@parcel/config-default': 2.10.1(@parcel/core@2.10.1)(typescript@4.9.5)
+      '@parcel/core': 2.10.1
+      '@parcel/diagnostic': 2.10.1
+      '@parcel/events': 2.10.1
+      '@parcel/fs': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/logger': 2.10.1
+      '@parcel/package-manager': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/reporter-cli': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/reporter-dev-server': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/reporter-tracer': 2.10.1(@parcel/core@2.10.1)
+      '@parcel/utils': 2.10.1
       chalk: 4.1.2
       commander: 7.2.0
       get-port: 4.2.0
@@ -21584,7 +21918,7 @@ packages:
   /parse-entities@4.0.1:
     resolution: {integrity: sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       character-entities: 2.0.2
       character-entities-legacy: 3.0.0
       character-reference-invalid: 2.0.1
@@ -21724,7 +22058,7 @@ packages:
     engines: {node: '>=16 || 14 >=14.17'}
     dependencies:
       lru-cache: 10.0.1
-      minipass: 7.0.3
+      minipass: 7.0.4
     dev: true
 
   /path-to-regexp@0.1.7:
@@ -21762,9 +22096,9 @@ packages:
   /periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.4
       estree-walker: 3.0.3
-      is-reference: 3.0.1
+      is-reference: 3.0.2
     dev: false
 
   /picocolors@1.0.0:
@@ -21830,7 +22164,7 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@types/liftoff': 4.0.1
+      '@types/liftoff': 4.0.2
       chalk: 5.3.0
       interpret: 2.2.0
       liftoff: 4.0.0
@@ -21844,7 +22178,7 @@ packages:
     resolution: {integrity: sha512-Sz2Lkdxz6F2Pgnpi9U5Ng/WdWAUZxmHrNPoVlm3aAemxoy2Qy7LGjQg4uf8qKelDAUW94F4np3iH2YPf2qefcQ==}
     engines: {node: '>=10'}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
     dev: true
 
   /posix-character-classes@0.1.1:
@@ -21852,25 +22186,25 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /postcss-import@15.1.0(postcss@8.4.29):
+  /postcss-import@15.1.0(postcss@8.4.31):
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      postcss: 8.4.29
+      postcss: 8.4.31
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
-      resolve: 1.22.4
+      resolve: 1.22.8
 
-  /postcss-js@4.0.1(postcss@8.4.29):
+  /postcss-js@4.0.1(postcss@8.4.31):
     resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
     engines: {node: ^12 || ^14 || >= 16}
     peerDependencies:
       postcss: ^8.4.21
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.4.29
+      postcss: 8.4.31
 
   /postcss-load-config@3.1.4(ts-node@10.9.1):
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
@@ -21885,11 +22219,11 @@ packages:
         optional: true
     dependencies:
       lilconfig: 2.1.0
-      ts-node: 10.9.1(@swc/core@1.3.83)(@types/node@15.14.9)(typescript@4.9.5)
+      ts-node: 10.9.1(@swc/core@1.3.95)(@types/node@15.14.9)(typescript@4.9.5)
       yaml: 1.10.2
     dev: true
 
-  /postcss-load-config@4.0.1(postcss@8.4.29)(ts-node@10.9.1):
+  /postcss-load-config@4.0.1(postcss@8.4.31)(ts-node@10.9.1):
     resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
     engines: {node: '>= 14'}
     peerDependencies:
@@ -21902,17 +22236,17 @@ packages:
         optional: true
     dependencies:
       lilconfig: 2.1.0
-      postcss: 8.4.29
-      ts-node: 10.9.1(@swc/core@1.3.83)(@types/node@15.14.9)(typescript@4.9.5)
-      yaml: 2.3.2
+      postcss: 8.4.31
+      ts-node: 10.9.1(@swc/core@1.3.95)(@types/node@15.14.9)(typescript@4.9.5)
+      yaml: 2.3.3
 
-  /postcss-nested@6.0.1(postcss@8.4.29):
+  /postcss-nested@6.0.1(postcss@8.4.31):
     resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.2.14
     dependencies:
-      postcss: 8.4.29
+      postcss: 8.4.31
       postcss-selector-parser: 6.0.13
 
   /postcss-selector-parser@6.0.10:
@@ -21941,8 +22275,8 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
-  /postcss@8.4.29:
-    resolution: {integrity: sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==}
+  /postcss@8.4.31:
+    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.6
@@ -21989,7 +22323,7 @@ packages:
       minimist: 1.2.8
       mkdirp-classic: 0.5.3
       napi-build-utils: 1.0.2
-      node-abi: 3.47.0
+      node-abi: 3.51.0
       pump: 3.0.0
       rc: 1.2.8
       simple-get: 4.0.1
@@ -22027,7 +22361,7 @@ packages:
       camelcase-keys: 6.2.2
       chalk: 2.4.2
       common-tags: 1.8.2
-      core-js: 3.32.2
+      core-js: 3.33.2
       eslint: 5.16.0
       find-up: 4.1.0
       get-stdin: 7.0.0
@@ -22069,7 +22403,7 @@ packages:
     dependencies:
       '@typescript-eslint/parser': 1.13.0(eslint@5.16.0)
       common-tags: 1.8.2
-      core-js: 3.32.2
+      core-js: 3.33.2
       dlv: 1.1.3
       eslint: 5.16.0
       indent-string: 4.0.0
@@ -22213,8 +22547,8 @@ packages:
       xtend: 4.0.2
     dev: false
 
-  /property-information@6.3.0:
-    resolution: {integrity: sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==}
+  /property-information@6.4.0:
+    resolution: {integrity: sha512-9t5qARVofg2xQqKtytzt+lZ4d1Qvj8t5B8fEwXK6qOfgRLgH/b13QlgEyDh033NOS31nXeFbYv7CLUDG1CeifQ==}
     dev: false
 
   /proto-list@1.2.4:
@@ -22236,7 +22570,7 @@ packages:
       '@protobufjs/path': 1.1.2
       '@protobufjs/pool': 1.1.0
       '@protobufjs/utf8': 1.1.0
-      '@types/node': 15.14.9
+      '@types/node': 20.2.5
       long: 5.2.3
     dev: false
 
@@ -22285,8 +22619,8 @@ packages:
       pump: 2.0.1
     dev: true
 
-  /punycode@2.3.0:
-    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
+  /punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
     dev: true
 
@@ -22301,7 +22635,7 @@ packages:
     resolution: {integrity: sha512-n13AWriBMPYxnpbb6bnaY5YoY6rGj8vPLrz6CZF3o0qJNEwlcfJVxBzYZ0NJsQ21UbdJoijPCDrM++SUVEz7+w==}
     engines: {node: '>=8.16.0'}
     dependencies:
-      '@types/mime-types': 2.1.1
+      '@types/mime-types': 2.1.3
       debug: 4.3.4
       extract-zip: 1.7.0
       https-proxy-agent: 4.0.0
@@ -22442,21 +22776,20 @@ packages:
       typescript: 4.9.5
     dev: true
 
-  /react-docgen@6.0.0-alpha.3:
-    resolution: {integrity: sha512-DDLvB5EV9As1/zoUsct6Iz2Cupw9FObEGD3DMcIs3EDFIoSKyz8FZtoWj3Wj+oodrU4/NfidN0BL5yrapIcTSA==}
-    engines: {node: '>=12.0.0'}
-    hasBin: true
+  /react-docgen@6.0.4:
+    resolution: {integrity: sha512-gF+p+1ZwC2eO66bt763Tepmh5q9kDiFIrqW3YjUV/a+L96h0m5+/wSFQoOHL2cffyrPMZMxP03IgbggJ11QbOw==}
+    engines: {node: '>=14.18.0'}
     dependencies:
-      '@babel/core': 7.22.17
-      '@babel/generator': 7.22.15
-      ast-types: 0.14.2
-      commander: 2.20.3
+      '@babel/core': 7.23.2
+      '@babel/traverse': 7.23.2
+      '@babel/types': 7.23.0
+      '@types/babel__core': 7.20.3
+      '@types/babel__traverse': 7.20.3
+      '@types/doctrine': 0.0.6
+      '@types/resolve': 1.20.4
       doctrine: 3.0.0
-      estree-to-babel: 3.2.1
-      neo-async: 2.6.2
-      node-dir: 0.1.17
-      resolve: 1.22.4
-      strip-indent: 3.0.0
+      resolve: 1.22.8
+      strip-indent: 4.0.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -22489,7 +22822,7 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       react: 18.2.0
     dev: true
 
@@ -22534,9 +22867,9 @@ packages:
       react: ^18.2.0
       react-dom: ^18.2.0
     dependencies:
-      '@types/buble': 0.20.1
+      '@types/buble': 0.20.4
       buble: 0.19.6
-      core-js: 3.32.2
+      core-js: 3.33.2
       dom-iterator: 1.0.0
       prism-react-renderer: 1.3.5(react@18.2.0)
       prop-types: 15.8.1
@@ -22561,7 +22894,7 @@ packages:
   /react-multi-ref@1.0.1:
     resolution: {integrity: sha512-zgQKmduv95vtXIkze6583pRW7Y+mNj7R0bYgxIRWOrsEfxBQaK+MZ6yjTiZ/qcFV4bYGM74nE9isb+YRBNIw2g==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
     dev: false
 
   /react-refresh@0.14.0:
@@ -22627,8 +22960,8 @@ packages:
       use-sidecar: 1.1.2(@types/react@18.2.8)(react@18.2.0)
     dev: true
 
-  /react-remove-scroll@2.5.6(@types/react@18.2.8)(react@18.2.0):
-    resolution: {integrity: sha512-bO856ad1uDYLefgArk559IzUNeQ6SWH4QnrevIUjH+GczV56giDfl3h0Idptf2oIKxQmd1p9BN25jleKodTALg==}
+  /react-remove-scroll@2.5.7(@types/react@18.2.8)(react@18.2.0):
+    resolution: {integrity: sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==}
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -22689,7 +23022,7 @@ packages:
     peerDependencies:
       react: ^18.2.0
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
       react: 18.2.0
       use-composed-ref: 1.3.0(react@18.2.0)
       use-latest: 1.2.1(@types/react@18.2.8)(react@18.2.0)
@@ -22728,7 +23061,7 @@ packages:
     resolution: {integrity: sha512-AEtWXYfopBj2z5N5PbkAOeNHRPUg5q+Nen7QLxV8M2zJq1ym6/lCz3fYNTCXe19puu2d06jfHhrP7v/S2PtMMw==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
-      glob: 10.3.4
+      glob: 10.3.10
       json-parse-even-better-errors: 3.0.0
       normalize-package-data: 5.0.0
       npm-normalize-package-bin: 3.0.1
@@ -22756,7 +23089,7 @@ packages:
     resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
     engines: {node: '>=8'}
     dependencies:
-      '@types/normalize-package-data': 2.4.1
+      '@types/normalize-package-data': 2.4.3
       normalize-package-data: 2.5.0
       parse-json: 5.2.0
       type-fest: 0.6.0
@@ -22823,13 +23156,13 @@ packages:
     resolution: {integrity: sha512-HFM8rkZ+i3zrV+4LQjwQ0W+ez98pApMGM3HUrN04j3CqzPOzl9nmP15Y8YXNm8QHGv/eacOVEjqhmWpkRV0NAw==}
     engines: {node: '>= 0.10'}
     dependencies:
-      resolve: 1.22.4
+      resolve: 1.22.8
 
   /rechoir@0.8.0:
     resolution: {integrity: sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==}
     engines: {node: '>= 10.13.0'}
     dependencies:
-      resolve: 1.22.4
+      resolve: 1.22.8
     dev: true
 
   /redent@3.0.0:
@@ -22844,10 +23177,10 @@ packages:
     resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      get-intrinsic: 1.2.2
       globalthis: 1.0.3
       which-builtin-type: 1.1.3
     dev: true
@@ -22860,8 +23193,8 @@ packages:
       prismjs: 1.23.0
     dev: false
 
-  /regenerate-unicode-properties@10.1.0:
-    resolution: {integrity: sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==}
+  /regenerate-unicode-properties@10.1.1:
+    resolution: {integrity: sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==}
     engines: {node: '>=4'}
     dependencies:
       regenerate: 1.4.2
@@ -22887,7 +23220,7 @@ packages:
   /regenerator-transform@0.15.2:
     resolution: {integrity: sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==}
     dependencies:
-      '@babel/runtime': 7.22.15
+      '@babel/runtime': 7.23.2
     dev: true
 
   /regex-not@1.0.2:
@@ -22898,13 +23231,13 @@ packages:
       safe-regex: 1.1.0
     dev: true
 
-  /regexp.prototype.flags@1.5.0:
-    resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==}
+  /regexp.prototype.flags@1.5.1:
+    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      functions-have-names: 1.2.3
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      set-function-name: 2.0.1
     dev: true
 
   /regexpp@2.0.1:
@@ -22935,7 +23268,7 @@ packages:
     dependencies:
       '@babel/regjsgen': 0.8.0
       regenerate: 1.4.2
-      regenerate-unicode-properties: 10.1.0
+      regenerate-unicode-properties: 10.1.1
       regjsparser: 0.9.1
       unicode-match-property-ecmascript: 2.0.0
       unicode-match-property-value-ecmascript: 2.1.0
@@ -22980,22 +23313,34 @@ packages:
       parse5: 6.0.1
     dev: false
 
-  /rehype-pretty-code@0.10.1(shiki@0.14.4):
-    resolution: {integrity: sha512-WHjRvGlqPXG8BVRB9mK0255WvIOnzvHivAWhFkA2OG+NTkQWtTbCULZMokOHLf3Yy8q8I8/F8QNjDSQBhjMK5w==}
+  /rehype-parse@8.0.5:
+    resolution: {integrity: sha512-Ds3RglaY/+clEX2U2mHflt7NlMA72KspZ0JLUJgBBLpRddBcEw3H8uYZQliQriku22NZpYMfjDdSgHcjxue24A==}
+    dependencies:
+      '@types/hast': 2.3.7
+      hast-util-from-parse5: 7.1.2
+      parse5: 6.0.1
+      unified: 10.1.2
+    dev: false
+
+  /rehype-pretty-code@0.10.2(shiki@0.14.5):
+    resolution: {integrity: sha512-yBgk3S4yXtkAWVrkoN1DqDihjsaP0ReuN9Du4Dtkl/wsgwyqGNGuIUGi2etVHAOsi40e2KRHoOulQqnKPuscPA==}
     engines: {node: '>=16'}
     peerDependencies:
       shiki: 0.x
     dependencies:
-      '@types/hast': 2.3.5
       hash-obj: 4.0.0
+      hast-util-to-string: 2.0.0
       parse-numeric-range: 1.3.0
-      shiki: 0.14.4
+      rehype-parse: 8.0.5
+      shiki: 0.14.5
+      unified: 10.1.2
+      unist-util-visit: 4.1.2
     dev: false
 
   /rehype-slug@5.1.0:
     resolution: {integrity: sha512-Gf91dJoXneiorNEnn+Phx97CO7oRMrpi+6r155tTxzGuLtm+QrI4cTwCa9e1rtePdL4i9tSO58PeSS6HWfgsiw==}
     dependencies:
-      '@types/hast': 2.3.5
+      '@types/hast': 2.3.7
       github-slugger: 2.0.0
       hast-util-has-property: 2.0.1
       hast-util-heading-rank: 2.1.1
@@ -23013,7 +23358,7 @@ packages:
   /rehype-stringify@9.0.4:
     resolution: {integrity: sha512-Uk5xu1YKdqobe5XpSskwPvo1XeHUUucWEQSl8hTrXt5selvca1e8K1EZ37E6YoZ4BT8BCqCdVfQW7OfHfthtVQ==}
     dependencies:
-      '@types/hast': 2.3.5
+      '@types/hast': 2.3.7
       hast-util-to-html: 8.0.4
       unified: 10.1.2
     dev: false
@@ -23029,7 +23374,7 @@ packages:
   /remark-autolink-headings@6.1.0:
     resolution: {integrity: sha512-oeMSIfjaNboWPDVKahQAjF8iJ8hsz5aI8KFzAmmBdznir7zBvkgUjYE/BrpWvd02DCf/mSQ1IklznLkl3dVvZQ==}
     dependencies:
-      '@types/hast': 2.3.5
+      '@types/hast': 2.3.7
       extend: 3.0.2
       unified: 9.2.2
       unist-util-visit: 2.0.3
@@ -23048,7 +23393,7 @@ packages:
   /remark-frontmatter@4.0.1:
     resolution: {integrity: sha512-38fJrB0KnmD3E33a5jZC/5+gGAC2WKNiPw1/fdXJvijBlhA7RCsvJklrYJakS0HedninvaCYW8lQGf9C918GfA==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       mdast-util-frontmatter: 1.0.1
       micromark-extension-frontmatter: 1.1.1
       unified: 10.1.2
@@ -23057,7 +23402,7 @@ packages:
   /remark-gfm@3.0.1:
     resolution: {integrity: sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       mdast-util-gfm: 2.0.2
       micromark-extension-gfm: 2.0.3
       unified: 10.1.2
@@ -23086,7 +23431,7 @@ packages:
   /remark-parse@10.0.2:
     resolution: {integrity: sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       mdast-util-from-markdown: 1.3.1
       unified: 10.1.2
     transitivePeerDependencies:
@@ -23096,8 +23441,8 @@ packages:
   /remark-rehype@10.1.0:
     resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==}
     dependencies:
-      '@types/hast': 2.3.5
-      '@types/mdast': 3.0.12
+      '@types/hast': 2.3.7
+      '@types/mdast': 3.0.14
       mdast-util-to-hast: 12.3.0
       unified: 10.1.2
     dev: false
@@ -23112,7 +23457,7 @@ packages:
   /remark-stringify@10.0.3:
     resolution: {integrity: sha512-koyOzCMYoUHudypbj4XpnAKFbkddRMYZHwghnxd7ue5210WzGw6kOBwauJTRUMq16jsovXx8dYNvSSWP89kZ3A==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       mdast-util-to-markdown: 1.5.0
       unified: 10.1.2
     dev: false
@@ -23120,7 +23465,7 @@ packages:
   /remark@14.0.3:
     resolution: {integrity: sha512-bfmJW1dmR2LvaMJuAnE88pZP9DktIFYXazkTfOIKZzi3Knk9lT0roItIA24ydOucI3bV/g/tXBA6hzqq3FV9Ew==}
     dependencies:
-      '@types/mdast': 3.0.12
+      '@types/mdast': 3.0.14
       remark-parse: 10.0.2
       remark-stringify: 10.0.3
       unified: 10.1.2
@@ -23242,19 +23587,19 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /resolve@1.22.4:
-    resolution: {integrity: sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==}
+  /resolve@1.22.8:
+    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
     dependencies:
-      is-core-module: 2.13.0
+      is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  /resolve@2.0.0-next.4:
-    resolution: {integrity: sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==}
+  /resolve@2.0.0-next.5:
+    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
     hasBin: true
     dependencies:
-      is-core-module: 2.13.0
+      is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
     dev: true
@@ -23329,16 +23674,16 @@ packages:
       glob: 7.2.3
     dev: true
 
-  /rimraf@5.0.1:
-    resolution: {integrity: sha512-OfFZdwtd3lZ+XZzYP/6gTACubwFcHdLRqS9UX3UwpU2dnGQYkPFISRwvM3w9IiB2w7bW5qGo/uAwE4SmXXSKvg==}
+  /rimraf@5.0.5:
+    resolution: {integrity: sha512-CqDakW+hMe/Bz202FPEymy68P+G50RfMQK+Qo5YUqc9SPipvbGjCGKd0RSKEelbsfQuw3g5NZDSrlZZAJurH1A==}
     engines: {node: '>=14'}
     hasBin: true
     dependencies:
-      glob: 10.3.4
+      glob: 10.3.10
     dev: true
 
-  /rollup@3.29.0:
-    resolution: {integrity: sha512-nszM8DINnx1vSS+TpbWKMkxem0CDWk3cSit/WWCBVs9/JZ1I/XLwOsiUglYuYReaeWWSsW9kge5zE5NZtf/a4w==}
+  /rollup@3.29.4:
+    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
@@ -23385,8 +23730,8 @@ packages:
     resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
     engines: {node: '>=0.4'}
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
       has-symbols: 1.0.3
       isarray: 2.0.5
     dev: true
@@ -23401,8 +23746,8 @@ packages:
   /safe-regex-test@1.0.0:
     resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
       is-regex: 1.1.4
     dev: true
 
@@ -23432,7 +23777,7 @@ packages:
     resolution: {integrity: sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==}
     engines: {node: '>= 8.9.0'}
     dependencies:
-      '@types/json-schema': 7.0.12
+      '@types/json-schema': 7.0.14
       ajv: 6.12.6
       ajv-keywords: 3.5.2(ajv@6.12.6)
     dev: true
@@ -23441,7 +23786,7 @@ packages:
     resolution: {integrity: sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==}
     engines: {node: '>= 10.13.0'}
     dependencies:
-      '@types/json-schema': 7.0.12
+      '@types/json-schema': 7.0.14
       ajv: 6.12.6
       ajv-keywords: 3.5.2(ajv@6.12.6)
     dev: true
@@ -23449,7 +23794,7 @@ packages:
   /scroll-into-view-if-needed@3.0.10:
     resolution: {integrity: sha512-t44QCeDKAPf1mtQH3fYpWz8IM/DyvHLjs8wUvvwMYxk5moOqCzrMSxK6HQVD0QVmVjXFavoFIPRVrMuJPKAvtg==}
     dependencies:
-      compute-scroll-into-view: 3.0.3
+      compute-scroll-into-view: 3.1.0
     dev: false
 
   /section-matter@1.0.0:
@@ -23548,10 +23893,33 @@ packages:
       - supports-color
     dev: true
 
+  /server-only@0.0.1:
+    resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==}
+    dev: false
+
   /set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
     dev: true
 
+  /set-function-length@1.1.1:
+    resolution: {integrity: sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.1
+      get-intrinsic: 1.2.2
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.1
+    dev: true
+
+  /set-function-name@2.0.1:
+    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.1
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.1
+    dev: true
+
   /set-getter@0.1.1:
     resolution: {integrity: sha512-9sVWOy+gthr+0G9DzqqLaYNA7+5OKkSmcqjL9cBpDEaZrr3ShQlyX2cZ/O/ozE41oxn/Tt0LGEM/w4Rub3A3gw==}
     engines: {node: '>=0.10.0'}
@@ -23580,8 +23948,8 @@ packages:
       kind-of: 6.0.3
     dev: true
 
-  /sharp@0.32.5:
-    resolution: {integrity: sha512-0dap3iysgDkNaPOaOL4X/0akdu0ma62GcdC2NBQ+93eqpePdDdr2/LM0sFdDSMmN7yS+odyZtPsb7tx/cYBKnQ==}
+  /sharp@0.32.6:
+    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
     engines: {node: '>=14.15.0'}
     requiresBuild: true
     dependencies:
@@ -23632,8 +24000,8 @@ packages:
       interpret: 1.4.0
       rechoir: 0.6.2
 
-  /shiki@0.14.4:
-    resolution: {integrity: sha512-IXCRip2IQzKwxArNNq1S+On4KPML3Yyn8Zzs/xRgcgOWIr8ntIK3IKzjFPfjy/7kt9ZMjc+FItfqHRBg8b6tNQ==}
+  /shiki@0.14.5:
+    resolution: {integrity: sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==}
     dependencies:
       ansi-sequence-parser: 1.1.1
       jsonc-parser: 3.2.0
@@ -23644,9 +24012,9 @@ packages:
   /side-channel@1.0.4:
     resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
-      object-inspect: 1.12.3
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
+      object-inspect: 1.13.1
     dev: true
 
   /signal-exit@3.0.7:
@@ -23931,7 +24299,7 @@ packages:
     resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
     dependencies:
       spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.13
+      spdx-license-ids: 3.0.16
     dev: true
 
   /spdx-exceptions@2.3.0:
@@ -23942,11 +24310,11 @@ packages:
     resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
     dependencies:
       spdx-exceptions: 2.3.0
-      spdx-license-ids: 3.0.13
+      spdx-license-ids: 3.0.16
     dev: true
 
-  /spdx-license-ids@3.0.13:
-    resolution: {integrity: sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==}
+  /spdx-license-ids@3.0.16:
+    resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==}
     dev: true
 
   /split-string@3.1.0:
@@ -23974,7 +24342,14 @@ packages:
     resolution: {integrity: sha512-bSf16tAFkGeRlUNDjXu8FzaMQt6g2HZJrun7mtMbIPOddxt3GLMSz5VWUWcqTJUPfLEaDIepGxv+bYQW49596A==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
-      minipass: 7.0.3
+      minipass: 7.0.4
+    dev: true
+
+  /ssri@9.0.1:
+    resolution: {integrity: sha512-o57Wcn66jMQvfHG1FlYbWeZWW/dHZhJXjpIcTfXldXEk5nz5lStPo3mK0OJQfGR3RbZUlbISexbljkJzuEj/8Q==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      minipass: 3.3.6
     dev: true
 
   /stable@0.1.8:
@@ -24022,7 +24397,7 @@ packages:
     resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      internal-slot: 1.0.5
+      internal-slot: 1.0.6
     dev: true
 
   /store2@2.14.2:
@@ -24040,12 +24415,12 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 7.4.0(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/api': 7.4.0(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/components': 7.4.0(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/core-events': 7.4.0
+      '@storybook/addons': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 7.5.2(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/components': 7.5.2(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 7.5.2
       '@storybook/global': 5.0.0
-      '@storybook/theming': 7.4.6(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 7.5.2(react-dom@18.2.0)(react@18.2.0)
       fast-deep-equal: 3.1.3
       memoizerific: 1.11.3
       react: 18.2.0
@@ -24055,11 +24430,11 @@ packages:
       - '@types/react-dom'
     dev: true
 
-  /storybook@7.4.6:
-    resolution: {integrity: sha512-YkFSpnR47j5zz7yElA+2axLjXN7K7TxDGJRHHlqXmG5iQ0PXzmjrj2RxMDKFz4Ybp/QjEUoJ4rx//ESEY0Nb5A==}
+  /storybook@7.5.2:
+    resolution: {integrity: sha512-wuB5VdmI6teU2z5iiBEZ2ziNeP6g6Da/dGM7+tWQVUl8bmfOmpEgzgEyS1/XqdOfm+HoZplspwM0XMHOLo/Now==}
     hasBin: true
     dependencies:
-      '@storybook/cli': 7.4.6
+      '@storybook/cli': 7.5.2
     transitivePeerDependencies:
       - bufferutil
       - encoding
@@ -24081,8 +24456,8 @@ packages:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
 
-  /streamx@2.15.1:
-    resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==}
+  /streamx@2.15.2:
+    resolution: {integrity: sha512-b62pAV/aeMjUoRN2C/9F0n+G8AfcJjNC0zw/ZmOHeFsIe4m4GzjVW9m6VHXVjk536NbdU9JRwKMJRfkc+zUFTg==}
     dependencies:
       fast-fifo: 1.3.2
       queue-tick: 1.0.1
@@ -24151,16 +24526,17 @@ packages:
       strip-ansi: 7.1.0
     dev: true
 
-  /string.prototype.matchall@4.0.9:
-    resolution: {integrity: sha512-6i5hL3MqG/K2G43mWXWgP+qizFW/QH/7kCNN13JrJS5q48FN5IKksLDscexKP3dnmB6cdm9jlNgAsWNLpSykmA==}
+  /string.prototype.matchall@4.0.10:
+    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
+      get-intrinsic: 1.2.2
       has-symbols: 1.0.3
-      internal-slot: 1.0.5
-      regexp.prototype.flags: 1.5.0
+      internal-slot: 1.0.6
+      regexp.prototype.flags: 1.5.1
+      set-function-name: 2.0.1
       side-channel: 1.0.4
     dev: true
 
@@ -24168,34 +24544,34 @@ packages:
     resolution: {integrity: sha512-DOB27b/2UTTD+4myKUFh+/fXWcu/UDyASIXfg+7VzoCNNGOfWvoyU/x5pvVHr++ztyt/oSYI1BcWBBG/hmlNjA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
   /string.prototype.trim@1.2.8:
     resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
   /string.prototype.trimend@1.0.7:
     resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
   /string.prototype.trimstart@1.0.7:
     resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.0
-      es-abstract: 1.22.1
+      call-bind: 1.0.5
+      define-properties: 1.2.1
+      es-abstract: 1.22.3
     dev: true
 
   /string_decoder@1.1.1:
@@ -24294,6 +24670,13 @@ packages:
       min-indent: 1.0.1
     dev: true
 
+  /strip-indent@4.0.0:
+    resolution: {integrity: sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==}
+    engines: {node: '>=12'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
   /strip-json-comments@2.0.1:
     resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
     engines: {node: '>=0.10.0'}
@@ -24312,13 +24695,13 @@ packages:
     resolution: {integrity: sha512-Ca5ib8HrFn+f+0n4N4ScTIA9iTOQ7MaGS1ylHcoVqW9J7w2w8PzN6g9gKmTYgGEBH8e120+RCmhpje6jC5uGWA==}
     dev: false
 
-  /style-to-object@0.4.2:
-    resolution: {integrity: sha512-1JGpfPB3lo42ZX8cuPrheZbfQ6kqPPnPHlKMyeRYtfKD+0jG+QsXgXN57O/dvJlzlB2elI6dGmrPnl5VPQFPaA==}
+  /style-to-object@0.4.4:
+    resolution: {integrity: sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==}
     dependencies:
       inline-style-parser: 0.1.1
     dev: false
 
-  /styled-jsx@5.1.1(@babel/core@7.22.17)(react@18.2.0):
+  /styled-jsx@5.1.1(@babel/core@7.23.2)(react@18.2.0):
     resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
@@ -24331,7 +24714,7 @@ packages:
       babel-plugin-macros:
         optional: true
     dependencies:
-      '@babel/core': 7.22.17
+      '@babel/core': 7.23.2
       client-only: 0.0.1
       react: 18.2.0
 
@@ -24406,8 +24789,8 @@ packages:
       stable: 0.1.8
     dev: true
 
-  /swr@2.2.2(react@18.2.0):
-    resolution: {integrity: sha512-CbR41AoMD4TQBQw9ic3GTXspgfM9Y8Mdhb5Ob4uIKXhWqnRLItwA5fpGvB7SmSw3+zEjb0PdhiEumtUvYoQ+bQ==}
+  /swr@2.2.4(react@18.2.0):
+    resolution: {integrity: sha512-njiZ/4RiIhoOlAaLYDqwz5qH/KZXVilRLvomrx83HjzCWTfa+InyfAjv05PSFxnmLzZkNO9ZfvgoqzAaEI4sGQ==}
     peerDependencies:
       react: ^18.2.0
     dependencies:
@@ -24448,18 +24831,18 @@ packages:
     resolution: {integrity: sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ==}
     dev: false
 
-  /tailwind-variants@0.1.14(tailwindcss@3.3.3):
-    resolution: {integrity: sha512-qfOkSGP+cSolTTkJboldGmiM+w5uE77pazCRkwixEBsuaml9CmhN0E8qgH7QnZNmOTVSsgRK1tn/MsKOvOKVWA==}
+  /tailwind-variants@0.1.18(tailwindcss@3.3.5):
+    resolution: {integrity: sha512-yoydMYm3FbZRw7wak+E2sqwYv2Uo3YWRqVZR03DGqDGm0ytzDrEnWO/Q/GMHdhaz8adOvycKw/bwCgQFCfmfhg==}
     engines: {node: '>=16.x', pnpm: '>=7.x'}
     peerDependencies:
       tailwindcss: '*'
     dependencies:
       tailwind-merge: 1.14.0
-      tailwindcss: 3.3.3(ts-node@10.9.1)
+      tailwindcss: 3.3.5(ts-node@10.9.1)
     dev: false
 
-  /tailwindcss@3.3.3(ts-node@10.9.1):
-    resolution: {integrity: sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==}
+  /tailwindcss@3.3.5(ts-node@10.9.1):
+    resolution: {integrity: sha512-5SEZU4J7pxZgSkv7FP1zY8i2TIAOooNZ1e/OGtxIEv6GltpoiXUqWvLy89+a10qYTB1N5Ifkuw9lqQkN9sscvA==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies:
@@ -24471,19 +24854,19 @@ packages:
       fast-glob: 3.3.1
       glob-parent: 6.0.2
       is-glob: 4.0.3
-      jiti: 1.20.0
+      jiti: 1.21.0
       lilconfig: 2.1.0
       micromatch: 4.0.5
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.0.0
-      postcss: 8.4.29
-      postcss-import: 15.1.0(postcss@8.4.29)
-      postcss-js: 4.0.1(postcss@8.4.29)
-      postcss-load-config: 4.0.1(postcss@8.4.29)(ts-node@10.9.1)
-      postcss-nested: 6.0.1(postcss@8.4.29)
+      postcss: 8.4.31
+      postcss-import: 15.1.0(postcss@8.4.31)
+      postcss-js: 4.0.1(postcss@8.4.31)
+      postcss-load-config: 4.0.1(postcss@8.4.31)(ts-node@10.9.1)
+      postcss-nested: 6.0.1(postcss@8.4.31)
       postcss-selector-parser: 6.0.13
-      resolve: 1.22.4
+      resolve: 1.22.8
       sucrase: 3.34.0
     transitivePeerDependencies:
       - ts-node
@@ -24529,7 +24912,7 @@ packages:
     dependencies:
       b4a: 1.6.4
       fast-fifo: 1.3.2
-      streamx: 2.15.1
+      streamx: 2.15.2
     dev: false
 
   /tar@6.2.0:
@@ -24586,7 +24969,7 @@ packages:
       supports-hyperlinks: 2.3.0
     dev: true
 
-  /terser-webpack-plugin@5.3.9(@swc/core@1.3.83)(esbuild@0.15.18)(webpack@5.88.2):
+  /terser-webpack-plugin@5.3.9(@swc/core@1.3.95)(esbuild@0.15.18)(webpack@5.89.0):
     resolution: {integrity: sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==}
     engines: {node: '>= 10.13.0'}
     peerDependencies:
@@ -24602,17 +24985,17 @@ packages:
       uglify-js:
         optional: true
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.19
-      '@swc/core': 1.3.83
+      '@jridgewell/trace-mapping': 0.3.20
+      '@swc/core': 1.3.95
       esbuild: 0.15.18
       jest-worker: 27.5.1
       schema-utils: 3.3.0
       serialize-javascript: 6.0.1
-      terser: 5.19.4
-      webpack: 5.88.2(@swc/core@1.3.83)(esbuild@0.15.18)(webpack-cli@3.3.12)
+      terser: 5.24.0
+      webpack: 5.89.0(@swc/core@1.3.95)(esbuild@0.15.18)(webpack-cli@3.3.12)
     dev: true
 
-  /terser-webpack-plugin@5.3.9(@swc/core@1.3.83)(esbuild@0.19.2)(webpack@5.88.2):
+  /terser-webpack-plugin@5.3.9(@swc/core@1.3.95)(esbuild@0.19.5)(webpack@5.89.0):
     resolution: {integrity: sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==}
     engines: {node: '>= 10.13.0'}
     peerDependencies:
@@ -24628,23 +25011,23 @@ packages:
       uglify-js:
         optional: true
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.19
-      '@swc/core': 1.3.83
-      esbuild: 0.19.2
+      '@jridgewell/trace-mapping': 0.3.20
+      '@swc/core': 1.3.95
+      esbuild: 0.19.5
       jest-worker: 27.5.1
       schema-utils: 3.3.0
       serialize-javascript: 6.0.1
-      terser: 5.19.4
-      webpack: 5.88.2(@swc/core@1.3.83)(esbuild@0.19.2)(webpack-cli@3.3.12)
+      terser: 5.24.0
+      webpack: 5.89.0(@swc/core@1.3.95)(esbuild@0.19.5)(webpack-cli@3.3.12)
     dev: true
 
-  /terser@5.19.4:
-    resolution: {integrity: sha512-6p1DjHeuluwxDXcuT9VR8p64klWJKo1ILiy19s6C9+0Bh2+NWTX6nD9EPppiER4ICkHDVB1RkVpin/YW2nQn/g==}
+  /terser@5.24.0:
+    resolution: {integrity: sha512-ZpGR4Hy3+wBEzVEnHvstMvqpD/nABNelQn/z2r0fjVWGQsN3bpOLzQlqDxmb4CDZnXq5lpjnQ+mHQLAOpfM5iw==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
       '@jridgewell/source-map': 0.3.5
-      acorn: 8.10.0
+      acorn: 8.11.2
       commander: 2.20.3
       source-map-support: 0.5.21
     dev: true
@@ -24761,8 +25144,8 @@ packages:
       safe-regex: 1.1.0
     dev: true
 
-  /tocbot@4.21.1:
-    resolution: {integrity: sha512-IfajhBTeg0HlMXu1f+VMbPef05QpDTsZ9X2Yn1+8npdaXsXg/+wrm9Ze1WG5OS1UDC3qJ5EQN/XOZ3gfXjPFCw==}
+  /tocbot@4.21.6:
+    resolution: {integrity: sha512-bAnyV6SU2n1AvuBvEgi8t7KiIn5rRiEmwFp4+elx/1ueuncAUyubITfXDMwOqStgUwh8pDzLdWgDKLicsJPikw==}
     dev: true
 
   /toidentifier@1.0.1:
@@ -24793,7 +25176,7 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       psl: 1.9.0
-      punycode: 2.3.0
+      punycode: 2.3.1
       universalify: 0.2.0
       url-parse: 1.5.10
     dev: true
@@ -24805,14 +25188,14 @@ packages:
   /tr46@1.0.1:
     resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
     dependencies:
-      punycode: 2.3.0
+      punycode: 2.3.1
     dev: true
 
   /tr46@3.0.0:
     resolution: {integrity: sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==}
     engines: {node: '>=12'}
     dependencies:
-      punycode: 2.3.0
+      punycode: 2.3.1
     dev: true
 
   /tree-kill@1.2.2:
@@ -24844,7 +25227,7 @@ packages:
   /ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
-  /ts-node@10.9.1(@swc/core@1.3.83)(@types/node@15.14.9)(typescript@4.9.5):
+  /ts-node@10.9.1(@swc/core@1.3.95)(@types/node@15.14.9)(typescript@4.9.5):
     resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
     hasBin: true
     peerDependencies:
@@ -24859,14 +25242,14 @@ packages:
         optional: true
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
-      '@swc/core': 1.3.83
+      '@swc/core': 1.3.95
       '@tsconfig/node10': 1.0.9
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
       '@types/node': 15.14.9
-      acorn: 8.10.0
-      acorn-walk: 8.2.0
+      acorn: 8.11.2
+      acorn-walk: 8.3.0
       arg: 4.1.3
       create-require: 1.1.1
       diff: 4.0.2
@@ -24895,7 +25278,7 @@ packages:
   /tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
-  /tsup@6.4.0(@swc/core@1.3.83)(ts-node@10.9.1)(typescript@4.9.5):
+  /tsup@6.4.0(@swc/core@1.3.95)(ts-node@10.9.1)(typescript@4.9.5):
     resolution: {integrity: sha512-4OlbqIK/SF+cJp0mMqPM2pKULvgj/1S2Gm3I1aFoFGIryUOyIqPZBoqKkqVQT6uFtWJ5AHftIv0riXKfHox1zQ==}
     engines: {node: '>=14'}
     hasBin: true
@@ -24911,7 +25294,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@swc/core': 1.3.83
+      '@swc/core': 1.3.95
       bundle-require: 3.1.2(esbuild@0.15.18)
       cac: 6.7.14
       chokidar: 3.5.3
@@ -24922,7 +25305,7 @@ packages:
       joycon: 3.1.1
       postcss-load-config: 3.1.4(ts-node@10.9.1)
       resolve-from: 5.0.0
-      rollup: 3.29.0
+      rollup: 3.29.4
       source-map: 0.8.0-beta.0
       sucrase: 3.34.0
       tree-kill: 1.2.2
@@ -24952,19 +25335,19 @@ packages:
       typescript: 4.9.5
     dev: true
 
-  /tsx@3.12.8:
-    resolution: {integrity: sha512-Lt9KYaRGF023tlLInPj8rgHwsZU8qWLBj4iRXNWxTfjIkU7canGL806AqKear1j722plHuiYNcL2ZCo6uS9UJA==}
+  /tsx@3.14.0:
+    resolution: {integrity: sha512-xHtFaKtHxM9LOklMmJdI3BEnQq/D5F73Of2E1GDrITi9sgoVkvIsrQUTY1G8FlmGtA+awCI4EBlTRRYxkL2sRg==}
     hasBin: true
     dependencies:
-      '@esbuild-kit/cjs-loader': 2.4.2
-      '@esbuild-kit/core-utils': 3.2.2
-      '@esbuild-kit/esm-loader': 2.5.5
+      esbuild: 0.18.20
+      get-tsconfig: 4.7.2
+      source-map-support: 0.5.21
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /tty-table@4.2.1:
-    resolution: {integrity: sha512-xz0uKo+KakCQ+Dxj1D/tKn2FSyreSYWzdkL/BYhgN6oMW808g8QRMuh1atAV9fjTPbWBjfbkKQpI/5rEcnAc7g==}
+  /tty-table@4.2.3:
+    resolution: {integrity: sha512-Fs15mu0vGzCrj8fmJNP7Ynxt5J7praPXqFN0leZeZBXJwkMxv9cb2D454k1ltrtUSJbZ4yH4e0CynsHLxmUfFA==}
     engines: {node: '>=8.0.0'}
     hasBin: true
     dependencies:
@@ -25147,8 +25530,8 @@ packages:
     resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
       is-typed-array: 1.1.12
     dev: true
 
@@ -25156,7 +25539,7 @@ packages:
     resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.5
       for-each: 0.3.3
       has-proto: 1.0.1
       is-typed-array: 1.1.12
@@ -25167,7 +25550,7 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       available-typed-arrays: 1.0.5
-      call-bind: 1.0.2
+      call-bind: 1.0.5
       for-each: 0.3.3
       has-proto: 1.0.1
       is-typed-array: 1.1.12
@@ -25176,7 +25559,7 @@ packages:
   /typed-array-length@1.0.4:
     resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.5
       for-each: 0.3.3
       is-typed-array: 1.1.12
     dev: true
@@ -25213,7 +25596,7 @@ packages:
   /unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.5
       has-bigints: 1.0.2
       has-symbols: 1.0.3
       which-boxed-primitive: 1.0.2
@@ -25224,6 +25607,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /undici-types@5.26.5:
+    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+    dev: true
+
   /unescape@1.0.1:
     resolution: {integrity: sha512-O0+af1Gs50lyH1nUu3ZyYS1cRh01Q/kUKatTOkSs7jukXE6/NebucDVxyiDsA9AQ4JC1V1jUH9EO8JX2nMDgGQ==}
     engines: {node: '>=0.10.0'}
@@ -25253,7 +25640,7 @@ packages:
   /unified@10.1.2:
     resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       bail: 2.0.2
       extend: 3.0.2
       is-buffer: 2.0.5
@@ -25264,7 +25651,7 @@ packages:
   /unified@9.2.2:
     resolution: {integrity: sha512-Sg7j110mtefBD+qunSLO1lqOEKdrwBFBrR6Qd8f4uwkhWNlbkaqwHse6e7QvD3AP/MNoJdEDLaf8OxYyoWgorQ==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       bail: 1.0.5
       extend: 3.0.2
       is-buffer: 2.0.5
@@ -25283,6 +25670,13 @@ packages:
       set-value: 2.0.1
     dev: true
 
+  /unique-filename@2.0.1:
+    resolution: {integrity: sha512-ODWHtkkdx3IAR+veKxFV+VBkUMcN+FaqzUUd7IZzt+0zhDZFPFxhlqwPF3YQvMHx1TD0tdgYl+kuPnJ8E6ql7A==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      unique-slug: 3.0.0
+    dev: true
+
   /unique-filename@3.0.0:
     resolution: {integrity: sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -25290,6 +25684,13 @@ packages:
       unique-slug: 4.0.0
     dev: true
 
+  /unique-slug@3.0.0:
+    resolution: {integrity: sha512-8EyMynh679x/0gqE9fT9oilG+qEt+ibFyqjuVTsZn1+CMxH+XLlpvr2UZx4nVcCwTpx81nICr2JQFkM+HPLq4w==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      imurmurhash: 0.1.4
+    dev: true
+
   /unique-slug@4.0.0:
     resolution: {integrity: sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -25321,61 +25722,61 @@ packages:
   /unist-util-is@5.2.1:
     resolution: {integrity: sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
 
   /unist-util-position-from-estree@1.1.2:
     resolution: {integrity: sha512-poZa0eXpS+/XpoQwGwl79UUdea4ol2ZuCYguVaJS4qzIOMDzbqz8a3erUCOmubSZkaOuGamb3tX790iwOIROww==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
     dev: false
 
   /unist-util-position@4.0.4:
     resolution: {integrity: sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
     dev: false
 
   /unist-util-remove-position@4.0.2:
     resolution: {integrity: sha512-TkBb0HABNmxzAcfLf4qsIbFbaPDvMO6wa3b3j4VcEzFVaw1LBKwnW4/sRJ/atSLSzoIg41JWEdnE7N6DIhGDGQ==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       unist-util-visit: 4.1.2
     dev: false
 
   /unist-util-stringify-position@2.0.3:
     resolution: {integrity: sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
     dev: false
 
   /unist-util-stringify-position@3.0.3:
     resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
 
   /unist-util-visit-parents@3.1.1:
     resolution: {integrity: sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       unist-util-is: 4.1.0
 
   /unist-util-visit-parents@5.1.3:
     resolution: {integrity: sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       unist-util-is: 5.2.1
 
   /unist-util-visit@2.0.3:
     resolution: {integrity: sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       unist-util-is: 4.1.0
       unist-util-visit-parents: 3.1.1
 
   /unist-util-visit@4.1.2:
     resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       unist-util-is: 5.2.1
       unist-util-visit-parents: 5.1.3
 
@@ -25389,8 +25790,8 @@ packages:
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  /universalify@2.0.0:
-    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
+  /universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
     dev: true
 
@@ -25399,10 +25800,10 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /unplugin@1.4.0:
-    resolution: {integrity: sha512-5x4eIEL6WgbzqGtF9UV8VEC/ehKptPXDS6L2b0mv4FRMkJxRtjaJfOWDd6a8+kYbqsjklix7yWP0N3SUepjXcg==}
+  /unplugin@1.5.0:
+    resolution: {integrity: sha512-9ZdRwbh/4gcm1JTOkp9lAkIDrtOyOxgHmY7cjuwI8L/2RTikMcVG25GsZwNAgRuap3iDw2jeq7eoqtAsz5rW3A==}
     dependencies:
-      acorn: 8.10.0
+      acorn: 8.11.2
       chokidar: 3.5.3
       webpack-sources: 3.2.3
       webpack-virtual-modules: 0.5.0
@@ -25421,13 +25822,13 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /update-browserslist-db@1.0.11(browserslist@4.21.10):
-    resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==}
+  /update-browserslist-db@1.0.13(browserslist@4.22.1):
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: 4.21.10
+      browserslist: 4.22.1
       escalade: 3.1.1
       picocolors: 1.0.0
 
@@ -25466,7 +25867,7 @@ packages:
   /uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
     dependencies:
-      punycode: 2.3.0
+      punycode: 2.3.1
     dev: true
 
   /urix@0.1.0:
@@ -25578,7 +25979,7 @@ packages:
       is-arguments: 1.1.1
       is-generator-function: 1.0.10
       is-typed-array: 1.1.12
-      which-typed-array: 1.1.11
+      which-typed-array: 1.1.13
     dev: true
 
   /utility-types@3.10.0:
@@ -25595,8 +25996,8 @@ packages:
     resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
     hasBin: true
 
-  /uuid@9.0.0:
-    resolution: {integrity: sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==}
+  /uuid@9.0.1:
+    resolution: {integrity: sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==}
     hasBin: true
     dev: true
 
@@ -25617,13 +26018,13 @@ packages:
     resolution: {integrity: sha512-ocyWc3bAHBB/guyqJQVI5o4BZkPhznPYUG2ea80Gond/BgNWpap8TOmLSeeQG7bnh2KMISxskdADG59j7zruhw==}
     dev: true
 
-  /v8-to-istanbul@9.1.0:
-    resolution: {integrity: sha512-6z3GW9x8G1gd+JIIgQQQxXuiJtCXeAjp6RaPEPLv62mH3iPHPxV6W3robxtCzNErRo6ZwTmzWhsbNvjyEBKzKA==}
+  /v8-to-istanbul@9.1.3:
+    resolution: {integrity: sha512-9lDD+EVI2fjFsMWXc6dy5JJzBsVTcQ2fVkfBvncZ6xJWG9wtBhOldG+mHkSL0+V1K/xgZz0JDO5UT5hFwHUghg==}
     engines: {node: '>=10.12.0'}
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.19
-      '@types/istanbul-lib-coverage': 2.0.4
-      convert-source-map: 1.9.0
+      '@jridgewell/trace-mapping': 0.3.20
+      '@types/istanbul-lib-coverage': 2.0.5
+      convert-source-map: 2.0.0
     dev: true
 
   /v8flags@4.0.1:
@@ -25657,27 +26058,27 @@ packages:
   /vfile-location@4.1.0:
     resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       vfile: 5.3.7
     dev: false
 
   /vfile-message@2.0.4:
     resolution: {integrity: sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       unist-util-stringify-position: 2.0.3
     dev: false
 
   /vfile-message@3.1.4:
     resolution: {integrity: sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       unist-util-stringify-position: 3.0.3
 
   /vfile@4.2.1:
     resolution: {integrity: sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       is-buffer: 2.0.5
       unist-util-stringify-position: 2.0.3
       vfile-message: 2.0.4
@@ -25686,13 +26087,13 @@ packages:
   /vfile@5.3.7:
     resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==}
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.9
       is-buffer: 2.0.5
       unist-util-stringify-position: 3.0.3
       vfile-message: 3.1.4
 
-  /vite@4.4.9(@types/node@15.14.9):
-    resolution: {integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==}
+  /vite@4.5.0(@types/node@15.14.9):
+    resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -25721,8 +26122,8 @@ packages:
     dependencies:
       '@types/node': 15.14.9
       esbuild: 0.18.20
-      postcss: 8.4.29
-      rollup: 3.29.0
+      postcss: 8.4.31
+      rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
@@ -25844,8 +26245,8 @@ packages:
     engines: {node: '>= 10.13.0'}
     hasBin: true
     dependencies:
-      acorn: 8.10.0
-      acorn-walk: 8.2.0
+      acorn: 8.11.2
+      acorn-walk: 8.3.0
       chalk: 4.1.2
       commander: 7.2.0
       gzip-size: 6.0.0
@@ -25864,8 +26265,8 @@ packages:
     hasBin: true
     dependencies:
       '@discoveryjs/json-ext': 0.5.7
-      acorn: 8.10.0
-      acorn-walk: 8.2.0
+      acorn: 8.11.2
+      acorn-walk: 8.3.0
       commander: 7.2.0
       escape-string-regexp: 4.0.0
       gzip-size: 6.0.0
@@ -25885,7 +26286,7 @@ packages:
       - utf-8-validate
     dev: true
 
-  /webpack-cli@3.3.12(webpack@5.88.2):
+  /webpack-cli@3.3.12(webpack@5.89.0):
     resolution: {integrity: sha512-NVWBaz9k839ZH/sinurM+HcDvJOTXwSjYp1ku+5XKeOC03z8v5QitnK/x+lAxGXFyhdayoIf/GOpv85z3/xPag==}
     engines: {node: '>=6.11.5'}
     hasBin: true
@@ -25902,15 +26303,16 @@ packages:
       loader-utils: 1.4.2
       supports-color: 6.1.0
       v8-compile-cache: 2.4.0
-      webpack: 5.88.2(@swc/core@1.3.83)(esbuild@0.15.18)(webpack-cli@3.3.12)
+      webpack: 5.89.0(@swc/core@1.3.95)(esbuild@0.15.18)(webpack-cli@3.3.12)
       yargs: 13.3.2
     dev: true
 
-  /webpack-merge@5.9.0:
-    resolution: {integrity: sha512-6NbRQw4+Sy50vYNTw7EyOn41OZItPiXB8GNv3INSoe3PSFaHJEz3SHTrYVaRm2LilNGnFUzh0FAwqPEmU/CwDg==}
+  /webpack-merge@5.10.0:
+    resolution: {integrity: sha512-+4zXKdx7UnO+1jaN4l2lHVD+mFvnlZQP/6ljaJVb4SZiwIKeUnrT5l0gkT8z+n4hKpC+jpOv6O9R+gLtag7pSA==}
     engines: {node: '>=10.0.0'}
     dependencies:
       clone-deep: 4.0.1
+      flat: 5.0.2
       wildcard: 2.0.1
     dev: true
 
@@ -25923,8 +26325,8 @@ packages:
     resolution: {integrity: sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==}
     dev: true
 
-  /webpack@5.88.2(@swc/core@1.3.83)(esbuild@0.15.18)(webpack-cli@3.3.12):
-    resolution: {integrity: sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==}
+  /webpack@5.89.0(@swc/core@1.3.95)(esbuild@0.15.18)(webpack-cli@3.3.12):
+    resolution: {integrity: sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==}
     engines: {node: '>=10.13.0'}
     hasBin: true
     peerDependencies:
@@ -25933,17 +26335,17 @@ packages:
       webpack-cli:
         optional: true
     dependencies:
-      '@types/eslint-scope': 3.7.4
-      '@types/estree': 1.0.1
+      '@types/eslint-scope': 3.7.6
+      '@types/estree': 1.0.4
       '@webassemblyjs/ast': 1.11.6
       '@webassemblyjs/wasm-edit': 1.11.6
       '@webassemblyjs/wasm-parser': 1.11.6
-      acorn: 8.10.0
-      acorn-import-assertions: 1.9.0(acorn@8.10.0)
-      browserslist: 4.21.10
+      acorn: 8.11.2
+      acorn-import-assertions: 1.9.0(acorn@8.11.2)
+      browserslist: 4.22.1
       chrome-trace-event: 1.0.3
       enhanced-resolve: 5.15.0
-      es-module-lexer: 1.3.0
+      es-module-lexer: 1.3.1
       eslint-scope: 5.1.1
       events: 3.3.0
       glob-to-regexp: 0.4.1
@@ -25954,9 +26356,9 @@ packages:
       neo-async: 2.6.2
       schema-utils: 3.3.0
       tapable: 2.2.1
-      terser-webpack-plugin: 5.3.9(@swc/core@1.3.83)(esbuild@0.15.18)(webpack@5.88.2)
+      terser-webpack-plugin: 5.3.9(@swc/core@1.3.95)(esbuild@0.15.18)(webpack@5.89.0)
       watchpack: 2.4.0
-      webpack-cli: 3.3.12(webpack@5.88.2)
+      webpack-cli: 3.3.12(webpack@5.89.0)
       webpack-sources: 3.2.3
     transitivePeerDependencies:
       - '@swc/core'
@@ -25964,8 +26366,8 @@ packages:
       - uglify-js
     dev: true
 
-  /webpack@5.88.2(@swc/core@1.3.83)(esbuild@0.19.2)(webpack-cli@3.3.12):
-    resolution: {integrity: sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==}
+  /webpack@5.89.0(@swc/core@1.3.95)(esbuild@0.19.5)(webpack-cli@3.3.12):
+    resolution: {integrity: sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==}
     engines: {node: '>=10.13.0'}
     hasBin: true
     peerDependencies:
@@ -25974,17 +26376,17 @@ packages:
       webpack-cli:
         optional: true
     dependencies:
-      '@types/eslint-scope': 3.7.4
-      '@types/estree': 1.0.1
+      '@types/eslint-scope': 3.7.6
+      '@types/estree': 1.0.4
       '@webassemblyjs/ast': 1.11.6
       '@webassemblyjs/wasm-edit': 1.11.6
       '@webassemblyjs/wasm-parser': 1.11.6
-      acorn: 8.10.0
-      acorn-import-assertions: 1.9.0(acorn@8.10.0)
-      browserslist: 4.21.10
+      acorn: 8.11.2
+      acorn-import-assertions: 1.9.0(acorn@8.11.2)
+      browserslist: 4.22.1
       chrome-trace-event: 1.0.3
       enhanced-resolve: 5.15.0
-      es-module-lexer: 1.3.0
+      es-module-lexer: 1.3.1
       eslint-scope: 5.1.1
       events: 3.3.0
       glob-to-regexp: 0.4.1
@@ -25995,9 +26397,9 @@ packages:
       neo-async: 2.6.2
       schema-utils: 3.3.0
       tapable: 2.2.1
-      terser-webpack-plugin: 5.3.9(@swc/core@1.3.83)(esbuild@0.19.2)(webpack@5.88.2)
+      terser-webpack-plugin: 5.3.9(@swc/core@1.3.95)(esbuild@0.19.5)(webpack@5.89.0)
       watchpack: 2.4.0
-      webpack-cli: 3.3.12(webpack@5.88.2)
+      webpack-cli: 3.3.12(webpack@5.89.0)
       webpack-sources: 3.2.3
     transitivePeerDependencies:
       - '@swc/core'
@@ -26073,7 +26475,7 @@ packages:
       isarray: 2.0.5
       which-boxed-primitive: 1.0.2
       which-collection: 1.0.1
-      which-typed-array: 1.1.11
+      which-typed-array: 1.1.13
     dev: true
 
   /which-collection@1.0.1:
@@ -26097,12 +26499,12 @@ packages:
       path-exists: 4.0.0
     dev: true
 
-  /which-typed-array@1.1.11:
-    resolution: {integrity: sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==}
+  /which-typed-array@1.1.13:
+    resolution: {integrity: sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==}
     engines: {node: '>= 0.4'}
     dependencies:
       available-typed-arrays: 1.0.5
-      call-bind: 1.0.2
+      call-bind: 1.0.5
       for-each: 0.3.3
       gopd: 1.0.1
       has-tostringtag: 1.0.0
@@ -26254,8 +26656,8 @@ packages:
         optional: true
     dev: true
 
-  /ws@8.14.1:
-    resolution: {integrity: sha512-4OOseMUq8AzRBI/7SLMUwO+FEDnguetSk7KMb1sHwvF2w2Wv5Hoj0nlifx8vtGsftE/jWHojPy8sMMzYLJ2G/A==}
+  /ws@8.14.2:
+    resolution: {integrity: sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       bufferutil: ^4.0.1
@@ -26289,10 +26691,6 @@ packages:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}
 
-  /xxhash-wasm@0.4.2:
-    resolution: {integrity: sha512-/eyHVRJQCirEkSZ1agRSCwriMhwlyUcFkXD5TPVSLP+IPzjsqMVzZwdoczLp1SoQU0R3dxz1RpIK+4YNQbCVOA==}
-    dev: true
-
   /y18n@4.0.3:
     resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
     dev: true
@@ -26321,8 +26719,8 @@ packages:
     engines: {node: '>= 14'}
     dev: true
 
-  /yaml@2.3.2:
-    resolution: {integrity: sha512-N/lyzTPaJasoDmfV7YTrYCI0G/3ivm/9wdG0aHuheKowWQwGTsK0Eoiw6utmzAnI6pkJa0DUVygvp3spqqEKXg==}
+  /yaml@2.3.3:
+    resolution: {integrity: sha512-zw0VAJxgeZ6+++/su5AFoqBbZbrEakwu+X0M5HmcwUiBL7AzcuPKjj5we4xfQLp78LkEMpD0cOnUhmgOVy3KdQ==}
     engines: {node: '>= 14'}
 
   /yargs-parser@13.1.2:
@@ -26381,19 +26779,6 @@ packages:
       yargs-parser: 18.1.3
     dev: true
 
-  /yargs@16.2.0:
-    resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
-    engines: {node: '>=10'}
-    dependencies:
-      cliui: 7.0.4
-      escalade: 3.1.1
-      get-caller-file: 2.0.5
-      require-directory: 2.1.1
-      string-width: 4.2.3
-      y18n: 5.0.8
-      yargs-parser: 20.2.9
-    dev: true
-
   /yargs@17.7.2:
     resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
     engines: {node: '>=12'}
@@ -26430,12 +26815,12 @@ packages:
   /zod@3.21.4:
     resolution: {integrity: sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==}
 
-  /zod@3.22.2:
-    resolution: {integrity: sha512-wvWkphh5WQsJbVk1tbx1l1Ly4yg+XecD+Mq280uBGt9wa5BKSWf4Mhp6GmrkPixhMxmabYY7RbzlwVP32pbGCg==}
+  /zod@3.22.4:
+    resolution: {integrity: sha512-iC+8Io04lddc+mVqQ9AZ7OQ2MrUKGN+oIQyq1vemgt46jwCwLfhq7/pwnBnNXXXZb8VTVLKwp9EDkx+ryxIWmg==}
     dev: false
 
-  /zustand@4.4.1(@types/react@18.2.8)(react@18.2.0):
-    resolution: {integrity: sha512-QCPfstAS4EBiTQzlaGP1gmorkh/UL1Leaj2tdj+zZCZ/9bm0WS7sI2wnfD5lpOszFqWJ1DcPnGoY8RDL61uokw==}
+  /zustand@4.4.5(@types/react@18.2.8)(react@18.2.0):
+    resolution: {integrity: sha512-jgIrBBLKncQW74PA2Lclct3gwD4aPughwGE4FqlXrv3rDqQox7JCn8rwUiFK6ygJcbBAvfTf8fF+ICg7HLD2FQ==}
     engines: {node: '>=12.7.0'}
     peerDependencies:
       '@types/react': '>=16.8'
diff --git a/scripts/check-rap-updates.ts b/scripts/check-rap-updates.ts
index 3ddf95f56..4f9794be5 100644
--- a/scripts/check-rap-updates.ts
+++ b/scripts/check-rap-updates.ts
@@ -3,7 +3,7 @@ import glob from 'glob';
 import { resolve } from 'path';
 
 
-const shouldUpgrade = process.argv.includes('--upgrade');
+const shouldUpgrade = process.argv.includes('--upgrade') || process.argv.includes('-u');
 
 const checkForUpdates = async (path: string) => {
   const filePaths = glob.sync(resolve(path, '**/package.json'), {