@una-ui/nuxt 0.18.0-beta.1 → 0.19.0-beta.1

package/README.md

@@ -1,6 +1,6 @@
 # ✨ Una UI
 
-> [!WARNING]  
+> [!WARNING]
 > This project is heavily working in progress.
 
 ## 🏗️ Release Status

package/dist/module.d.mts

@@ -3,7 +3,10 @@ import { UnaSettings } from '../dist/runtime/types/index.js';
 
 declare module '@nuxt/schema' {
     interface AppConfigInput {
-        una?: UnaSettings;
+        una?: Partial<Omit<UnaSettings, 'primaryColors' | 'grayColors'>>;
+    }
+    interface AppConfig {
+        una: Omit<UnaSettings, 'primaryColors' | 'grayColors'>;
     }
 }
 interface ModuleOptions {

package/dist/module.d.ts

@@ -3,7 +3,10 @@ import { UnaSettings } from '../dist/runtime/types/index.js';
 
 declare module '@nuxt/schema' {
     interface AppConfigInput {
-        una?: UnaSettings;
+        una?: Partial<Omit<UnaSettings, 'primaryColors' | 'grayColors'>>;
+    }
+    interface AppConfig {
+        una: Omit<UnaSettings, 'primaryColors' | 'grayColors'>;
     }
 }
 interface ModuleOptions {

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.18.0-beta.1",
+  "version": "0.19.0-beta.1",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -1,13 +1,13 @@
 import { defineNuxtModule, createResolver, addComponentsDir, addPlugin, addImportsDir, installModule } from '@nuxt/kit';
 import extendUnocssOptions from './una.config.mjs';
-import 'unocss';
-import 'unocss-preset-animations';
+import '@una-ui/extractor-vue-script';
 import '@una-ui/preset';
 import '@una-ui/preset/prefixes';
-import '@una-ui/extractor-vue-script';
+import 'unocss';
+import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "0.18.0-beta.1";
+const version = "0.19.0-beta.1";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/data/table/Table.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts" generic="TData, TValue">
-import type { Ref } from 'vue'
-import { computed, h } from 'vue'
 import type {
   ColumnFiltersState,
   ColumnOrderState,
@@ -12,6 +10,8 @@ import type {
   SortingState,
   VisibilityState,
 } from '@tanstack/vue-table'
+import type { Ref } from 'vue'
+import type { NTableProps } from '../../../types'
 
 import {
   FlexRender,
@@ -22,22 +22,22 @@ import {
   getSortedRowModel,
   useVueTable,
 } from '@tanstack/vue-table'
+import { computed, h } from 'vue'
 
 import { cn, pickProps, valueUpdater } from '../../../utils'
 
-import Checkbox from '../../forms/Checkbox.vue'
 import Button from '../../elements/Button.vue'
+import Checkbox from '../../forms/Checkbox.vue'
 import Input from '../../forms/Input.vue'
-import type { NTableProps } from '../../../types'
 import TableBody from './TableBody.vue'
 import TableCell from './TableCell.vue'
 import TableEmpty from './TableEmpty.vue'
 import TableFooter from './TableFooter.vue'
 import TableHead from './TableHead.vue'
 import TableHeader from './TableHeader.vue'
+import TableLoading from './TableLoading.vue'
 import TableRoot from './TableRoot.vue'
 import TableRow from './TableRow.vue'
-import TableLoading from './TableLoading.vue'
 
 const props = withDefaults(defineProps <NTableProps<TData, TValue>>(), {
   enableMultiRowSelection: true,
@@ -187,7 +187,7 @@ const table = computed(() => {
   })
 }) as Ref<ReturnType<typeof useVueTable>>
 
-function getHeaderColumnFiltersCount(headers: Header<unknown, unknown>[]) {
+function getHeaderColumnFiltersCount(headers: Header<unknown, unknown>[]): number {
   let count = 0
   headers.forEach((header) => {
     if (header.column.columnDef.enableColumnFilter)

package/dist/runtime/components/data/table/TableBody.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from '../../../utils'
 import type { NTableBodyProps } from '../../../types'
+import { cn } from '../../../utils'
 
 const props = defineProps<NTableBodyProps>()
 </script>

package/dist/runtime/components/data/table/TableCaption.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from '../../../utils'
 import type { NTableCaptionProps } from '../../../types'
+import { cn } from '../../../utils'
 
 const props = defineProps<NTableCaptionProps>()
 </script>

package/dist/runtime/components/data/table/TableCell.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from '../../../utils'
 import type { NTableCellProps } from '../../../types'
+import { cn } from '../../../utils'
 
 const props = defineProps<NTableCellProps>()
 </script>

package/dist/runtime/components/data/table/TableEmpty.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import type { NTableEmptyProps } from '../../../types'
 import { computed } from 'vue'
 import { cn, omitProps } from '../../../utils'
-import type { NTableEmptyProps } from '../../../types'
-import TableRow from './TableRow.vue'
 import TableCell from './TableCell.vue'
+import TableRow from './TableRow.vue'
 
 const props = withDefaults(defineProps<NTableEmptyProps>(), {
   colspan: 1,

package/dist/runtime/components/data/table/TableHead.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from '../../../utils'
 import type { NTableHeadProps } from '../../../types'
+import { cn } from '../../../utils'
 
 const props = defineProps<NTableHeadProps>()
 </script>

package/dist/runtime/components/data/table/TableHeader.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from '../../../utils'
 import type { NTableHeaderProps } from '../../../types'
+import { cn } from '../../../utils'
 
 const props = defineProps<NTableHeaderProps>()
 </script>

package/dist/runtime/components/data/table/TableLoading.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import type { NTableLoadingProps } from '../../../types'
 import { computed } from 'vue'
 import { cn } from '../../../utils'
-import type { NTableLoadingProps } from '../../../types'
 import Progress from '../../elements/Progress.vue'
 import TableRow from './TableRow.vue'
 

package/dist/runtime/components/data/table/TableRoot.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from '../../../utils'
 import type { NTableRootProps } from '../../../types'
+import { cn } from '../../../utils'
 
 const props = defineProps<NTableRootProps>()
 </script>

package/dist/runtime/components/data/table/TableRow.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from '../../../utils'
 import type { NTableRowProps } from '../../../types'
+import { cn } from '../../../utils'
 
 const props = defineProps<NTableRowProps>()
 </script>

package/dist/runtime/components/elements/Accordion.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { NAccordionItemProps, NAccordionProps } from '../../types'
+
 import {
   Disclosure,
   DisclosureButton,
@@ -7,10 +9,9 @@ import {
 import { createReusableTemplate } from '@vueuse/core'
 import { computed, ref } from 'vue'
 
-import type { NAccordionItemProps, NAccordionProps } from '../../types'
 import { pickProps } from '../../utils'
-import NIcon from './Icon.vue'
 import NButton from './Button.vue'
+import NIcon from './Icon.vue'
 
 const props = withDefaults(defineProps<NAccordionProps>(), {
   trailingOpen: 'accordion-trailing-icon',
@@ -19,7 +20,7 @@ const props = withDefaults(defineProps<NAccordionProps>(), {
 
 const buttonRefs = ref<(() => void)[]>([])
 
-function closeOthers(index: number) {
+function closeOthers(index: number): void {
   if (props.multiple && !props.items[index].closeOthers)
     return
 
@@ -28,24 +29,24 @@ function closeOthers(index: number) {
     .forEach(close => close())
 }
 
-function onEnter(element: Element, done: () => void) {
+function onEnter(element: Element, done: () => void): void {
   const el = element as HTMLElement
   el.style.height = '0'
   el.style.height = `${element.scrollHeight}px`
   el.addEventListener('transitionend', done, { once: true })
 }
 
-function onAfterEnter(element: Element) {
+function onAfterEnter(element: Element): void {
   const el = element as HTMLElement
   el.style.height = 'auto'
 }
 
-function onBeforeLeave(element: Element) {
+function onBeforeLeave(element: Element): void {
   const el = element as HTMLElement
   el.style.height = `${el.scrollHeight}px`
 }
 
-function onLeave(element: Element, done: () => void) {
+function onLeave(element: Element, done: () => void): void {
   const el = element as HTMLElement
   el.style.height = '0'
 
@@ -61,7 +62,7 @@ const [DefineTemplate, ReuseTemplate] = createReusableTemplate<{
 
 const pickedProps = pickProps(props, ['reverse', 'icon', 'btn', 'label', 'leading', 'loading', 'loadingPlacement', 'una', 'trailing', 'leading', 'to', 'type', 'disabled'])
 
-function mergedProps(itemProps: NAccordionItemProps) {
+function mergedProps(itemProps: NAccordionItemProps): NAccordionItemProps {
   return Object.assign(pickedProps, itemProps)
 }
 

package/dist/runtime/components/elements/Alert.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { computed } from 'vue'
 import type { NAlertProps } from '../../types'
-import NIcon from '../elements/Icon.vue'
+import { computed } from 'vue'
 import NButton from '../elements/Button.vue'
+import NIcon from '../elements/Icon.vue'
 
 defineOptions({
   inheritAttrs: false,

package/dist/runtime/components/elements/Avatar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import type { NAvatarProps } from '../../types'
 import { useImage } from '@vueuse/core'
 import { computed } from 'vue'
-import type { NAvatarProps } from '../../types'
 import NIcon from './Icon.vue'
 
 const props = withDefaults(defineProps<NAvatarProps>(), {

package/dist/runtime/components/elements/Badge.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-
 import type { NBadgeProps } from '../../types'
+
+import { computed } from 'vue'
 import NIcon from './Icon.vue'
 
 const props = withDefaults(defineProps<NBadgeProps>(), {

package/dist/runtime/components/elements/Button.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import type { NButtonProps } from '../../types'
 import { createReusableTemplate } from '@vueuse/core'
+import { computed } from 'vue'
+import { cn } from '../../utils'
 import NIcon from '../elements/Icon.vue'
-import type { NButtonProps } from '../../types'
 import NLink from '../elements/Link.vue'
-import { cn } from '../../utils'
 
 const props = withDefaults(defineProps<NButtonProps>(), {
   type: 'button',

package/dist/runtime/components/elements/Indicator.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import { createReusableTemplate } from '@vueuse/core'
 import type { NIndicatorProps } from '../../types'
+import { createReusableTemplate } from '@vueuse/core'
+import { computed } from 'vue'
 
 defineOptions({
   inheritAttrs: false,

package/dist/runtime/components/elements/Kbd.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed } from 'vue'
 import type { NKbdProps } from '../../types'
+import { computed } from 'vue'
 
 const props = defineProps<NKbdProps>()
 

package/dist/runtime/components/elements/Label.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import type { NLabelProps } from '../../types'
 import { Label } from 'radix-vue'
+import { computed } from 'vue'
 import { cn } from '../../utils'
-import type { NLabelProps } from '../../types'
 
 const props = defineProps<NLabelProps>()
 

package/dist/runtime/components/elements/Link.vue

@@ -1,6 +1,6 @@
 <script>
-import { defineComponent } from "vue";
 import { isEqual } from "ohash";
+import { defineComponent } from "vue";
 import { NuxtLink } from "#components";
 export default defineComponent({
   inheritAttrs: false,
@@ -76,6 +76,7 @@ export default defineComponent({
 </script>
 
 <template>
+  <!-- eslint-disable vue/no-template-shadow -->
   <NuxtLink
     v-slot="{ route, href, target, rel, navigate, isActive, isExactActive, isExternal, exact }"
     v-bind="$props"

package/dist/runtime/components/elements/Link.vue.d.ts

@@ -2,15 +2,15 @@ declare const _default: import("vue").DefineComponent<{}, {
     resolveLinkClass: (route: any, $route: any, { isActive, isExactActive }: {
         isActive: boolean;
         isExactActive: boolean;
-    }) => any;
+    }) => string | null;
     resolveNavLinkActive: (route: any, $route: any, { isActive, isExactActive }: {
         isActive: boolean;
         isExactActive: boolean;
-    }) => any;
+    }) => string | null;
     resolveNavLinkInactive: (route: any, $route: any, { isActive, isExactActive }: {
         isActive: boolean;
         isExactActive: boolean;
-    }) => any;
+    }) => string | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {} | {
     [x: string]: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;

package/dist/runtime/components/elements/Progress.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import type { NProgressProps } from '../../types'
 import {
   ProgressIndicator,
   ProgressRoot,
 } from 'radix-vue'
+import { computed } from 'vue'
 import { cn } from '../../utils'
-import type { NProgressProps } from '../../types'
 
 const props = withDefaults(
   defineProps<NProgressProps>(),

package/dist/runtime/components/elements/Separator.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import type { NSeparatorProps } from '../../types'
 import { Separator } from 'radix-vue'
+import { computed } from 'vue'
 import { cn, omitProps } from '../../utils'
-import type { NSeparatorProps } from '../../types'
 
 const props = withDefaults(defineProps<NSeparatorProps>(), {
   orientation: 'horizontal',

package/dist/runtime/components/elements/card/Card.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { computed } from 'vue'
 import type { NCardProps } from '../../../types/card'
+import { computed } from 'vue'
 import { cn } from '../../../utils'
-import CardContent from './CardContent.vue'
-import CardHeader from './CardHeader.vue'
 import CardAbout from './CardAbout.vue'
+import CardContent from './CardContent.vue'
+import CardDescription from './CardDescription.vue'
 import CardFooter from './CardFooter.vue'
+import CardHeader from './CardHeader.vue'
 import CardTitle from './CardTitle.vue'
-import CardDescription from './CardDescription.vue'
 
 defineOptions({
   inheritAttrs: false,

package/dist/runtime/components/elements/dropdown-menu/DropdownMenu.vue

@@ -1,19 +1,19 @@
 <script setup lang="ts">
 import type { DropdownMenuContentEmits, DropdownMenuRootEmits } from 'radix-vue'
-import { DropdownMenuPortal, useForwardPropsEmits } from 'radix-vue'
+import type { NDropdownMenuProps } from '../../../types'
 import { createReusableTemplate } from '@vueuse/core'
+import { DropdownMenuPortal, useForwardPropsEmits } from 'radix-vue'
 import { omitProps, pickProps } from '../../../utils'
-import type { NDropdownMenuProps } from '../../../types'
 import DropdownMenuContent from './DropdownMenuContent.vue'
-import DropdownMenuRoot from './DropdownMenuRoot.vue'
-import DropdownMenuTrigger from './DropdownMenuTrigger.vue'
+import DropdownMenuGroup from './DropdownMenuGroup.vue'
+import DropdownMenuItem from './DropdownMenuItem.vue'
 import DropdownMenuLabel from './DropdownMenuLabel.vue'
+import DropdownMenuRoot from './DropdownMenuRoot.vue'
 import DropdownMenuSeparator from './DropdownMenuSeparator.vue'
-import DropdownMenuItem from './DropdownMenuItem.vue'
-import DropdownMenuGroup from './DropdownMenuGroup.vue'
 import DropdownMenuSub from './DropdownMenuSub.vue'
-import DropdownMenuSubTrigger from './DropdownMenuSubTrigger.vue'
 import DropdownMenuSubContent from './DropdownMenuSubContent.vue'
+import DropdownMenuSubTrigger from './DropdownMenuSubTrigger.vue'
+import DropdownMenuTrigger from './DropdownMenuTrigger.vue'
 
 const props = defineProps<NDropdownMenuProps>()
 const emits = defineEmits<DropdownMenuRootEmits & DropdownMenuContentEmits>()

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuContent.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import type { NDropdownMenuContentProps } from '../../../types'
 import {
   DropdownMenuContent,
   type DropdownMenuContentEmits,
   DropdownMenuPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
-import type { NDropdownMenuContentProps } from '../../../types'
+import { computed } from 'vue'
 import { cn } from '../../../utils'
 
 const props = withDefaults(

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuGroup.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { DropdownMenuGroup } from 'radix-vue'
 import type { NDropdownMenuGroupProps } from '../../../types'
+import { DropdownMenuGroup } from 'radix-vue'
 import { cn } from '../../../utils'
 
 const props = defineProps<NDropdownMenuGroupProps>()

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuItem.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import type { NDropdownMenuItemProps } from '../../../types'
 import { DropdownMenuItem, useForwardProps } from 'radix-vue'
+import { computed } from 'vue'
 import { cn } from '../../../utils'
-import type { NDropdownMenuItemProps } from '../../../types'
 import Button from '../Button.vue'
 import DropdownMenuShortcut from './DropdownMenuShortcut.vue'
 

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuLabel.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import type { NDropdownMenuLabelProps } from '../../../types'
 import { DropdownMenuLabel, useForwardProps } from 'radix-vue'
+import { computed } from 'vue'
 import { cn } from '../../../utils'
-import type { NDropdownMenuLabelProps } from '../../../types'
 
 const props = withDefaults(defineProps<NDropdownMenuLabelProps>(), {
   size: 'sm',

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuRoot.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { DropdownMenuRoot, type DropdownMenuRootEmits, useForwardPropsEmits } from 'radix-vue'
 import type { NDropdownMenuRootProps } from '../../../types'
+import { DropdownMenuRoot, type DropdownMenuRootEmits, useForwardPropsEmits } from 'radix-vue'
 
 const props = defineProps<NDropdownMenuRootProps>()
 const emits = defineEmits<DropdownMenuRootEmits>()

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSeparator.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import type { NDropdownMenuSeparatorProps } from '../../../types'
 import {
   DropdownMenuSeparator,
 } from 'radix-vue'
+import { computed } from 'vue'
 import { cn } from '../../../utils'
-import type { NDropdownMenuSeparatorProps } from '../../../types'
 import Separator from '../Separator.vue'
 
 const props = defineProps<NDropdownMenuSeparatorProps>()

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuShortcut.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from '../../../utils'
 import type { NDropdownMenuShortcutProps } from '../../../types/dropdown-menu'
+import { cn } from '../../../utils'
 
 const props = withDefaults(defineProps<NDropdownMenuShortcutProps>(), {
   size: 'sm',

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSub.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import {
-  DropdownMenuSub,
-  useForwardPropsEmits,
-} from 'radix-vue'
-
 import type {
   DropdownMenuSubEmits,
   DropdownMenuSubProps,
 } from 'radix-vue'
 
+import {
+  DropdownMenuSub,
+  useForwardPropsEmits,
+} from 'radix-vue'
+
 const props = defineProps<DropdownMenuSubProps>()
 const emits = defineEmits<DropdownMenuSubEmits>()
 

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSubContent.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import type { NDropdownMenuSubContentProps } from '../../../types'
 import {
   DropdownMenuSubContent,
   type DropdownMenuSubContentEmits,
   useForwardPropsEmits,
 } from 'radix-vue'
+import { computed } from 'vue'
 import { cn } from '../../../utils'
-import type { NDropdownMenuSubContentProps } from '../../../types'
 
 const props = defineProps<NDropdownMenuSubContentProps>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import type { NDropdownMenuSubTriggerProps } from '../../../types'
 import {
   DropdownMenuSubTrigger,
   useForwardProps,
 } from 'radix-vue'
+import { computed } from 'vue'
 import { cn } from '../../../utils'
 import Button from '../Button.vue'
-import type { NDropdownMenuSubTriggerProps } from '../../../types'
 
 const props = withDefaults(defineProps<NDropdownMenuSubTriggerProps>(), {
   dropdownMenuItem: '~',

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuTrigger.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import type { NDropdownMenuTriggerProps } from '../../../types'
 import { DropdownMenuTrigger, useForwardProps } from 'radix-vue'
-import Button from '../Button.vue'
 import { cn, randomId } from '../../../utils'
-import type { NDropdownMenuTriggerProps } from '../../../types'
+import Button from '../Button.vue'
 
 const props = defineProps<NDropdownMenuTriggerProps>()
 

package/dist/runtime/components/elements/popover/Popover.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { PopoverRoot, PopoverTrigger, useForwardPropsEmits } from 'radix-vue'
-import { computed } from 'vue'
 import type { PopoverRootEmits } from 'radix-vue'
 import type { NPopoverProps } from '../../../types'
+import { PopoverRoot, PopoverTrigger, useForwardPropsEmits } from 'radix-vue'
+import { computed } from 'vue'
 import NPopoverContent from './PopoverContent.vue'
 
 const props = defineProps<NPopoverProps>()

package/dist/runtime/components/elements/popover/PopoverContent.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import type { NPopoverContentProps } from '../../../types'
 import {
   PopoverContent,
   type PopoverContentEmits,
@@ -7,7 +8,6 @@ import {
 } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '../../../utils'
-import type { NPopoverContentProps } from '../../../types'
 
 defineOptions({
   inheritAttrs: false,