@ark-ui/vue
Version:
A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.
45 lines (44 loc) • 2.03 kB
TypeScript
import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
import { RenderStrategyProps } from '../../utils/use-render-strategy.js';
import { RootEmits } from './tour.types.js';
import { UseTourReturn } from './use-tour.js';
import { StatusChangeDetails, StepChangeDetails, StepDetails } from '@zag-js/tour';
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/drawer';
interface RootProps {
tour: UnwrapRef<UseTourReturn>;
}
export interface TourRootBaseProps extends RootProps, RenderStrategyProps {
}
export interface TourRootProps extends TourRootBaseProps {
}
export interface TourRootEmits extends RootEmits {
}
declare const _default: __VLS_WithTemplateSlots< DefineComponent<TourRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
exitComplete: () => any;
statusChange: (details: StatusChangeDetails) => any;
focusOutside: (event: FocusOutsideEvent) => any;
interactOutside: (event: InteractOutsideEvent) => any;
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
stepChange: (details: StepChangeDetails) => any;
stepsChange: (details: {
steps: StepDetails[];
}) => any;
}, string, PublicProps, Readonly<TourRootProps> & Readonly<{
onExitComplete?: (() => any) | undefined;
onStatusChange?: ((details: StatusChangeDetails) => any) | undefined;
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
onStepChange?: ((details: StepChangeDetails) => any) | undefined;
onStepsChange?: ((details: {
steps: StepDetails[];
}) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
default?(_: {}): any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};