vuetify 3.5.8 → 3.5.10

package/lib/components/VAvatar/index.d.mts

@@ -29,9 +29,9 @@ declare const VAvatar: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -55,9 +55,9 @@ declare const VAvatar: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -102,9 +102,9 @@ declare const VAvatar: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -142,9 +142,9 @@ declare const VAvatar: {
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;

package/lib/components/VBadge/index.d.mts

@@ -25,9 +25,9 @@ declare const VBadge: {
         style: vue.StyleValue;
         tag: string;
         dot: boolean;
+        modelValue: boolean;
         tile: boolean;
         floating: boolean;
-        modelValue: boolean;
         bordered: boolean;
     } & {
         max?: string | number | undefined;
@@ -62,9 +62,9 @@ declare const VBadge: {
         style: vue.StyleValue;
         tag: string;
         dot: boolean;
+        modelValue: boolean;
         tile: boolean;
         floating: boolean;
-        modelValue: boolean;
         bordered: boolean;
     } & {
         max?: string | number | undefined;
@@ -99,10 +99,10 @@ declare const VBadge: {
         style: vue.StyleValue;
         tag: string;
         dot: boolean;
+        modelValue: boolean;
         rounded: string | number | boolean;
         tile: boolean;
         floating: boolean;
-        modelValue: boolean;
         bordered: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -128,9 +128,9 @@ declare const VBadge: {
         style: vue.StyleValue;
         tag: string;
         dot: boolean;
+        modelValue: boolean;
         tile: boolean;
         floating: boolean;
-        modelValue: boolean;
         bordered: boolean;
     } & {
         max?: string | number | undefined;
@@ -165,10 +165,10 @@ declare const VBadge: {
         style: vue.StyleValue;
         tag: string;
         dot: boolean;
+        modelValue: boolean;
         rounded: string | number | boolean;
         tile: boolean;
         floating: boolean;
-        modelValue: boolean;
         bordered: boolean;
     }>;
     __isFragment?: undefined;
@@ -184,9 +184,9 @@ declare const VBadge: {
     style: vue.StyleValue;
     tag: string;
     dot: boolean;
+    modelValue: boolean;
     tile: boolean;
     floating: boolean;
-    modelValue: boolean;
     bordered: boolean;
 } & {
     max?: string | number | undefined;
@@ -221,10 +221,10 @@ declare const VBadge: {
     style: vue.StyleValue;
     tag: string;
     dot: boolean;
+    modelValue: boolean;
     rounded: string | number | boolean;
     tile: boolean;
     floating: boolean;
-    modelValue: boolean;
     bordered: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {

package/lib/components/VBanner/index.d.mts

@@ -44,9 +44,9 @@ declare const VBanner: {
         icon?: IconValue | undefined;
         elevation?: string | number | undefined;
         theme?: string | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         lines?: "one" | "two" | "three" | undefined;
         avatar?: string | undefined;
     } & {
@@ -90,9 +90,9 @@ declare const VBanner: {
         icon?: IconValue | undefined;
         elevation?: string | number | undefined;
         theme?: string | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         lines?: "one" | "two" | "three" | undefined;
         avatar?: string | undefined;
     } & {
@@ -164,9 +164,9 @@ declare const VBanner: {
         icon?: IconValue | undefined;
         elevation?: string | number | undefined;
         theme?: string | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         lines?: "one" | "two" | "three" | undefined;
         avatar?: string | undefined;
     } & {
@@ -222,9 +222,9 @@ declare const VBanner: {
     icon?: IconValue | undefined;
     elevation?: string | number | undefined;
     theme?: string | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     rounded?: string | number | boolean | undefined;
     bgColor?: string | undefined;
-    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     lines?: "one" | "two" | "three" | undefined;
     avatar?: string | undefined;
 } & {
@@ -369,9 +369,9 @@ declare const VBannerActions: {
         class?: any;
         density?: string | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -384,9 +384,9 @@ declare const VBannerActions: {
         class?: any;
         density?: string | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -412,9 +412,9 @@ declare const VBannerActions: {
         class?: any;
         density?: string | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -433,9 +433,9 @@ declare const VBannerActions: {
     class?: any;
     density?: string | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -473,9 +473,9 @@ declare const VBannerText: {
     } & {
         class?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -489,9 +489,9 @@ declare const VBannerText: {
     } & {
         class?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -517,9 +517,9 @@ declare const VBannerText: {
     } & {
         class?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -540,9 +540,9 @@ declare const VBannerText: {
 } & {
     class?: any;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;

package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBreadcrumbs.mjs","names":["VBreadcrumbsDivider","VBreadcrumbsItem","VDefaultsProvider","VIcon","useBackgroundColor","makeComponentProps","provideDefaults","makeDensityProps","useDensity","IconValue","makeRoundedProps","useRounded","makeTagProps","computed","toRef","genericComponent","propsFactory","useRender","makeVBreadcrumbsProps","activeClass","String","activeColor","bgColor","color","disabled","Boolean","divider","type","default","icon","items","Array","tag","VBreadcrumbs","name","props","setup","_ref","slots","backgroundColorClasses","backgroundColorStyles","densityClasses","roundedClasses","map","item","title","raw","hasPrepend","prepend","_createVNode","value","class","style","start","_ref2","index","array","_Fragment","_mergeProps","length","undefined"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.tsx"],"sourcesContent":["// Styles\nimport './VBreadcrumbs.sass'\n\n// Components\nimport { VBreadcrumbsDivider } from './VBreadcrumbsDivider'\nimport { VBreadcrumbsItem } from './VBreadcrumbsItem'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { IconValue } from '@/composables/icons'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { LinkProps } from '@/composables/router'\nimport type { GenericProps } from '@/util'\n\nexport type BreadcrumbItem = string | (Partial<LinkProps> & {\n  title: string\n  disabled?: boolean\n})\n\nexport const makeVBreadcrumbsProps = propsFactory({\n  activeClass: String,\n  activeColor: String,\n  bgColor: String,\n  color: String,\n  disabled: Boolean,\n  divider: {\n    type: String,\n    default: '/',\n  },\n  icon: IconValue,\n  items: {\n    type: Array as PropType<readonly BreadcrumbItem[]>,\n    default: () => ([]),\n  },\n\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps({ tag: 'ul' }),\n}, 'VBreadcrumbs')\n\nexport const VBreadcrumbs = genericComponent<new <T extends BreadcrumbItem>(\n  props: {\n    items?: T[]\n  },\n  slots: {\n    prepend: never\n    title: { item: T, index: number }\n    divider: { item: T, index: number }\n    item: { item: T, index: number }\n    default: never\n  }\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VBreadcrumbs',\n\n  props: makeVBreadcrumbsProps(),\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBreadcrumbsDivider: {\n        divider: toRef(props, 'divider'),\n      },\n      VBreadcrumbsItem: {\n        activeClass: toRef(props, 'activeClass'),\n        activeColor: toRef(props, 'activeColor'),\n        color: toRef(props, 'color'),\n        disabled: toRef(props, 'disabled'),\n      },\n    })\n\n    const items = computed(() => props.items.map(item => {\n      return typeof item === 'string' ? { item: { title: item }, raw: item } : { item, raw: item }\n    }))\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.icon)\n\n      return (\n        <props.tag\n          class={[\n            'v-breadcrumbs',\n            backgroundColorClasses.value,\n            densityClasses.value,\n            roundedClasses.value,\n            props.class,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            props.style,\n          ]}\n        >\n          { hasPrepend && (\n            <li key=\"prepend\" class=\"v-breadcrumbs__prepend\">\n              { !slots.prepend ? (\n                <VIcon\n                  key=\"prepend-icon\"\n                  start\n                  icon={ props.icon }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !props.icon }\n                  defaults={{\n                    VIcon: {\n                      icon: props.icon,\n                      start: true,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </li>\n          )}\n\n          { items.value.map(({ item, raw }, index, array) => (\n            <>\n              { slots.item?.({ item, index }) ?? (\n                <VBreadcrumbsItem\n                  key={ index }\n                  disabled={ index >= array.length - 1 }\n                  { ...(typeof item === 'string' ? { title: item } : item) }\n                  v-slots={{\n                    default: slots.title ? () => slots.title?.({ item, index }) : undefined,\n                  }}\n                />\n              )}\n\n              { index < array.length - 1 && (\n                <VBreadcrumbsDivider\n                  v-slots={{\n                    default: slots.divider ? () => slots.divider?.({ item: raw, index }) : undefined,\n                  }}\n                />\n              )}\n            </>\n          ))}\n\n          { slots.default?.() }\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>\n"],"mappings":"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"}
+{"version":3,"file":"VBreadcrumbs.mjs","names":["VBreadcrumbsDivider","VBreadcrumbsItem","VDefaultsProvider","VIcon","useBackgroundColor","makeComponentProps","provideDefaults","makeDensityProps","useDensity","IconValue","makeRoundedProps","useRounded","makeTagProps","computed","toRef","genericComponent","propsFactory","useRender","makeVBreadcrumbsProps","activeClass","String","activeColor","bgColor","color","disabled","Boolean","divider","type","default","icon","items","Array","tag","VBreadcrumbs","name","props","setup","_ref","slots","backgroundColorClasses","backgroundColorStyles","densityClasses","roundedClasses","map","item","title","raw","hasPrepend","prepend","_createVNode","value","class","style","start","_ref2","index","array","_Fragment","_mergeProps","length","undefined"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.tsx"],"sourcesContent":["// Styles\nimport './VBreadcrumbs.sass'\n\n// Components\nimport { VBreadcrumbsDivider } from './VBreadcrumbsDivider'\nimport { VBreadcrumbsItem } from './VBreadcrumbsItem'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { IconValue } from '@/composables/icons'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { LinkProps } from '@/composables/router'\nimport type { GenericProps } from '@/util'\n\nexport type InternalBreadcrumbItem = Partial<LinkProps> & {\n  title: string\n  disabled?: boolean\n}\n\nexport type BreadcrumbItem = string | InternalBreadcrumbItem\n\nexport const makeVBreadcrumbsProps = propsFactory({\n  activeClass: String,\n  activeColor: String,\n  bgColor: String,\n  color: String,\n  disabled: Boolean,\n  divider: {\n    type: String,\n    default: '/',\n  },\n  icon: IconValue,\n  items: {\n    type: Array as PropType<readonly BreadcrumbItem[]>,\n    default: () => ([]),\n  },\n\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps({ tag: 'ul' }),\n}, 'VBreadcrumbs')\n\nexport const VBreadcrumbs = genericComponent<new <T extends BreadcrumbItem>(\n  props: {\n    items?: T[]\n  },\n  slots: {\n    prepend: never\n    title: { item: InternalBreadcrumbItem, index: number }\n    divider: { item: T, index: number }\n    item: { item: InternalBreadcrumbItem, index: number }\n    default: never\n  }\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VBreadcrumbs',\n\n  props: makeVBreadcrumbsProps(),\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBreadcrumbsDivider: {\n        divider: toRef(props, 'divider'),\n      },\n      VBreadcrumbsItem: {\n        activeClass: toRef(props, 'activeClass'),\n        activeColor: toRef(props, 'activeColor'),\n        color: toRef(props, 'color'),\n        disabled: toRef(props, 'disabled'),\n      },\n    })\n\n    const items = computed(() => props.items.map(item => {\n      return typeof item === 'string' ? { item: { title: item }, raw: item } : { item, raw: item }\n    }))\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.icon)\n\n      return (\n        <props.tag\n          class={[\n            'v-breadcrumbs',\n            backgroundColorClasses.value,\n            densityClasses.value,\n            roundedClasses.value,\n            props.class,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            props.style,\n          ]}\n        >\n          { hasPrepend && (\n            <li key=\"prepend\" class=\"v-breadcrumbs__prepend\">\n              { !slots.prepend ? (\n                <VIcon\n                  key=\"prepend-icon\"\n                  start\n                  icon={ props.icon }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !props.icon }\n                  defaults={{\n                    VIcon: {\n                      icon: props.icon,\n                      start: true,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </li>\n          )}\n\n          { items.value.map(({ item, raw }, index, array) => (\n            <>\n              { slots.item?.({ item, index }) ?? (\n                <VBreadcrumbsItem\n                  key={ index }\n                  disabled={ index >= array.length - 1 }\n                  { ...(typeof item === 'string' ? { title: item } : item) }\n                  v-slots={{\n                    default: slots.title ? () => slots.title?.({ item, index }) : undefined,\n                  }}\n                />\n              )}\n\n              { index < array.length - 1 && (\n                <VBreadcrumbsDivider\n                  v-slots={{\n                    default: slots.divider ? () => slots.divider?.({ item: raw, index }) : undefined,\n                  }}\n                />\n              )}\n            </>\n          ))}\n\n          { slots.default?.() }\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>\n"],"mappings":"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"}

package/lib/components/VBreadcrumbs/index.d.mts

@@ -46,10 +46,11 @@ interface LinkProps {
     exact: boolean | undefined;
 }
 
-type BreadcrumbItem = string | (Partial<LinkProps> & {
+type InternalBreadcrumbItem = Partial<LinkProps> & {
     title: string;
     disabled?: boolean;
-});
+};
+type BreadcrumbItem = string | InternalBreadcrumbItem;
 declare const VBreadcrumbs: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         style: vue.StyleValue;
@@ -94,7 +95,7 @@ declare const VBreadcrumbs: {
             [key: string]: any;
         }>[];
         title: (arg: {
-            item: BreadcrumbItem;
+            item: InternalBreadcrumbItem;
             index: number;
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
@@ -106,7 +107,7 @@ declare const VBreadcrumbs: {
             [key: string]: any;
         }>[];
         item: (arg: {
-            item: BreadcrumbItem;
+            item: InternalBreadcrumbItem;
             index: number;
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
@@ -176,7 +177,7 @@ declare const VBreadcrumbs: {
         [key: string]: any;
     }>[];
     title: (arg: {
-        item: BreadcrumbItem;
+        item: InternalBreadcrumbItem;
         index: number;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -188,7 +189,7 @@ declare const VBreadcrumbs: {
         [key: string]: any;
     }>[];
     item: (arg: {
-        item: BreadcrumbItem;
+        item: InternalBreadcrumbItem;
         index: number;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -201,7 +202,7 @@ declare const VBreadcrumbs: {
 }, slots: {
     prepend: never;
     title: {
-        item: T;
+        item: InternalBreadcrumbItem;
         index: number;
     };
     divider: {
@@ -209,7 +210,7 @@ declare const VBreadcrumbs: {
         index: number;
     };
     item: {
-        item: T;
+        item: InternalBreadcrumbItem;
         index: number;
     };
     default: never;
@@ -218,7 +219,7 @@ declare const VBreadcrumbs: {
 }, {
     prepend: never;
     title: {
-        item: T;
+        item: InternalBreadcrumbItem;
         index: number;
     };
     divider: {
@@ -226,7 +227,7 @@ declare const VBreadcrumbs: {
         index: number;
     };
     item: {
-        item: T;
+        item: InternalBreadcrumbItem;
         index: number;
     };
     default: never;
@@ -324,9 +325,9 @@ declare const VBreadcrumbsItem: {
         activeClass?: string | undefined;
         activeColor?: string | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -348,9 +349,9 @@ declare const VBreadcrumbsItem: {
         activeClass?: string | undefined;
         activeColor?: string | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -390,9 +391,9 @@ declare const VBreadcrumbsItem: {
         activeClass?: string | undefined;
         activeColor?: string | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -425,9 +426,9 @@ declare const VBreadcrumbsItem: {
     activeClass?: string | undefined;
     activeColor?: string | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -500,9 +501,9 @@ declare const VBreadcrumbsDivider: {
         class?: any;
         divider?: string | number | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -514,9 +515,9 @@ declare const VBreadcrumbsDivider: {
         class?: any;
         divider?: string | number | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -541,9 +542,9 @@ declare const VBreadcrumbsDivider: {
         class?: any;
         divider?: string | number | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -561,9 +562,9 @@ declare const VBreadcrumbsDivider: {
     class?: any;
     divider?: string | number | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;

package/lib/components/VBtnGroup/index.d.mts

@@ -23,9 +23,9 @@ declare const VBtnGroup: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -46,9 +46,9 @@ declare const VBtnGroup: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -88,9 +88,9 @@ declare const VBtnGroup: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -123,9 +123,9 @@ declare const VBtnGroup: {
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;