diff --git a/package.json b/package.json
index 9c2c03d..6c973ab 100644
--- a/package.json
+++ b/package.json
@@ -21,9 +21,6 @@
     "@antfu/eslint-config": "^0.39.8",
     "@types/node": "^20.4.9",
     "@vitejs/plugin-vue": "^4.2.3",
-    "@vitest/coverage-c8": "^0.33.0",
-    "@vitest/coverage-v8": "^0.33.0",
-    "@vitest/ui": "^0.33.0",
     "@vue/test-utils": "^2.4.1",
     "bumpp": "^9.1.1",
     "eslint": "8.46.0",
diff --git a/packages/nuxtlabs-ui-vue/package.json b/packages/nuxtlabs-ui-vue/package.json
index 5aa97ba..03c6f60 100755
--- a/packages/nuxtlabs-ui-vue/package.json
+++ b/packages/nuxtlabs-ui-vue/package.json
@@ -2,6 +2,21 @@
   "name": "nuxtlabs-ui-vue",
   "version": "0.0.0",
   "private": true,
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "require": "./dist/nuxtlabs-ui-vue.cjs",
+      "import": "./dist/nuxtlabs-ui-vue.mjs"
+    },
+    "./dist/theme/nuxtlabsTheme": "./dist/theme/nuxtlabsTheme"
+  },
+  "main": "./dist/nuxtlabs-ui-vue.cjs",
+  "module": "./dist/nuxtlabs-ui-vue.mjs",
+  "types": "./dist/src/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
   "scripts": {
     "build": "vite build && pnpm run build:theme",
     "build:watch": "vite build --watch",
@@ -13,6 +28,9 @@
     "lint": "eslint .",
     "lint:fix": "eslint . --fix"
   },
+  "peerDependencies": {
+    "vue": "^3.3.4"
+  },
   "dependencies": {
     "@headlessui/vue": "^1.7.15",
     "@popperjs/core": "^2.11.8",
diff --git a/packages/nuxtlabs-ui-vue/src/App.vue b/packages/nuxtlabs-ui-vue/src/App.vue
index 3176e26..29d2924 100755
--- a/packages/nuxtlabs-ui-vue/src/App.vue
+++ b/packages/nuxtlabs-ui-vue/src/App.vue
@@ -1,50 +1,26 @@
-<script setup lang="ts">
+<script setup lang='ts'>
 import { ref } from 'vue'
 
-const people = [{
-  id: 'benjamincanac',
-  label: 'benjamincanac',
-  href: 'https://github.com/benjamincanac',
-  target: '_blank',
-  avatar: { src: 'https://avatars.githubusercontent.com/u/739984?v=4' },
-},
-{
-  id: 'Atinux',
-  label: 'Atinux',
-  href: 'https://github.com/Atinux',
-  target: '_blank',
-  avatar: { src: 'https://avatars.githubusercontent.com/u/904724?v=4' },
-},
-{
-  id: 'smarroufin',
-  label: 'smarroufin',
-  href: 'https://github.com/smarroufin',
-  target: '_blank',
-  avatar: { src: 'https://avatars.githubusercontent.com/u/7547335?v=4' },
-},
-{
-  id: 'nobody',
-  label: 'Nobody',
-  icon: 'heroicons:user-circle',
-}]
-
-const selected = ref(people[0])
+const isOpen = ref(false)
 </script>
 
 <template>
-  {{ selected }}
   <div class="grid place-items-center w-full min-h-screen">
-    <div class="">
-      <USelectMenu
-        v-model="selected" :options="people"
+    <UButton label="Open" @click="isOpen = true" />
+    <USlideover v-model="isOpen" prevent-close>
+      <UCard
+        class="flex flex-col flex-1"
+        :ui="{ body: { base: 'flex-1' }, ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }"
       >
-        <template #label>
-          <UIcon v-if="selected.icon" :name="selected.icon" class="w-4 h-4" />
-          <UAvatar v-else-if="selected.avatar" v-bind="selected.avatar" size="3xs" />
-
-          {{ selected.label }}
+        <template #header>
+          <div class="flex items-center justify-between">
+            <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
+              Slideover
+            </h3>
+            <UButton intent="ghost" icon="heroicons:x-mark-20-solid" class="-my-1" @click="isOpen = false" />
+          </div>
         </template>
-      </USelectMenu>
-    </div>
+      </UCard>
+    </USlideover>
   </div>
 </template>
diff --git a/packages/nuxtlabs-ui-vue/src/Types/componentsTypes/components.ts b/packages/nuxtlabs-ui-vue/src/Types/componentsTypes/components.ts
index 0652af6..8334509 100644
--- a/packages/nuxtlabs-ui-vue/src/Types/componentsTypes/components.ts
+++ b/packages/nuxtlabs-ui-vue/src/Types/componentsTypes/components.ts
@@ -73,7 +73,7 @@ export interface UAccordion extends UComponentRoot {
   itemPadding?: string
   itemIcon?: string
   transition?: objectProp
-  default: DefaultStyle
+  default?: DefaultStyle
 }
 
 export interface UAlert extends UComponentRoot {
@@ -86,7 +86,8 @@ export interface UAlert extends UComponentRoot {
   avatarBase?: string
   avatarSize?: string
   color?: string
-  variant?: string
+  intent?: string
+  default?: objectProp
 }
 
 export interface UAvatar extends UComponentRoot {
@@ -201,7 +202,7 @@ export interface UContextMenu extends UComponentRoot {
   shadow?: string
   rounded?: string
   ring?: string
-  base?: string
+  contextMenuBase?: string
   enterActiveClass?: string
   enterFromClass?: string
   enterToClass?: string
@@ -215,7 +216,7 @@ export interface UContextMenu extends UComponentRoot {
 }
 
 export interface UCheckbox extends UComponentRoot {
-  base?: string
+  checkboxBase?: string
   rounded?: string
   color?: string
   background?: string
@@ -247,22 +248,22 @@ export interface UDropdown extends UComponentRoot {
   shadow?: string
   rounded?: string
   ring?: string
-  base?: string
+  dropdownBase?: string
   divide?: string
   padding?: string
-  itemBase: string
-  itemRounded: string
-  itemPadding: string
-  itemSize: string
-  itemActive: string
-  itemInActive: string
-  itemDisabled: string
-  itemIconBase: string
-  itemIconActive: string
-  itemIconInActive: string
-  itemAvatarBase: string
-  itemAvatarSize: string
-  itemShortcuts: string
+  itemBase?: string
+  itemRounded?: string
+  itemPadding?: string
+  itemSize?: string
+  itemActive?: string
+  itemInActive?: string
+  itemDisabled?: string
+  itemIconBase?: string
+  itemIconActive?: string
+  itemIconInActive?: string
+  itemAvatarBase?: string
+  itemAvatarSize?: string
+  itemShortcuts?: string
   transition?: objectProp
   popper?: objectProp
 }
@@ -272,7 +273,7 @@ export interface UIcon extends UComponentRoot {
 }
 
 export interface UInput extends UComponentRoot {
-  base?: string
+  inputBase?: string
   rounded?: string
   placeholder?: string
   size?: objectProp
@@ -299,7 +300,7 @@ export interface UModal extends UComponentRoot {
   container?: string
   padding?: string
   margin?: string
-  base?: string
+  modalBase?: string
   overlayBase?: string
   overlayBackground?: string
   overlayEnterTransition?: string
@@ -347,7 +348,7 @@ export interface UNotification extends UComponentRoot {
 }
 
 export interface UPagination extends UComponentRoot {
-  base?: string
+  paginationBase?: string
   rounded?: string
   defaultSize?: string
   defaultActiveButtonColor?: string
@@ -378,7 +379,7 @@ export interface UPopover extends UComponentRoot {
 }
 
 export interface URadio extends UComponentRoot {
-  base?: string
+  radioBase?: string
   color?: string
   background?: string
   border?: string
@@ -386,11 +387,11 @@ export interface URadio extends UComponentRoot {
   label?: string
   required?: string
   help?: string
-  default: objectProp
+  default?: objectProp
 }
 
 export interface URange extends UComponentRoot {
-  base?: string
+  rangeBase?: string
   rounded?: string
   background?: string
   ring?: string
@@ -405,7 +406,7 @@ export interface URange extends UComponentRoot {
 }
 
 export interface USelect extends UComponentRoot {
-  base?: string
+  selectBase?: string
   rounded?: string
   placeholder?: string
   size?: objectProp
@@ -424,7 +425,7 @@ export interface USelectMenu extends UComponentRoot {
   container?: string
   width?: string
   height?: string
-  base?: string
+  selectMenuBase?: string
   background?: string
   shadow?: string
   rounded?: string
@@ -471,7 +472,7 @@ export interface USlideover extends UComponentRoot {
   overlayLeaveTransition?: string
   overlayLeaveFrom?: string
   overlayLeaveTo?: string
-  base?: string
+  slideOverBase?: string
   background?: string
   ring?: string
   rounded?: string
@@ -511,7 +512,7 @@ export interface UTable extends UComponentRoot {
 
 export interface UTabs extends UComponentRoot {
   container?: string
-  base?: string
+  tabsBase?: string
   listBase?: string
   listBackground?: string
   listRounded?: string
@@ -537,7 +538,7 @@ export interface UTabs extends UComponentRoot {
 }
 
 export interface UTextarea extends UComponentRoot {
-  base?: string
+  textAreaBase?: string
   rounded?: string
   placeholder?: string
   size?: objectProp
@@ -579,7 +580,7 @@ export interface UTooltip extends UComponentRoot {
   shadow?: string
   rounded?: string
   ring?: string
-  base?: string
+  toolTipBase?: string
   shortcuts?: string
   transitionEnterActiveClass?: string
   transitionEnterFromClass?: string
@@ -593,7 +594,7 @@ export interface UTooltip extends UComponentRoot {
 }
 
 export interface UVerticalNavigation extends UComponentRoot {
-  base?: string
+  verticalNavigationBase?: string
   ring?: string
   padding?: string
   width?: string
diff --git a/packages/nuxtlabs-ui-vue/src/componentResolver.ts b/packages/nuxtlabs-ui-vue/src/componentResolver.ts
new file mode 100644
index 0000000..ce36730
--- /dev/null
+++ b/packages/nuxtlabs-ui-vue/src/componentResolver.ts
@@ -0,0 +1,11 @@
+import type { ComponentResolver } from 'unplugin-vue-components'
+
+export function NuxtLabsUIComponentResolver(): ComponentResolver {
+  return {
+    type: 'component',
+    resolve: (name: string) => {
+      if (name.match(/^U[A-Z]/))
+        return { name, from: 'nuxtlabs-ui-vue' }
+    },
+  }
+}
diff --git a/packages/nuxtlabs-ui-vue/src/components/elements/Dropdown/UDropdown.vue b/packages/nuxtlabs-ui-vue/src/components/elements/Dropdown/UDropdown.vue
index 3df27e5..144aae7 100644
--- a/packages/nuxtlabs-ui-vue/src/components/elements/Dropdown/UDropdown.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/elements/Dropdown/UDropdown.vue
@@ -154,7 +154,7 @@ export default defineComponent({
 
     <div v-if="open && props.items" ref="container" :class="[variant.container, variant.width]" :style="containerStyle" @mouseover="onMouseOver">
       <Transition appear v-bind="nuxtLabsTheme.UDropdown.base.transition">
-        <HMenuItems :class="[variant.base, variant.divide, variant.ring, variant.rounded, variant.shadow, variant.background, variant.height]" static>
+        <HMenuItems :class="[variant.dropdownBase, variant.divide, variant.ring, variant.rounded, variant.shadow, variant.background, variant.height]" static>
           <div v-for="(subItems, index) of props.items" :key="index" :class="variant.padding">
             <HMenuItem v-for="(item, subIndex) of subItems" :key="subIndex" v-slot="{ active, disabled: itemDisabled }" :disabled="item.disabled">
               <ULink
diff --git a/packages/nuxtlabs-ui-vue/src/components/forms/Checkbox/UCheckbox.vue b/packages/nuxtlabs-ui-vue/src/components/forms/Checkbox/UCheckbox.vue
index e74a814..cc855f9 100644
--- a/packages/nuxtlabs-ui-vue/src/components/forms/Checkbox/UCheckbox.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/forms/Checkbox/UCheckbox.vue
@@ -85,7 +85,7 @@ function onChange(event: Event) {
 
 const inputClass = computed(() => {
   return classNames(
-    variant.value.base,
+    variant.value.checkboxBase,
     variant.value.rounded,
     variant.value.background,
     variant.value.border,
@@ -121,7 +121,7 @@ export default defineComponent({
         @change="onChange"
       >
     </div>
-    <div v-if="label || $slots.label" class="ms-3 text-sm">
+    <div v-if="label || $slots.label" :class="variant.checkBoxSpace">
       <label :for="name" :class="variant.label">
         <slot name="label">{{ label }}</slot>
         <span v-if="required" :class="variant.required">*</span>
diff --git a/packages/nuxtlabs-ui-vue/src/components/forms/Input/UInput.vue b/packages/nuxtlabs-ui-vue/src/components/forms/Input/UInput.vue
index 23755af..72814ed 100644
--- a/packages/nuxtlabs-ui-vue/src/components/forms/Input/UInput.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/forms/Input/UInput.vue
@@ -155,7 +155,7 @@ const trailingIconName = computed(() => {
 const inputClass = computed(() => {
   const variants = nuxtLabsTheme.UInput.base.color[props.color as string]?.[props.intent as string] || nuxtLabsTheme.UInput.base.intent[props.intent]
   return classNames(
-    variant.value.base,
+    variant.value.inputBase,
     variant.value.rounded,
     variant.value.placeholder,
     nuxtLabsTheme.UInput.base.size[props.size],
diff --git a/packages/nuxtlabs-ui-vue/src/components/forms/Radio/URadio.vue b/packages/nuxtlabs-ui-vue/src/components/forms/Radio/URadio.vue
index e64a3c0..a7a59fc 100644
--- a/packages/nuxtlabs-ui-vue/src/components/forms/Radio/URadio.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/forms/Radio/URadio.vue
@@ -76,7 +76,7 @@ const pick = computed({
 
 const inputClass = computed(() => {
   return classNames(
-    variant.value.base,
+    variant.value.radioBase,
     variant.value.background,
     variant.value.border,
     nuxtLabsTheme.URadio.base.ring.replaceAll('{color}', props.color),
diff --git a/packages/nuxtlabs-ui-vue/src/components/forms/Range/URange.vue b/packages/nuxtlabs-ui-vue/src/components/forms/Range/URange.vue
index 0508924..b0f5bb7 100644
--- a/packages/nuxtlabs-ui-vue/src/components/forms/Range/URange.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/forms/Range/URange.vue
@@ -86,7 +86,7 @@ const wrapperClass = computed(() => {
 
 const inputClass = computed(() => {
   return classNames(
-    variant.value.base,
+    variant.value.rangeBase,
     variant.value.background,
     variant.value.rounded,
     nuxtLabsTheme.URange.base.ring.replaceAll('{color}', props.color),
diff --git a/packages/nuxtlabs-ui-vue/src/components/forms/Select/USelect.vue b/packages/nuxtlabs-ui-vue/src/components/forms/Select/USelect.vue
index 0510a9d..34367ce 100644
--- a/packages/nuxtlabs-ui-vue/src/components/forms/Select/USelect.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/forms/Select/USelect.vue
@@ -201,7 +201,7 @@ const selectClass = computed(() => {
   const variants = nuxtLabsTheme.USelect.base.color[props.color as string]?.[props.intent as string] || nuxtLabsTheme.USelect.base.intent[props.intent]
 
   return classNames(
-    variant.value.base,
+    variant.value.selectBase,
     variant.value.rounded,
     nuxtLabsTheme.USelect.base.size[props.size],
     props.padded ? nuxtLabsTheme.USelect.base.padding[props.size] : 'p-0',
diff --git a/packages/nuxtlabs-ui-vue/src/components/forms/SelectMenu/USelectMenu.vue b/packages/nuxtlabs-ui-vue/src/components/forms/SelectMenu/USelectMenu.vue
index 3745169..eee7e83 100644
--- a/packages/nuxtlabs-ui-vue/src/components/forms/SelectMenu/USelectMenu.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/forms/SelectMenu/USelectMenu.vue
@@ -205,7 +205,7 @@ export default defineComponent({
       const variants = nuxtLabsTheme.USelect.base.color[props.color as string]?.[props.intent as string] || nuxtLabsTheme.USelect.base.intent[props.intent]
 
       return classNames(
-        nuxtLabsTheme.USelect.base.base,
+        nuxtLabsTheme.USelect.base.selectBase,
         nuxtLabsTheme.USelect.base.rounded,
         'text-left cursor-default',
         nuxtLabsTheme.USelect.base.size[props.size],
@@ -373,7 +373,7 @@ export default defineComponent({
     <div v-if="open" ref="container" :class="[variant.container, variant.width]">
       <Transition appear v-bind="nuxtLabsTheme.USelectMenu.base.transition">
         <!-- @vue-ignore -->
-        <component :is="searchable ? 'HComboboxOptions' : 'HListboxOptions'" static :class="[variant.base, nuxtLabsTheme.USelect.base.divide, variant.ring, variant.rounded, variant.shadow, variant.background, variant.padding, variant.height]">
+        <component :is="searchable ? 'HComboboxOptions' : 'HListboxOptions'" static :class="[variant.selectMenuBase, nuxtLabsTheme.USelect.base.divide, variant.ring, variant.rounded, variant.shadow, variant.background, variant.padding, variant.height]">
           <HComboboxInput
             v-if="searchable"
             ref="searchInput"
diff --git a/packages/nuxtlabs-ui-vue/src/components/forms/Textarea/UTextarea.vue b/packages/nuxtlabs-ui-vue/src/components/forms/Textarea/UTextarea.vue
index 4adc774..ec20f6b 100644
--- a/packages/nuxtlabs-ui-vue/src/components/forms/Textarea/UTextarea.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/forms/Textarea/UTextarea.vue
@@ -147,7 +147,7 @@ const textareaClass = computed(() => {
   const variants = nuxtLabsTheme.UTextarea.base.color[props.color as string]?.[props.intent as string] || nuxtLabsTheme.UTextarea.base.intent[props.intent]
 
   return classNames(
-    variant.value.base,
+    variant.value.textAreaBase,
     variant.value.rounded,
     variant.value.placeholder,
     nuxtLabsTheme.UTextarea.base.size[props.size],
diff --git a/packages/nuxtlabs-ui-vue/src/components/navigation/Pagination/UPagination.vue b/packages/nuxtlabs-ui-vue/src/components/navigation/Pagination/UPagination.vue
index d491d7a..1197c88 100644
--- a/packages/nuxtlabs-ui-vue/src/components/navigation/Pagination/UPagination.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/navigation/Pagination/UPagination.vue
@@ -183,7 +183,7 @@ export default defineComponent({
           v-if="props.prevButton"
           :size="props.size"
           :disabled="!canGoPrev"
-          :class="[variant.base, variant.rounded]"
+          :class="[variant.paginationBase, variant.rounded]"
           v-bind="{ ...nuxtLabsTheme.UPagination.base.default.prevButton, ...props.prevButton }"
           :ui="{ rounded: '' }"
           @click="onClickPrev"
@@ -206,7 +206,7 @@ export default defineComponent({
           v-if="props.nextButton"
           :size="props.size"
           :disabled="!canGoNext"
-          :class="[variant.base, variant.rounded]"
+          :class="[variant.paginationBase, variant.rounded]"
           v-bind="{ ...nuxtLabsTheme.UPagination.base.default.nextButton, ...props.nextButton }"
           :ui="{ rounded: '' }"
           @click="onClickNext"
diff --git a/packages/nuxtlabs-ui-vue/src/components/navigation/Tabs/UTabs.vue b/packages/nuxtlabs-ui-vue/src/components/navigation/Tabs/UTabs.vue
index 85cd417..aca0449 100644
--- a/packages/nuxtlabs-ui-vue/src/components/navigation/Tabs/UTabs.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/navigation/Tabs/UTabs.vue
@@ -5,12 +5,14 @@ import { Tab as HTab, TabGroup as HTabGroup, TabList as HTabList, TabPanel as HT
 import { useResizeObserver } from '@vueuse/core'
 import { omit } from 'lodash-es'
 import { twMerge } from 'tailwind-merge'
+import classNames from 'classnames'
 import type { VariantJSWithClassesListProps } from '@/utils/getVariantProps'
 import { getVariantPropsWithClassesList } from '@/utils/getVariantProps'
 import type { UTabs } from '@/Types/componentsTypes/components'
 import { Components } from '@/Types/enums/Components'
 import { useVariants } from '@/composables/useVariants'
 import type { TabItem } from '@/Types/components/tabs'
+import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
 
 const props = defineProps({
   ...getVariantPropsWithClassesList<UTabs>(),
@@ -102,6 +104,14 @@ watch(() => props.modelValue, (value: any) => {
 })
 
 onMounted(() => calcMarkerSize(selectedIndex.value))
+
+const tabGridClass = computed(() => {
+  return classNames(
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    nuxtLabsTheme.UTabs.base.tabGrid.replaceAll('{items}', props.items?.length),
+  )
+})
 </script>
 
 <script lang="ts">
@@ -113,31 +123,27 @@ export default defineComponent({
 
 <template>
   <HTabGroup
-    :vertical="orientation === 'vertical'"
-    :selected-index="selectedIndex"
-    as="div"
-    :class="wrapperClass"
-    v-bind="attrsOmitted"
-    @change="onChange"
+    :vertical="orientation === 'vertical'" :selected-index="selectedIndex" as="div" :class="wrapperClass"
+    v-bind="attrsOmitted" @change="onChange"
   >
     <HTabList
-      ref="listRef"
-      :class="[variant.listBase, variant.listBackground, variant.listRounded, variant.listShadow, variant.listPadding, variant.listWidth, orientation === 'horizontal' && variant.listHeight, orientation === 'horizontal' && 'inline-grid items-center']"
-      :style="[orientation === 'horizontal' && `grid-template-columns: repeat(${items.length}, minmax(0, 1fr))`]"
+      ref="listRef" :class="[
+        variant.listBase, variant.listBackground, variant.listRounded, variant.listShadow, variant.listPadding, variant.listWidth, orientation === 'horizontal' && variant.listHeight, orientation === 'horizontal' && variant.horizontalGrid,
+      ]" :style="[orientation === 'horizontal' && tabGridClass]"
     >
       <div ref="markerRef" :class="variant.listMarkerWrapper">
-        <div :class="[variant.listMarkerBase, variant.listMarkerBackground, variant.listMarkerRounded, variant.listMarkerShadow]" />
+        <div
+          :class="[variant.listMarkerBase, variant.listMarkerBackground, variant.listMarkerRounded, variant.listMarkerShadow]"
+        />
       </div>
 
       <HTab
-        v-for="(item, index) of items"
-        :key="index"
-        ref="itemRefs"
-        v-slot="{ selected, disabled }"
-        :disabled="item.disabled"
-        as="template"
+        v-for="(item, index) of items" :key="index" ref="itemRefs" v-slot="{ selected, disabled }"
+        :disabled="item.disabled" as="template"
       >
-        <button :class="[variant.listTabBase, variant.listTabBackground, variant.listTabHeight, variant.listTabPadding, variant.listTabSize, variant.listTabFont, variant.listTabRounded, variant.listTabShadow, selected ? variant.listTabActive : variant.listTabInactive]">
+        <button
+          :class="[variant.listTabBase, variant.listTabBackground, variant.listTabHeight, variant.listTabPadding, variant.listTabSize, variant.listTabFont, variant.listTabRounded, variant.listTabShadow, selected ? variant.listTabActive : variant.listTabInactive]"
+        >
           <slot :item="item" :index="index" :selected="selected" :disabled="disabled">
             {{ item.label }}
           </slot>
@@ -146,12 +152,7 @@ export default defineComponent({
     </HTabList>
 
     <HTabPanels :class="variant.container">
-      <HTabPanel
-        v-for="(item, index) of items"
-        :key="index"
-        v-slot="{ selected }"
-        :class="variant.base"
-      >
+      <HTabPanel v-for="(item, index) of items" :key="index" v-slot="{ selected }" :class="variant.tabsBase">
         <slot :name="item.slot || 'item'" :item="item" :index="index" :selected="selected">
           {{ item.content }}
         </slot>
diff --git a/packages/nuxtlabs-ui-vue/src/components/navigation/VerticalNavigation/UVerticalNavigation.vue b/packages/nuxtlabs-ui-vue/src/components/navigation/VerticalNavigation/UVerticalNavigation.vue
index fdb96ca..82f38b1 100644
--- a/packages/nuxtlabs-ui-vue/src/components/navigation/VerticalNavigation/UVerticalNavigation.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/navigation/VerticalNavigation/UVerticalNavigation.vue
@@ -49,7 +49,7 @@ export default defineComponent({
       :key="index"
       v-bind="omit(link, ['label', 'icon', 'iconClass', 'avatar', 'badge', 'click'])"
       :to="link.to"
-      :class="[variant.base, variant.padding, variant.width, variant.ring, variant.rounded, variant.font, variant.size]"
+      :class="[variant.verticalNavigationBase, variant.padding, variant.width, variant.ring, variant.rounded, variant.font, variant.size]"
       :active-class="variant.active"
       :inactive-class="variant.inactive"
       @click="link.click"
diff --git a/packages/nuxtlabs-ui-vue/src/components/overlays/ContextMenu/UContextMenu.vue b/packages/nuxtlabs-ui-vue/src/components/overlays/ContextMenu/UContextMenu.vue
index f3ed624..3561a4f 100644
--- a/packages/nuxtlabs-ui-vue/src/components/overlays/ContextMenu/UContextMenu.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/overlays/ContextMenu/UContextMenu.vue
@@ -1,6 +1,6 @@
 <script setup lang='ts'>
 import { computed, defineComponent, toRef, useAttrs } from 'vue'
-import type { PropType } from 'vue'
+import type { PropType, Ref } from 'vue'
 import { twJoin, twMerge } from 'tailwind-merge'
 import defu from 'defu'
 import { onClickOutside } from '@vueuse/core'
@@ -13,6 +13,7 @@ import { Components } from '@/Types/enums/Components'
 import { useVariants } from '@/composables/useVariants'
 import { usePopper } from '@/composables/usePopper'
 import nuxtLabsTheme from '@/theme/nuxtLabsTheme'
+import type { PopperOptions } from '@/Types/components/popper'
 
 const props = defineProps({
   ...getVariantPropsWithClassesList<UContextMenu>(),
@@ -93,7 +94,7 @@ export default defineComponent({
 <template>
   <div v-if="isOpen" ref="container" :class="wrapperClass" v-bind="attrsOmitted">
     <Transition appear v-bind="contextMenuTransitions">
-      <div :class="[variant.base, variant.ring, variant.rounded, variant.shadow, variant.background]">
+      <div :class="[variant.contextMenuBase, variant.ring, variant.rounded, variant.shadow, variant.background]">
         <slot />
       </div>
     </Transition>
diff --git a/packages/nuxtlabs-ui-vue/src/components/overlays/Modal/UModal.vue b/packages/nuxtlabs-ui-vue/src/components/overlays/Modal/UModal.vue
index d704962..bb2361d 100644
--- a/packages/nuxtlabs-ui-vue/src/components/overlays/Modal/UModal.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/overlays/Modal/UModal.vue
@@ -118,7 +118,7 @@ export default defineComponent({
           <TransitionChild as="template" :appear="appear" v-bind="transitionClass">
             <HDialogPanel
               :class="[
-                variant.base,
+                variant.modalBase,
                 variant.background,
                 variant.ring,
                 variant.shadow,
diff --git a/packages/nuxtlabs-ui-vue/src/components/overlays/Slideover/USlideover.vue b/packages/nuxtlabs-ui-vue/src/components/overlays/Slideover/USlideover.vue
index 6f118e0..4f57a31 100644
--- a/packages/nuxtlabs-ui-vue/src/components/overlays/Slideover/USlideover.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/overlays/Slideover/USlideover.vue
@@ -84,10 +84,10 @@ const transitionClass = computed(() => {
 
   return {
     ...slideOverTransitions,
-    enterFrom: props.side === 'left' ? '-translate-x-full' : 'translate-x-full',
-    enterTo: 'translate-x-0',
-    leaveFrom: 'translate-x-0',
-    leaveTo: props.side === 'left' ? '-translate-x-full' : 'translate-x-full',
+    enterFrom: props.side === 'left' ? variant.value.enterFromLeft : variant.value.enterFromRight,
+    enterTo: variant.value.enterToAndFrom,
+    leaveFrom: variant.value.enterToAndFrom,
+    leaveTo: props.side === 'left' ? variant.value.enterFromLeft : variant.value.enterFromRight,
   }
 })
 
@@ -112,7 +112,7 @@ export default defineComponent({
       </TransitionChild>
 
       <TransitionChild as="template" :appear="appear" v-bind="transitionClass">
-        <HDialogPanel :class="[variant.base, variant.width, variant.background, variant.ring, variant.padding]">
+        <HDialogPanel :class="[variant.slideOverBase, variant.width, variant.background, variant.ring, variant.padding]">
           <slot />
         </HDialogPanel>
       </TransitionChild>
diff --git a/packages/nuxtlabs-ui-vue/src/components/overlays/Tooltip/UTooltip.vue b/packages/nuxtlabs-ui-vue/src/components/overlays/Tooltip/UTooltip.vue
index bf924fc..879b96b 100644
--- a/packages/nuxtlabs-ui-vue/src/components/overlays/Tooltip/UTooltip.vue
+++ b/packages/nuxtlabs-ui-vue/src/components/overlays/Tooltip/UTooltip.vue
@@ -126,7 +126,7 @@ export default defineComponent({
 
     <div v-if="open && !prevent" ref="container" :class="[variant.container, variant.width]">
       <Transition appear v-bind="toolTipTransitions">
-        <div :class="[variant.base, variant.background, variant.color, variant.rounded, variant.shadow, variant.ring]">
+        <div :class="[variant.toolTipBase, variant.background, variant.color, variant.rounded, variant.shadow, variant.ring]">
           <slot name="text">
             {{ text }}
           </slot>
diff --git a/packages/nuxtlabs-ui-vue/src/composables/useCopyToClipboard.ts b/packages/nuxtlabs-ui-vue/src/composables/useCopyToClipboard.ts
index a0f6d5a..39e2624 100644
--- a/packages/nuxtlabs-ui-vue/src/composables/useCopyToClipboard.ts
+++ b/packages/nuxtlabs-ui-vue/src/composables/useCopyToClipboard.ts
@@ -1,5 +1,5 @@
 import { useClipboard } from '@vueuse/core'
-import { useToast } from './useToast'
+import useToast from './useToast'
 import type { Notification } from '@/Types/components/notification'
 
 export function useCopyToClipboard(options: Partial<Notification> = {}) {
diff --git a/packages/nuxtlabs-ui-vue/src/composables/useToast.ts b/packages/nuxtlabs-ui-vue/src/composables/useToast.ts
index b14f279..d546b6e 100644
--- a/packages/nuxtlabs-ui-vue/src/composables/useToast.ts
+++ b/packages/nuxtlabs-ui-vue/src/composables/useToast.ts
@@ -1,7 +1,7 @@
 import { ref } from 'vue'
 import type { Notification } from '@/Types/components/notification'
 
-export function useToast() {
+function useToast() {
   const notifications = ref([])
 
   function add(notification: Partial<Notification>) {
@@ -28,3 +28,5 @@ export function useToast() {
     remove,
   }
 }
+
+export default useToast
diff --git a/packages/nuxtlabs-ui-vue/src/index.ts b/packages/nuxtlabs-ui-vue/src/index.ts
index c5aab42..9b34e66 100644
--- a/packages/nuxtlabs-ui-vue/src/index.ts
+++ b/packages/nuxtlabs-ui-vue/src/index.ts
@@ -1,5 +1,9 @@
 export * from './components'
 
-export { default as createWindiUI } from './plugin'
+export { default as createNuxtLabsUI } from './plugin'
+
+export { default as useToast } from '@/composables/useToast'
+
+export { NuxtLabsUIComponentResolver } from '@/componentResolver'
 
 export { default } from './install'
diff --git a/packages/nuxtlabs-ui-vue/src/plugin.ts b/packages/nuxtlabs-ui-vue/src/plugin.ts
index f3163c9..3b25b1b 100644
--- a/packages/nuxtlabs-ui-vue/src/plugin.ts
+++ b/packages/nuxtlabs-ui-vue/src/plugin.ts
@@ -2,19 +2,19 @@ import type { App } from 'vue'
 import './assets/css/tailwind.css'
 import type { NuxtLabsUIConfiguration } from './Types/variant'
 
-const defaultOptions: WindiUIOptions = {
+const defaultOptions: NuxtLabsUIOptions = {
   prefix: 'U',
   registerComponents: true,
 }
 
-export interface WindiUIOptions {
+export interface NuxtLabsUIOptions {
   prefix?: string
   components?: any
   theme?: any
   registerComponents?: boolean
 }
 
-function create(createOptions: WindiUIOptions = {}) {
+function create(createOptions: NuxtLabsUIOptions = {}) {
   const install = (app: App, installOptions: NuxtLabsUIConfiguration) => {
     const options = {
       ...defaultOptions,
diff --git a/packages/nuxtlabs-ui-vue/src/theme/nuxtLabsTheme.ts b/packages/nuxtlabs-ui-vue/src/theme/nuxtLabsTheme.ts
index a7e69ec..86d75f1 100644
--- a/packages/nuxtlabs-ui-vue/src/theme/nuxtLabsTheme.ts
+++ b/packages/nuxtlabs-ui-vue/src/theme/nuxtLabsTheme.ts
@@ -36,21 +36,7 @@ export default {
     },
     variants: {
       default: {
-        color: 'white',
-        variant: 'solid',
-        icon: null,
-        closeButton: null,
-        actionButton: {
-          size: 'xs',
-          color: 'green',
-          variant: 'link',
-        },
-      },
-      intent: {
-        solid: 'bg-{color}-500 dark:bg-{color}-400 text-white dark:text-gray-900',
-        outline: 'text-{color}-500 dark:text-{color}-400 ring-1 ring-inset ring-{color}-500 dark:ring-{color}-400',
-        soft: 'bg-{color}-50 dark:bg-{color}-400 dark:bg-opacity-10 text-{color}-500 dark:text-{color}-400',
-        subtle: 'bg-{color}-50 dark:bg-{color}-400 dark:bg-opacity-10 text-{color}-500 dark:text-{color}-400 ring-1 ring-inset ring-{color}-500 dark:ring-{color}-400 ring-opacity-25 dark:ring-opacity-25',
+        root: 'w-full relative overflow-hidden',
       },
     },
   },
@@ -70,16 +56,14 @@ export default {
         class: 'mb-1.5 w-full',
         intent: 'soft',
       },
+    },
 
-      variants: {
-        defaults: {
-          default: {
-            openIcon: 'heroicons:chevron-down-20-solid',
-            closeIcon: '',
-            class: 'mb-1.5 w-full',
-            intent: 'soft',
-          },
-        },
+    variants: {
+      default: {
+        openIcon: 'heroicons:chevron-down-20-solid',
+        closeIcon: '',
+        class: 'mb-1.5 w-full',
+        intent: 'soft',
       },
     },
   },
@@ -345,9 +329,6 @@ export default {
       default: {
         root: 'overflow-hidden',
       },
-      background: 'bg-white dark:bg-gray-900',
-      divide: 'divide-y divide-gray-200 dark:divide-gray-800',
-      ring: 'ring-1 ring-gray-200 dark:ring-gray-800',
     },
   },
   UCommandPalette: {
@@ -441,7 +422,7 @@ export default {
       shadow: 'shadow-lg',
       rounded: 'rounded-md',
       ring: 'ring-1 ring-gray-200 dark:ring-gray-800',
-      base: 'overflow-hidden focus:outline-none',
+      contextMenuBase: 'overflow-hidden focus:outline-none',
       enterActiveClass: 'transition ease-out duration-200',
       enterFromClass: 'opacity-0 translate-y-1',
       enterToClass: 'opacity-100 translate-y-0',
@@ -458,16 +439,17 @@ export default {
       default: {
         root: 'relative',
         container: 'z-20',
+        background: 'bg-white dark:bg-gray-900',
+        ring: 'ring-1 ring-gray-200 dark:ring-gray-800',
       },
-      background: 'bg-white dark:bg-gray-900',
-      ring: 'ring-1 ring-gray-200 dark:ring-gray-800',
     },
   },
   UCheckbox: {
     base: {
       root: 'relative flex items-start',
-      base: 'h-4 w-4 dark:checked:bg-current dark:checked:border-transparent dark:indeterminate:bg-current dark:indeterminate:border-transparent disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent',
+      checkboxBase: 'h-4 w-4 dark:checked:bg-current dark:checked:border-transparent dark:indeterminate:bg-current dark:indeterminate:border-transparent disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent',
       rounded: 'rounded',
+      checkBoxSpace: 'ms-3 text-sm',
       color: 'text-{color}-500 dark:text-{color}-400',
       background: 'bg-white dark:bg-gray-900',
       border: 'border border-gray-300 dark:border-gray-700',
@@ -482,15 +464,14 @@ export default {
 
     variants: {
       default: {
-        color: 'green',
+        color: 'text-{color}-500 dark:text-{color}-400',
+        background: 'bg-white dark:bg-gray-900',
+        border: 'border border-gray-300 dark:border-gray-700',
+        ring: 'focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900',
+        label: 'font-medium text-gray-700 dark:text-gray-200',
+        required: 'text-red-500 dark:text-red-400',
+        help: 'text-gray-500 dark:text-gray-400',
       },
-      color: 'text-{color}-500 dark:text-{color}-400',
-      background: 'bg-white dark:bg-gray-900',
-      border: 'border border-gray-300 dark:border-gray-700',
-      ring: 'focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900',
-      label: 'font-medium text-gray-700 dark:text-gray-200',
-      required: 'text-red-500 dark:text-red-400',
-      help: 'text-gray-500 dark:text-gray-400',
     },
   },
   UFormGroup: {
@@ -515,14 +496,16 @@ export default {
     },
 
     variants: {
-      root: '',
-      labelWrapper: 'flex content-center items-center justify-between',
-      labelBase: 'block font-medium text-gray-700 dark:text-gray-200',
-      labelRequired: 'after:content-[\'*\'] after:ms-0.5 after:text-red-500 dark:after:text-red-400',
-      description: 'text-gray-500 dark:text-gray-400',
-      hint: 'text-gray-500 dark:text-gray-400',
-      help: 'mt-2 text-gray-500 dark:text-gray-400',
-      error: 'mt-2 text-red-500 dark:text-red-400',
+      default: {
+        root: '',
+        labelWrapper: 'flex content-center items-center justify-between',
+        labelBase: 'block font-medium text-gray-700 dark:text-gray-200',
+        labelRequired: 'after:content-[\'*\'] after:ms-0.5 after:text-red-500 dark:after:text-red-400',
+        description: 'text-gray-500 dark:text-gray-400',
+        hint: 'text-gray-500 dark:text-gray-400',
+        help: 'mt-2 text-gray-500 dark:text-gray-400',
+        error: 'mt-2 text-red-500 dark:text-red-400',
+      },
     },
   },
   UDropdown: {
@@ -536,7 +519,7 @@ export default {
       shadow: 'shadow-lg',
       rounded: 'rounded-md',
       ring: 'ring-1 ring-gray-200 dark:ring-gray-700',
-      base: 'relative focus:outline-none overflow-y-auto scroll-py-1',
+      dropdownBase: 'relative focus:outline-none overflow-y-auto scroll-py-1',
       divide: 'divide-y divide-gray-200 dark:divide-gray-700',
       padding: 'p-1',
       itemBase: 'group flex items-center gap-2 w-full',
@@ -601,7 +584,7 @@ export default {
   UInput: {
     base: {
       root: 'relative',
-      base: 'relative block w-full disabled:cursor-not-allowed disabled:opacity-75 border-none',
+      inputBase: 'relative block w-full disabled:cursor-not-allowed disabled:opacity-75 border-none',
       rounded: 'rounded-md',
       placeholder: 'placeholder-gray-400 dark:placeholder-gray-500',
       size: {
@@ -729,7 +712,7 @@ export default {
   URadio: {
     base: {
       root: 'relative flex items-start',
-      base: 'h-4 w-4 dark:checked:bg-current dark:checked:border-transparent disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent',
+      radioBase: 'h-4 w-4 dark:checked:bg-current dark:checked:border-transparent disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent',
       color: 'text-{color}-500 dark:text-{color}-400',
       background: 'bg-white dark:bg-gray-900',
       border: 'border border-gray-300 dark:border-gray-700',
@@ -743,16 +726,15 @@ export default {
     },
     variants: {
       default: {
-        color: 'green',
+        radioBase: 'h-4 w-4 dark:checked:bg-current dark:checked:border-transparent disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent',
+        color: 'text-{color}-500 dark:text-{color}-400',
+        background: 'bg-white dark:bg-gray-900',
+        border: 'border border-gray-300 dark:border-gray-700',
+        ring: 'focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900',
+        label: 'font-medium text-gray-700 dark:text-gray-200',
+        required: 'text-red-500 dark:text-red-400',
+        help: 'text-gray-500 dark:text-gray-400',
       },
-      base: 'h-4 w-4 dark:checked:bg-current dark:checked:border-transparent disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent',
-      color: 'text-{color}-500 dark:text-{color}-400',
-      background: 'bg-white dark:bg-gray-900',
-      border: 'border border-gray-300 dark:border-gray-700',
-      ring: 'focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900',
-      label: 'font-medium text-gray-700 dark:text-gray-200',
-      required: 'text-red-500 dark:text-red-400',
-      help: 'text-gray-500 dark:text-gray-400',
     },
   },
   UKbd: {
@@ -777,9 +759,9 @@ export default {
       default: {
         root: 'inline-flex items-center justify-center text-gray-900 dark:text-white',
         padding: 'px-1',
+        background: 'bg-gray-100 dark:bg-gray-800',
+        ring: 'ring-1 ring-gray-300 dark:ring-gray-700 ring-inset',
       },
-      background: 'bg-gray-100 dark:bg-gray-800',
-      ring: 'ring-1 ring-gray-300 dark:ring-gray-700 ring-inset',
     },
   },
 
@@ -794,7 +776,7 @@ export default {
       heightScreen: 'h-screen',
       roundedNone: 'rounded-none',
       marginNone: 'm-0',
-      base: 'relative text-left rtl:text-right overflow-hidden w-full flex flex-col',
+      modalBase: 'relative text-left rtl:text-right overflow-hidden w-full flex flex-col',
       overlayBase: 'fixed inset-0 transition-opacity',
       overlayBackground: 'bg-gray-200/75 dark:bg-gray-800/75',
       overlayEnterTransition: 'ease-out duration-300',
@@ -821,9 +803,9 @@ export default {
       default: {
         root: 'relative z-50',
         inner: 'fixed inset-0 overflow-y-auto',
+        overlayBackground: 'bg-gray-200/75 dark:bg-gray-800/75',
+        background: 'bg-white dark:bg-gray-900',
       },
-      overlayBackground: 'bg-gray-200/75 dark:bg-gray-800/75',
-      background: 'bg-white dark:bg-gray-900',
     },
   },
 
@@ -874,18 +856,18 @@ export default {
     variants: {
       default: {
         root: 'w-full pointer-events-auto',
+        title: 'text-sm font-medium text-gray-900 dark:text-white',
+        description: 'mt-1 text-sm leading-4 text-gray-500 dark:text-gray-400',
+        background: 'bg-white dark:bg-gray-900',
+        progressBackground: 'bg-{color}-500 dark:bg-{color}-400',
       },
-      title: 'text-sm font-medium text-gray-900 dark:text-white',
-      description: 'mt-1 text-sm leading-4 text-gray-500 dark:text-gray-400',
-      background: 'bg-white dark:bg-gray-900',
-      progressBackground: 'bg-{color}-500 dark:bg-{color}-400',
     },
   },
 
   UPagination: {
     base: {
       root: 'flex items-center -space-x-px',
-      base: '',
+      paginationBase: '',
       rounded: 'first:rounded-s-md last:rounded-e-md',
       default: {
         size: 'sm',
@@ -911,7 +893,7 @@ export default {
     variants: {
       default: {
         root: 'flex items-center -space-x-px',
-        base: '',
+        paginationBase: '',
         rounded: 'first:rounded-s-md last:rounded-e-md',
       },
     },
@@ -952,7 +934,7 @@ export default {
   URange: {
     base: {
       root: 'relative w-full flex items-center',
-      base: 'w-full absolute appearance-none cursor-pointer disabled:cursor-not-allowed disabled:bg-opacity-50 focus:outline-none peer group',
+      rangeBase: 'w-full absolute appearance-none cursor-pointer disabled:cursor-not-allowed disabled:bg-opacity-50 focus:outline-none peer group',
       rounded: 'rounded-lg',
       background: 'bg-transparent',
       ring: 'focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900',
@@ -1001,9 +983,9 @@ export default {
       default: {
         size: 'md',
         color: 'green',
+        background: 'bg-transparent',
+        ring: 'focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900',
       },
-      background: 'bg-transparent',
-      ring: 'focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900',
     },
   },
 
@@ -1016,8 +998,8 @@ export default {
     variants: {
       default: {
         root: 'animate-pulse',
+        background: 'bg-gray-100 dark:bg-gray-800',
       },
-      background: 'bg-gray-100 dark:bg-gray-800',
     },
   },
 
@@ -1121,7 +1103,9 @@ export default {
     base: {
       root: 'relative space-y-2',
       container: 'relative w-full',
-      base: 'focus:outline-none',
+      tabsBase: 'focus:outline-none',
+      tabGrid: 'grid-template-columns: repeat({items}, minmax(0, 1fr))',
+      horizontalGrid: 'inline-grid items-center',
       listBase: 'relative',
       listBackground: 'bg-gray-100 dark:bg-gray-800',
       listRounded: 'rounded-lg',
@@ -1150,9 +1134,9 @@ export default {
       default: {
         root: 'relative space-y-2',
         container: 'relative w-full',
+        listTabActive: 'text-gray-900 dark:text-white',
+        listTabInactive: 'text-gray-500 dark:text-gray-400',
       },
-      listTabActive: 'text-gray-900 dark:text-white',
-      listTabInactive: 'text-gray-500 dark:text-gray-400',
     },
 
   },
@@ -1160,7 +1144,7 @@ export default {
   UTextarea: {
     base: {
       root: 'relative',
-      base: 'relative block w-full disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0',
+      textAreaBase: 'relative block w-full disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0',
       rounded: 'rounded-md',
       placeholder: 'placeholder-gray-400 dark:placeholder-gray-500',
       size: {
@@ -1282,7 +1266,7 @@ export default {
       shadow: 'shadow',
       rounded: 'rounded',
       ring: 'ring-1 ring-gray-200 dark:ring-gray-800',
-      base: 'invisible lg:visible h-6 px-2 py-1 text-xs font-normal truncate',
+      toolTipBase: 'invisible lg:visible h-6 px-2 py-1 text-xs font-normal truncate',
       shortcuts: 'hidden md:inline-flex flex-shrink-0 gap-0.5',
       transitionEnterActiveClass: 'transition ease-out duration-200',
       transitionEnterFromClass: 'opacity-0 translate-y-1',
@@ -1299,16 +1283,16 @@ export default {
       default: {
         root: 'relative inline-flex',
         container: 'z-20',
+        background: 'bg-white dark:bg-gray-900',
+        color: 'text-gray-900 dark:text-white',
+        ring: 'ring-1 ring-gray-200 dark:ring-gray-800',
       },
-      background: 'bg-white dark:bg-gray-900',
-      color: 'text-gray-900 dark:text-white',
-      ring: 'ring-1 ring-gray-200 dark:ring-gray-800',
     },
   },
   USelect: {
     base: {
       root: 'relative',
-      base: 'relative block w-full disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0',
+      selectBase: 'relative block w-full disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0',
       rounded: 'rounded-md',
       placeholder: 'text-gray-900 dark:text-white',
       size: {
@@ -1419,19 +1403,7 @@ export default {
         intent: 'outline',
         loadingIcon: 'heroicons:arrow-path-20-solid',
         trailingIcon: 'heroicons:chevron-down-20-solid',
-      },
-      iconBase: 'flex-shrink-0 text-gray-400 dark:text-gray-500',
-      color: {
-        white: {
-          outline: 'shadow-sm bg-white dark:bg-gray-900 text-gray-900 dark:text-white ring-1 ring-inset ring-gray-300 dark:ring-gray-700 focus:ring-2 focus:ring-green-500 dark:focus:ring-green-400',
-        },
-        gray: {
-          outline: 'shadow-sm bg-gray-50 dark:bg-gray-800 text-gray-900 dark:text-white ring-1 ring-inset ring-gray-300 dark:ring-gray-700 focus:ring-2 focus:ring-green-500 dark:focus:ring-green-400',
-        },
-      },
-      intent: {
-        outline: 'shadow-sm bg-transparent text-gray-900 dark:text-white ring-1 ring-inset ring-{color}-500 dark:ring-{color}-400 focus:ring-2 focus:ring-{color}-500 dark:focus:ring-{color}-400',
-        none: 'bg-transparent focus:ring-0 focus:shadow-none',
+        iconBase: 'flex-shrink-0 text-gray-400 dark:text-gray-500',
       },
     },
   },
@@ -1445,8 +1417,8 @@ export default {
       truncate: 'truncate',
       blockTruncate: 'block truncate',
       height: 'max-h-60',
-      base: 'relative focus:outline-none overflow-y-auto scroll-py-1',
-      background: 'dark:bg-gray-800',
+      selectMenuBase: 'relative focus:outline-none overflow-y-auto scroll-py-1',
+      background: 'bg-white dark:bg-gray-800',
       shadow: 'shadow-lg',
       rounded: 'rounded-md',
       padding: 'p-1',
@@ -1487,14 +1459,14 @@ export default {
     variants: {
       default: {
         selectedIcon: 'heroicons:check-20-solid',
+        optionColor: 'text-gray-900 dark:text-white',
+        optionActive: 'bg-gray-100 dark:bg-gray-900',
+        optionDisabled: 'cursor-not-allowed opacity-50',
+        optionEmpty: 'text-sm text-gray-400 dark:text-gray-500 px-2 py-1.5',
+        optionIconActive: 'text-gray-900 dark:text-white',
+        optionIconInactive: 'text-gray-400 dark:text-gray-500',
+        optionSelectedIconBase: 'h-4 w-4 text-gray-900 dark:text-white flex-shrink-0',
       },
-      optionColor: 'text-gray-900 dark:text-white',
-      optionActive: 'bg-gray-100 dark:bg-gray-900',
-      optionDisabled: 'cursor-not-allowed opacity-50',
-      optionEmpty: 'text-sm text-gray-400 dark:text-gray-500 px-2 py-1.5',
-      optionIconActive: 'text-gray-900 dark:text-white',
-      optionIconInactive: 'text-gray-400 dark:text-gray-500',
-      optionSelectedIconBase: 'h-4 w-4 text-gray-900 dark:text-white flex-shrink-0',
 
     },
   },
@@ -1509,8 +1481,11 @@ export default {
       overlayEnterTo: 'opacity-100',
       overlayLeaveTransition: 'ease-in-out duration-500',
       overlayLeaveFrom: 'opacity-100',
+      enterFromLeft: '-translate-x-full',
+      enterFromRight: 'translate-x-full',
+      enterToAndFrom: 'translate-x-0',
       overlayLeaveTo: 'opacity-0',
-      base: 'relative flex-1 flex flex-col w-full focus:outline-none',
+      slideOverBase: 'relative flex-1 flex flex-col w-full focus:outline-none',
       background: 'bg-white dark:bg-gray-900',
       ring: '',
       rounded: '',
@@ -1525,9 +1500,9 @@ export default {
       default: {
         root: 'fixed inset-0 flex z-50',
         overlayBase: 'fixed inset-0 transition-opacity',
+        overlayBackground: 'bg-gray-200/75 dark:bg-gray-800/75',
+        background: 'bg-white dark:bg-gray-900',
       },
-      overlayBackground: 'bg-gray-200/75 dark:bg-gray-800/75',
-      background: 'bg-white dark:bg-gray-900',
     },
   },
 
@@ -1555,22 +1530,19 @@ export default {
 
     variants: {
       default: {
-        onIcon: null,
-        offIcon: null,
-        color: 'green',
+        iconBase: 'absolute inset-0 h-full w-full flex items-center justify-center transition-opacity',
+        iconActive: 'opacity-100 ease-in duration-200',
+        iconInactive: 'opacity-0 ease-out duration-100',
+        iconOn: 'h-3 w-3 text-{color}-500 dark:text-{color}-400',
+        ring: 'focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900',
+        active: 'bg-{color}-500 dark:bg-{color}-400',
       },
-      iconBase: 'absolute inset-0 h-full w-full flex items-center justify-center transition-opacity',
-      iconActive: 'opacity-100 ease-in duration-200',
-      iconInactive: 'opacity-0 ease-out duration-100',
-      iconOn: 'h-3 w-3 text-{color}-500 dark:text-{color}-400',
-      ring: 'focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900',
-      active: 'bg-{color}-500 dark:bg-{color}-400',
     },
   },
   UVerticalNavigation: {
     base: {
       root: 'relative',
-      base: 'group relative flex items-center gap-2 focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-1 focus-visible:before:ring-green-500 dark:focus-visible:before:ring-green-400 before:absolute before:inset-px before:rounded-md disabled:cursor-not-allowed disabled:opacity-75',
+      verticalNavigationBase: 'group relative flex items-center gap-2 focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-1 focus-visible:before:ring-green-500 dark:focus-visible:before:ring-green-400 before:absolute before:inset-px before:rounded-md disabled:cursor-not-allowed disabled:opacity-75',
       ring: 'focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-green-500 dark:focus-visible:ring-green-400',
       padding: 'px-3 py-1.5',
       width: 'w-full',
diff --git a/packages/nuxtlabs-ui-vue/tailwind.config.js b/packages/nuxtlabs-ui-vue/tailwind.config.js
index ae03a3c..133bd76 100755
--- a/packages/nuxtlabs-ui-vue/tailwind.config.js
+++ b/packages/nuxtlabs-ui-vue/tailwind.config.js
@@ -1,41 +1,41 @@
-/* eslint-disable no-unused-expressions */
-import tailwindColors from './node_modules/tailwindcss/colors'
+// /* eslint-disable no-unused-expressions */
+// import tailwindColors from './node_modules/tailwindcss/colors'
 
-const colorSafeList = []
+// const colorSafeList = []
 
-// Skip these to avoid a load of deprecated warnings when tailwind starts up
-const deprecated = ['lightBlue', 'warmGray', 'trueGray', 'coolGray', 'blueGray']
+// // Skip these to avoid a load of deprecated warnings when tailwind starts up
+// const deprecated = ['lightBlue', 'warmGray', 'trueGray', 'coolGray', 'blueGray']
 
-for (const colorName in tailwindColors) {
-  if (deprecated.includes(colorName))
-    continue
+// for (const colorName in tailwindColors) {
+//   if (deprecated.includes(colorName))
+//     continue
 
-  const shades = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900]
+//   const shades = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900]
 
-  const pallette = tailwindColors[colorName]
+//   const pallette = tailwindColors[colorName]
 
-  if (typeof pallette === 'object') {
-    shades.forEach((shade) => {
-      if (shade in pallette) {
-        colorSafeList.push(`text-${colorName}-${shade}`),
-        colorSafeList.push(`accent-${colorName}-${shade}`),
-        colorSafeList.push(`bg-${colorName}-${shade}`),
-        colorSafeList.push(`hover:bg-${colorName}-${shade}`),
-        colorSafeList.push(`focus:bg-${colorName}-${shade}`),
-        colorSafeList.push(`ring-${colorName}-${shade}`),
-        colorSafeList.push(`focus:ring-${colorName}-${shade}`),
-        colorSafeList.push(`border-${colorName}-${shade}`)
-      }
-    })
-  }
-}
+//   if (typeof pallette === 'object') {
+//     shades.forEach((shade) => {
+//       if (shade in pallette) {
+//         colorSafeList.push(`text-${colorName}-${shade}`),
+//         colorSafeList.push(`accent-${colorName}-${shade}`),
+//         colorSafeList.push(`bg-${colorName}-${shade}`),
+//         colorSafeList.push(`hover:bg-${colorName}-${shade}`),
+//         colorSafeList.push(`focus:bg-${colorName}-${shade}`),
+//         colorSafeList.push(`ring-${colorName}-${shade}`),
+//         colorSafeList.push(`focus:ring-${colorName}-${shade}`),
+//         colorSafeList.push(`border-${colorName}-${shade}`)
+//       }
+//     })
+//   }
+// }
 /** @type {import('tailwindcss').Config} */
-export const safelist = colorSafeList
+// export const safelist = colorSafeList
 export const content = ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}']
 export const darkMode = 'class'
 export const theme = {
   extend: {
-    colors: tailwindColors,
+    // colors: tailwindColors,
     backgroundColor: ['disabled'],
     textColor: ['disabled'],
     fontFamily: {
diff --git a/packages/nuxtlabs-ui-vue/vite.config.ts b/packages/nuxtlabs-ui-vue/vite.config.ts
index 86e490f..e71f400 100755
--- a/packages/nuxtlabs-ui-vue/vite.config.ts
+++ b/packages/nuxtlabs-ui-vue/vite.config.ts
@@ -5,11 +5,11 @@ import { defineConfig } from 'vite'
 // https://github.com/qmhc/vite-plugin-dts
 import dtsPlugin from 'vite-plugin-dts'
 
-// import * as pkg from './package.json'
+import * as pkg from './package.json'
 
-// const externals = [
-//   ...Object.keys(pkg.peerDependencies || {}),
-// ]
+const externals = [
+  ...Object.keys(pkg.peerDependencies || {}),
+]
 export default defineConfig({
   plugins: [
     Vue(),
@@ -30,7 +30,7 @@ export default defineConfig({
       fileName: format => format === 'cjs' ? 'nuxtlabs-ui-vue.cjs' : 'nuxtlabs-ui-vue.mjs',
     },
     rollupOptions: {
-      external: 'Vue',
+      external: externals,
       output: {
         format: 'esm',
         globals: {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c887308..aeed293 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,15 +21,6 @@ importers:
       '@vitejs/plugin-vue':
         specifier: ^4.2.3
         version: 4.2.3(vite@4.4.9)
-      '@vitest/coverage-c8':
-        specifier: ^0.33.0
-        version: 0.33.0(vitest@0.33.0)
-      '@vitest/coverage-v8':
-        specifier: ^0.33.0
-        version: 0.33.0(vitest@0.33.0)
-      '@vitest/ui':
-        specifier: ^0.33.0
-        version: 0.33.0(vitest@0.33.0)
       '@vue/test-utils':
         specifier: ^2.4.1
         version: 2.4.1
@@ -71,7 +62,7 @@ importers:
         version: 3.5.1(@types/node@20.4.9)(typescript@5.1.6)(vite@4.4.9)
       vitest:
         specifier: ^0.33.0
-        version: 0.33.0(@vitest/ui@0.33.0)(jsdom@22.1.0)
+        version: 0.33.0(jsdom@22.1.0)
 
   packages/nuxtlabs-ui-vue:
     dependencies:
@@ -475,10 +466,6 @@ packages:
       '@babel/helper-validator-identifier': 7.22.5
       to-fast-properties: 2.0.0
 
-  /@bcoe/v8-coverage@0.2.3:
-    resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
-    dev: true
-
   /@esbuild-kit/cjs-loader@2.4.2:
     resolution: {integrity: sha512-BDXFbYOJzT/NBEtp71cvsrGPwGAMGRB/349rwKuoxNSiKjPraNNnlK6MIIabViCjqZugu6j+xeMDlEkWdHHJSg==}
     dependencies:
@@ -965,11 +952,6 @@ packages:
       wrap-ansi-cjs: /wrap-ansi@7.0.0
     dev: true
 
-  /@istanbuljs/schema@0.1.3:
-    resolution: {integrity: sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==}
-    engines: {node: '>=8'}
-    dev: true
-
   /@jest/schemas@29.6.0:
     resolution: {integrity: sha512-rxLjXyJBTL4LQeJW3aKo0M/+GkCOXsO+8i9Iu7eDb6KwtP65ayoDsitrdPBtujxQ88k4wI2FNYfa6TOGwSn6cQ==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -1207,10 +1189,6 @@ packages:
     dev: true
     optional: true
 
-  /@polka/url@1.0.0-next.21:
-    resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
-    dev: true
-
   /@popperjs/core@2.11.8:
     resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
     dev: false
@@ -1433,10 +1411,6 @@ packages:
     resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==}
     dev: true
 
-  /@types/istanbul-lib-coverage@2.0.4:
-    resolution: {integrity: sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==}
-    dev: true
-
   /@types/json-schema@7.0.12:
     resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==}
     dev: true
@@ -1690,41 +1664,6 @@ packages:
       vue: 3.3.4
     dev: true
 
-  /@vitest/coverage-c8@0.33.0(vitest@0.33.0):
-    resolution: {integrity: sha512-DaF1zJz4dcOZS4k/neiQJokmOWqsGXwhthfmUdPGorXIQHjdPvV6JQSYhQDI41MyI8c+IieQUdIDs5XAMHtDDw==}
-    deprecated: v8 coverage is moved to @vitest/coverage-v8 package
-    peerDependencies:
-      vitest: '>=0.30.0 <1'
-    dependencies:
-      '@ampproject/remapping': 2.2.1
-      c8: 7.14.0
-      magic-string: 0.30.2
-      picocolors: 1.0.0
-      std-env: 3.3.3
-      vitest: 0.33.0(@vitest/ui@0.33.0)(jsdom@22.1.0)
-    dev: true
-
-  /@vitest/coverage-v8@0.33.0(vitest@0.33.0):
-    resolution: {integrity: sha512-Rj5IzoLF7FLj6yR7TmqsfRDSeaFki6NAJ/cQexqhbWkHEV2htlVGrmuOde3xzvFsCbLCagf4omhcIaVmfU8Okg==}
-    peerDependencies:
-      vitest: '>=0.32.0 <1'
-    dependencies:
-      '@ampproject/remapping': 2.2.1
-      '@bcoe/v8-coverage': 0.2.3
-      istanbul-lib-coverage: 3.2.0
-      istanbul-lib-report: 3.0.1
-      istanbul-lib-source-maps: 4.0.1
-      istanbul-reports: 3.1.6
-      magic-string: 0.30.2
-      picocolors: 1.0.0
-      std-env: 3.3.3
-      test-exclude: 6.0.0
-      v8-to-istanbul: 9.1.0
-      vitest: 0.33.0(@vitest/ui@0.33.0)(jsdom@22.1.0)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@vitest/expect@0.33.0:
     resolution: {integrity: sha512-sVNf+Gla3mhTCxNJx+wJLDPp/WcstOe0Ksqz4Vec51MmgMth/ia0MGFEkIZmVGeTL5HtjYR4Wl/ZxBxBXZJTzQ==}
     dependencies:
@@ -1755,21 +1694,6 @@ packages:
       tinyspy: 2.1.1
     dev: true
 
-  /@vitest/ui@0.33.0(vitest@0.33.0):
-    resolution: {integrity: sha512-7gbAjLqt30R4bodkJAutdpy4ncv+u5IKTHYTow1c2q+FOxZUC9cKOSqMUxjwaaTwLN+EnDnmXYPtg3CoahaUzQ==}
-    peerDependencies:
-      vitest: '>=0.30.1 <1'
-    dependencies:
-      '@vitest/utils': 0.33.0
-      fast-glob: 3.3.1
-      fflate: 0.8.0
-      flatted: 3.2.7
-      pathe: 1.1.1
-      picocolors: 1.0.0
-      sirv: 2.0.3
-      vitest: 0.33.0(@vitest/ui@0.33.0)(jsdom@22.1.0)
-    dev: true
-
   /@vitest/utils@0.33.0:
     resolution: {integrity: sha512-pF1w22ic965sv+EN6uoePkAOTkAPWM03Ri/jXNyMIKBb/XHLDPfhLvf/Fa9g0YECevAIz56oVYXhodLvLQ/awA==}
     dependencies:
@@ -2297,25 +2221,6 @@ packages:
       - supports-color
     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'}
@@ -2490,14 +2395,6 @@ packages:
       string-width: 5.1.2
     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'}
@@ -3396,10 +3293,6 @@ packages:
       reusify: 1.0.4
     dev: true
 
-  /fflate@0.8.0:
-    resolution: {integrity: sha512-FAdS4qMuFjsJj6XHbBaZeXOgaypXp8iw/Tpyuq/w3XA41jjLHT8NPA+n7czH/DDhdncq0nAyDZmPeWXh2qmdIg==}
-    dev: true
-
   /file-entry-cache@6.0.1:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -3453,14 +3346,6 @@ packages:
       is-callable: 1.2.7
     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'}
@@ -3808,10 +3693,6 @@ packages:
       whatwg-encoding: 2.0.0
     dev: true
 
-  /html-escaper@2.0.2:
-    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
-    dev: true
-
   /htmlparser2@8.0.2:
     resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==}
     dependencies:
@@ -4125,39 +4006,6 @@ packages:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true
 
-  /istanbul-lib-coverage@3.2.0:
-    resolution: {integrity: sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /istanbul-lib-report@3.0.1:
-    resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
-    engines: {node: '>=10'}
-    dependencies:
-      istanbul-lib-coverage: 3.2.0
-      make-dir: 4.0.0
-      supports-color: 7.2.0
-    dev: true
-
-  /istanbul-lib-source-maps@4.0.1:
-    resolution: {integrity: sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==}
-    engines: {node: '>=10'}
-    dependencies:
-      debug: 4.3.4
-      istanbul-lib-coverage: 3.2.0
-      source-map: 0.6.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /istanbul-reports@3.1.6:
-    resolution: {integrity: sha512-TLgnMkKg3iTDsQ9PbPTdpfAK2DzjF9mqUG7RMgcQl8oFjad8ob4laGxv5XV5U9MAfx8D6tSJiUyuAwzLicaxlg==}
-    engines: {node: '>=8'}
-    dependencies:
-      html-escaper: 2.0.2
-      istanbul-lib-report: 3.0.1
-    dev: true
-
   /jackspeak@2.2.3:
     resolution: {integrity: sha512-pF0kfjmg8DJLxDrizHoCZGUFz4P4czQ3HyfW4BU0ffebYkzAVlBywp5zaxW/TM+r0sGbmrQdi8EQQVTJFxnGsQ==}
     engines: {node: '>=14'}
@@ -4482,13 +4330,6 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /make-dir@4.0.0:
-    resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
-    engines: {node: '>=10'}
-    dependencies:
-      semver: 7.5.4
-    dev: true
-
   /make-fetch-happen@11.1.1:
     resolution: {integrity: sha512-rLWS7GCSTcEujjVBs2YqG7Y4643u8ucvCJeSRqiLYhesrDuzeuFIk37xREzAsfQaqzl8b9rNCE4m6J8tvX4Q8w==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -4733,11 +4574,6 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /mrmime@1.0.1:
-    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
-    engines: {node: '>=10'}
-    dev: true
-
   /ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
     dev: true
@@ -5723,15 +5559,6 @@ packages:
     requiresBuild: true
     dev: true
 
-  /sirv@2.0.3:
-    resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==}
-    engines: {node: '>= 10'}
-    dependencies:
-      '@polka/url': 1.0.0-next.21
-      mrmime: 1.0.1
-      totalist: 3.0.1
-    dev: true
-
   /sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
     dev: true
@@ -6059,15 +5886,6 @@ packages:
       - supports-color
     dev: true
 
-  /test-exclude@6.0.0:
-    resolution: {integrity: sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==}
-    engines: {node: '>=8'}
-    dependencies:
-      '@istanbuljs/schema': 0.1.3
-      glob: 7.2.3
-      minimatch: 3.1.2
-    dev: true
-
   /text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
@@ -6114,11 +5932,6 @@ packages:
       is-number: 7.0.0
     dev: true
 
-  /totalist@3.0.1:
-    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
-    engines: {node: '>=6'}
-    dev: true
-
   /tough-cookie@4.1.3:
     resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
     engines: {node: '>=6'}
@@ -6442,15 +6255,6 @@ packages:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
 
-  /v8-to-istanbul@9.1.0:
-    resolution: {integrity: sha512-6z3GW9x8G1gd+JIIgQQQxXuiJtCXeAjp6RaPEPLv62mH3iPHPxV6W3robxtCzNErRo6ZwTmzWhsbNvjyEBKzKA==}
-    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
-    dev: true
-
   /validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
     dependencies:
@@ -6612,7 +6416,7 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest@0.33.0(@vitest/ui@0.33.0)(jsdom@22.1.0):
+  /vitest@0.33.0(jsdom@22.1.0):
     resolution: {integrity: sha512-1CxaugJ50xskkQ0e969R/hW47za4YXDUfWJDxip1hwbnhUjYolpfUn2AMOulqG/Dtd9WYAtkHmM/m3yKVrEejQ==}
     engines: {node: '>=v14.18.0'}
     hasBin: true
@@ -6650,7 +6454,6 @@ packages:
       '@vitest/runner': 0.33.0
       '@vitest/snapshot': 0.33.0
       '@vitest/spy': 0.33.0
-      '@vitest/ui': 0.33.0(vitest@0.33.0)
       '@vitest/utils': 0.33.0
       acorn: 8.10.0
       acorn-walk: 8.2.0
@@ -6937,29 +6740,11 @@ packages:
     engines: {node: '>= 14'}
     dev: true
 
-  /yargs-parser@20.2.9:
-    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
-    engines: {node: '>=10'}
-    dev: true
-
   /yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
     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'}