@una-ui/nuxt 0.52.0 → 0.53.0

package/dist/runtime/components/misc/ThemeSwitcher.vue

@@ -1,71 +1,55 @@
-<script setup lang="ts">
-import { useColorMode } from '#imports'
-import { useToggle } from '@vueuse/core'
-import { capitalize, computed } from 'vue'
-import { useUnaSettings } from '../../composables/useUnaSettings'
-import { useUnaThemes } from '../../composables/useUnaThemes'
-import { RADIUS } from '../../constants'
-import Button from '../elements/Button.vue'
-import Label from '../elements/Label.vue'
-import Popover from '../elements/popover/Popover.vue'
-import Separator from '../elements/Separator.vue'
-
-const colorMode = useColorMode()
-
-const [value, toggle] = useToggle()
-const { primaryThemes, grayThemes } = useUnaThemes()
-const { settings, reset } = useUnaSettings()
-
-const currentPrimaryThemeHex = computed(() => settings.value.primaryColors?.['--una-primary-hex'])
+<script setup>
+import { useColorMode } from "#imports";
+import { useToggle } from "@vueuse/core";
+import { capitalize, computed } from "vue";
+import { useUnaSettings } from "../../composables/useUnaSettings";
+import { useUnaThemes } from "../../composables/useUnaThemes";
+import { RADIUS } from "../../constants";
+import Button from "../elements/Button.vue";
+import Label from "../elements/Label.vue";
+import Popover from "../elements/popover/Popover.vue";
+import Separator from "../elements/Separator.vue";
+const colorMode = useColorMode();
+const [value, toggle] = useToggle();
+const { primaryThemes, grayThemes } = useUnaThemes();
+const { settings, reset } = useUnaSettings();
+const currentPrimaryThemeHex = computed(() => settings.value.primaryColors?.["--una-primary-hex"]);
 const currentPrimaryThemeName = computed(() => {
-  const theme = primaryThemes.find(([, theme]) => theme['--una-primary-hex'] === currentPrimaryThemeHex.value)
-  return theme ? theme[0] : ''
-})
-const currentGrayThemeHex = computed(() => settings.value.grayColors?.['--una-gray-hex'])
+  const theme = primaryThemes.find(([, theme2]) => theme2["--una-primary-hex"] === currentPrimaryThemeHex.value);
+  return theme ? theme[0] : "";
+});
+const currentGrayThemeHex = computed(() => settings.value.grayColors?.["--una-gray-hex"]);
 const currentGrayThemeName = computed(() => {
-  const theme = grayThemes.find(([, theme]) => theme['--una-gray-hex'] === currentGrayThemeHex.value)
-  return theme ? theme[0] : ''
-})
-
-// update theme in storage
-function updatePrimaryTheme(theme: string): void {
-  settings.value.primary = theme
+  const theme = grayThemes.find(([, theme2]) => theme2["--una-gray-hex"] === currentGrayThemeHex.value);
+  return theme ? theme[0] : "";
+});
+function updatePrimaryTheme(theme) {
+  settings.value.primary = theme;
 }
-
-function updateGrayTheme(theme: string): void {
-  settings.value.gray = theme
+function updateGrayTheme(theme) {
+  settings.value.gray = theme;
 }
-
-function shuffleTheme(): void {
+function shuffleTheme() {
   if (primaryThemes.length > 0 && grayThemes.length > 0 && RADIUS.length > 0) {
-    // Safe way to access random elements with proper typing
-    const safeGetPrimaryTheme = (): string => {
-      const index = Math.floor(Math.random() * primaryThemes.length)
-      // Force type assertion for TypeScript
-      return primaryThemes[index]?.[0] as string
-    }
-
-    const safeGetGrayTheme = (): string => {
-      const index = Math.floor(Math.random() * grayThemes.length)
-      // Force type assertion for TypeScript
-      return grayThemes[index]?.[0] as string
-    }
-
-    const safeGetRadius = (): number => {
-      const index = Math.floor(Math.random() * RADIUS.length)
-      // Force type assertion for TypeScript
-      return RADIUS[index] as number
-    }
-
-    // Get random values with correct typing
-    const randomPrimaryTheme = safeGetPrimaryTheme()
-    const randomGrayTheme = safeGetGrayTheme()
-    const randomRadius = safeGetRadius()
-
-    updatePrimaryTheme(randomPrimaryTheme)
-    updateGrayTheme(randomGrayTheme)
-    settings.value.radius = randomRadius
-    toggle()
+    const safeGetPrimaryTheme = () => {
+      const index = Math.floor(Math.random() * primaryThemes.length);
+      return primaryThemes[index]?.[0];
+    };
+    const safeGetGrayTheme = () => {
+      const index = Math.floor(Math.random() * grayThemes.length);
+      return grayThemes[index]?.[0];
+    };
+    const safeGetRadius = () => {
+      const index = Math.floor(Math.random() * RADIUS.length);
+      return RADIUS[index];
+    };
+    const randomPrimaryTheme = safeGetPrimaryTheme();
+    const randomGrayTheme = safeGetGrayTheme();
+    const randomRadius = safeGetRadius();
+    updatePrimaryTheme(randomPrimaryTheme);
+    updateGrayTheme(randomGrayTheme);
+    settings.value.radius = randomRadius;
+    toggle();
   }
 }
 </script>
@@ -149,10 +133,8 @@ function shuffleTheme(): void {
               btn="solid-gray"
               size="xs"
               :class="
-                r === settings.radius
-                  ? 'ring-2 ring-primary'
-                  : ''
-              "
+  r === settings.radius ? 'ring-2 ring-primary' : ''
+"
               @click="settings.radius = r"
             >
               {{ r }}
@@ -215,8 +197,8 @@ function shuffleTheme(): void {
             label="Shuffle"
             leading="i-lucide-paintbrush"
             :una="{
-              btnLeading: value ? 'rotate-6 transform' : '-rotate-6',
-            }"
+  btnLeading: value ? 'rotate-6 transform' : '-rotate-6'
+}"
             @click="shuffleTheme"
           />
         </div>

package/dist/runtime/components/misc/ThemeSwitcher.vue.d.ts

@@ -0,0 +1,16 @@
+declare var __VLS_5: {
+    open: boolean;
+}, __VLS_10: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_5) => any;
+} & {
+    content?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/navigation/breadcrumb/Breadcrumb.vue

@@ -1,24 +1,37 @@
-<script lang="ts" setup>
-import type { NBreadcrumbProps } from '../../../types'
-import { cn } from '../../../utils'
-import DropdownMenu from '../../elements/dropdown-menu/DropdownMenu.vue'
-import BreadcrumbEllipsis from './BreadcrumbEllipsis.vue'
-import BreadcrumbItem from './BreadcrumbItem.vue'
-import BreadcrumbLink from './BreadcrumbLink.vue'
-import BreadcrumbList from './BreadcrumbList.vue'
-import BreadcrumbRoot from './BreadcrumbRoot.vue'
-import BreadcrumbSeparator from './BreadcrumbSeparator.vue'
-
-const props = defineProps<NBreadcrumbProps>()
+<script setup>
+import { cn } from "../../../utils";
+import DropdownMenu from "../../elements/dropdown-menu/DropdownMenu.vue";
+import BreadcrumbEllipsis from "./BreadcrumbEllipsis.vue";
+import BreadcrumbItem from "./BreadcrumbItem.vue";
+import BreadcrumbLink from "./BreadcrumbLink.vue";
+import BreadcrumbList from "./BreadcrumbList.vue";
+import BreadcrumbRoot from "./BreadcrumbRoot.vue";
+import BreadcrumbSeparator from "./BreadcrumbSeparator.vue";
+const props = defineProps({
+  items: { type: Array, required: true },
+  separator: { type: String, required: false },
+  ellipsis: { type: String, required: false },
+  size: { type: String, required: false },
+  _breadcrumbSeparator: { type: Object, required: false },
+  _breadcrumbItem: { type: Object, required: false },
+  _breadcrumbRoot: { type: Object, required: false },
+  _breadcrumbList: { type: Object, required: false },
+  _breadcrumbLink: { type: Object, required: false },
+  _breadcrumbEllipsis: { type: Object, required: false },
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  breadcrumbActive: { type: String, required: false },
+  breadcrumbInactive: { type: String, required: false }
+});
 </script>
 
 <template>
   <BreadcrumbRoot
     :class="cn(
-      'breadcrumb',
-      props.class,
-      props.una?.breadcrumb,
-    )"
+  'breadcrumb',
+  props.class,
+  props.una?.breadcrumb
+)"
     :una
     :size
     v-bind="_breadcrumbRoot"
@@ -47,9 +60,9 @@ const props = defineProps<NBreadcrumbProps>()
                   :breadcrumb-inactive="props.breadcrumbInactive"
                   :size
                   v-bind="{
-                    ...item,
-                    ..._breadcrumbLink,
-                  }"
+  ...item,
+  ..._breadcrumbLink
+}"
                 >
                   <slot :item="item" :index="i" :is-active="i === items.length - 1" />
                 </BreadcrumbLink>
@@ -60,8 +73,8 @@ const props = defineProps<NBreadcrumbProps>()
                       :modal="false"
                       :items="item.children"
                       :_dropdown-menu-item="{
-                        ..._breadcrumbLink,
-                      }"
+  ..._breadcrumbLink
+}"
                     >
                       <BreadcrumbEllipsis
                         :size
@@ -74,7 +87,7 @@ const props = defineProps<NBreadcrumbProps>()
               </slot>
             </BreadcrumbItem>
             <BreadcrumbSeparator
-              v-if="i < props.items!.length - 1"
+              v-if="i < props.items.length - 1"
               :icon="props.separator"
               :size
               :una

package/dist/runtime/components/navigation/breadcrumb/Breadcrumb.vue.d.ts

@@ -0,0 +1,45 @@
+import type { NBreadcrumbProps } from '../../../types/index.js';
+declare var __VLS_5: {
+    items: Partial<import("../../../types/index.js").NButtonProps & {
+        children?: import("../../../types/index.js").NButtonProps[];
+    }>[];
+}, __VLS_10: {
+    item: Partial<import("../../../types/index.js").NButtonProps & {
+        children?: import("../../../types/index.js").NButtonProps[];
+    }>;
+}, __VLS_15: {
+    item: Partial<import("../../../types/index.js").NButtonProps & {
+        children?: import("../../../types/index.js").NButtonProps[];
+    }>;
+}, __VLS_20: {
+    item: Partial<import("../../../types/index.js").NButtonProps & {
+        children?: import("../../../types/index.js").NButtonProps[];
+    }>;
+    index: number;
+    isActive: boolean;
+}, __VLS_22: {
+    item: Partial<import("../../../types/index.js").NButtonProps & {
+        children?: import("../../../types/index.js").NButtonProps[];
+    }>;
+}, __VLS_33: {};
+type __VLS_Slots = {} & {
+    root?: (props: typeof __VLS_5) => any;
+} & {
+    list?: (props: typeof __VLS_10) => any;
+} & {
+    item?: (props: typeof __VLS_15) => any;
+} & {
+    default?: (props: typeof __VLS_20) => any;
+} & {
+    dropdown?: (props: typeof __VLS_22) => any;
+} & {
+    separator?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NBreadcrumbProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NBreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbEllipsis.vue

@@ -1,13 +1,12 @@
-<script lang="ts" setup>
-import type { NBreadcrumbEllipsisProps } from '../../../types'
-import { cn } from '../../../utils'
-import Icon from '../../elements/Icon.vue'
-
-const props = withDefaults(defineProps<NBreadcrumbEllipsisProps>(), {
-  icon: 'breadcrumb-ellipsis-icon',
-  size: 'sm',
-  square: 9,
-})
+<script setup>
+import { cn } from "../../../utils";
+import Icon from "../../elements/Icon.vue";
+const props = defineProps({
+  icon: { type: String, required: false, default: "breadcrumb-ellipsis-icon" },
+  size: { type: String, required: false, default: "sm" },
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
@@ -15,10 +14,10 @@ const props = withDefaults(defineProps<NBreadcrumbEllipsisProps>(), {
     role="presentation"
     aria-hidden="true"
     :class="cn(
-      'breadcrumb-ellipsis',
-      props.class,
-      props.una?.breadcrumbEllipsis,
-    )"
+  'breadcrumb-ellipsis',
+  props.class,
+  props.una?.breadcrumbEllipsis
+)"
     :size
   >
     <slot>

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbEllipsis.vue.d.ts

@@ -0,0 +1,16 @@
+import type { NBreadcrumbEllipsisProps } from '../../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NBreadcrumbEllipsisProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NBreadcrumbEllipsisProps> & Readonly<{}>, {
+    size: string;
+    icon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbItem.vue

@@ -1,17 +1,18 @@
-<script lang="ts" setup>
-import type { NBreadcrumbItemProps } from '../../../types'
-import { cn } from '../../../utils'
-
-const props = defineProps<NBreadcrumbItemProps>()
+<script setup>
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
   <li
     :class="cn(
-      'breadcrumb-item',
-      props.class,
-      props.una?.breadcrumbItem,
-    )"
+  'breadcrumb-item',
+  props.class,
+  props.una?.breadcrumbItem
+)"
   >
     <slot />
   </li>

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbItem.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NBreadcrumbItemProps } from '../../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NBreadcrumbItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NBreadcrumbItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbLink.vue

@@ -1,40 +1,60 @@
-<script lang="ts" setup>
-import type { NBreadcrumbLinkProps } from '../../../types'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-import Button from '../../elements/Button.vue'
-
-const props = withDefaults(defineProps<NBreadcrumbLinkProps>(), {
-  active: false,
-  breadcrumbActive: '~',
-  breadcrumbInactive: '~',
-  size: 'sm',
-})
-
+<script setup>
+import { computed } from "vue";
+import { cn } from "../../../utils";
+import Button from "../../elements/Button.vue";
+const props = defineProps({
+  active: { type: Boolean, required: false, default: false },
+  breadcrumbActive: { type: String, required: false, default: "~" },
+  breadcrumbInactive: { type: String, required: false, default: "~" },
+  class: { type: null, required: false },
+  type: { type: String, required: false },
+  loadingPlacement: { type: String, required: false },
+  icon: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  reverse: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  label: { type: String, required: false },
+  btn: { type: String, required: false },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false },
+  size: { type: String, required: false, default: "sm" },
+  una: { type: Object, required: false },
+  square: { type: null, required: false },
+  rounded: { type: null, required: false },
+  paginationSelected: { type: String, required: false },
+  paginationUnselected: { type: String, required: false },
+  dropdownMenu: { type: String, required: false },
+  toggleOn: { type: String, required: false },
+  toggleOff: { type: String, required: false },
+  navigationMenu: { type: String, required: false },
+  navigationMenuLink: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
+});
 const activeAttrs = computed(() => {
   if (!props.active) {
     return {
-      'data-state': 'inactive',
-    }
+      "data-state": "inactive"
+    };
   }
-
   return {
-    'aria-disabled': true,
-    'tabindex': -1,
-    'data-state': 'active',
-    'aria-current': 'page',
-  }
-})
+    "aria-disabled": true,
+    "tabindex": -1,
+    "data-state": "active",
+    "aria-current": "page"
+  };
+});
 </script>
 
 <template>
   <Button
     v-bind="{ ...props, ...activeAttrs }"
     :class="cn(
-      'breadcrumb-link',
-      { 'cursor-text': active },
-    )"
-    :to="disabled ? undefined : props.to"
+  'breadcrumb-link',
+  { 'cursor-text': active }
+)"
+    :to="disabled ? void 0 : props.to"
   >
     <slot />
   </Button>

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbLink.vue.d.ts

@@ -0,0 +1,18 @@
+import type { NBreadcrumbLinkProps } from '../../../types/index.js';
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NBreadcrumbLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NBreadcrumbLinkProps> & Readonly<{}>, {
+    size: string;
+    breadcrumbActive: string;
+    breadcrumbInactive: string;
+    active: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbList.vue

@@ -1,17 +1,18 @@
-<script lang="ts" setup>
-import type { NBreadcrumbListProps } from '../../../types'
-import { cn } from '../../../utils'
-
-const props = defineProps<NBreadcrumbListProps>()
+<script setup>
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
   <ol
     :class="cn(
-      'breadcrumb-list',
-      props.class,
-      props.una?.breadcrumbList,
-    )"
+  'breadcrumb-list',
+  props.class,
+  props.una?.breadcrumbList
+)"
   >
     <slot />
   </ol>

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbList.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NBreadcrumbListProps } from '../../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NBreadcrumbListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NBreadcrumbListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbPage.vue

@@ -1,10 +1,8 @@
-<script lang="ts" setup>
-import type { HTMLAttributes } from 'vue'
-import { cn } from '../../../utils'
-
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
+<script setup>
+import { cn } from "../../../utils";
+const props = defineProps({
+  class: { type: null, required: false }
+});
 </script>
 
 <template>

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbPage.vue.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbRoot.vue

@@ -1,17 +1,18 @@
-<script lang="ts" setup>
-import type { NBreadcrumbRootProps } from '../../../types'
-import { cn } from '../../../utils'
-
-const props = defineProps<NBreadcrumbRootProps>()
+<script setup>
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
   <nav
     aria-label="breadcrumb"
     :class="cn(
-      props.class,
-      props.una?.breadcrumbRoot,
-    )"
+  props.class,
+  props.una?.breadcrumbRoot
+)"
   >
     <slot />
   </nav>

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbRoot.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NBreadcrumbRootProps } from '../../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NBreadcrumbRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NBreadcrumbRootProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};