@asdp/ferryui 0.1.22-dev.8463 → 0.1.22-dev.8523

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import React$1, { ReactNode } from 'react';
 import { CarouselAnnouncerFunction, DialogProps } from '@fluentui/react-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, Path } from 'react-hook-form';
+import { FieldValues, Path, Control, UseFormWatch, UseFormSetValue, UseFormGetValues } from 'react-hook-form';
 
 interface ModalIllustrationButton {
     /**
@@ -1675,4 +1675,841 @@ interface ModalSearchTicketProps extends Partial<DialogProps> {
  */
 declare const ModalSearchTicket: React$1.FC<ModalSearchTicketProps>;
 
-export { BackgroundTicketCard, BackgroundTicketCardVertical, CardBanner, type CardBannerProps, CardPromo, type CardPromoProps, CardServiceMenu, type CardServiceMenuProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$3 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$2 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryCode, DEFAULT_COUNTRY_CODES, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_CLASSES, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type FilterCount, type HarborItem, InputDynamic, type InputDynamicProps, type InputType, MODAL_PRESETS, ModalFilterTicket, DEFAULT_LABELS$1 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, type ModalPresetKey, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, type Passenger, type PassengerService, type PassengerServiceCode, type PassengerType, type RadioOption, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceClass, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type TabType, type TypeOfService, getModalPreset, getSortLabel };
+interface StepperStep {
+    id: string;
+    label: string;
+    number: number;
+}
+interface StepperProps {
+    /**
+     * Array of steps to display
+     */
+    steps: StepperStep[];
+    /**
+     * Current active step (can be step id or step number)
+     */
+    currentStep: string | number;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+}
+type StepStatus = 'completed' | 'active' | 'inactive';
+
+declare const Stepper: React$1.FC<StepperProps>;
+
+interface OrdererInfo {
+    name?: string;
+    phoneNumber?: string;
+    email?: string;
+}
+interface CardOrdererInfoProps {
+    /**
+     * Orderer information to display
+     */
+    orderer?: OrdererInfo;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+}
+
+declare const CardOrdererInfo: React$1.FC<CardOrdererInfoProps>;
+
+interface PassengerItem {
+    /**
+     * Unique identifier for the passenger
+     */
+    id?: number;
+    /**
+     * Passenger name
+     */
+    name?: string;
+    /**
+     * Passenger category/type (e.g., "ADULT", "CHILD", "INFANT")
+     */
+    category?: string;
+    /**
+     * Whether the passenger data is completed
+     */
+    isCompleted?: boolean;
+}
+interface ModalListPassengerProps {
+    /**
+     * Whether the modal is open
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal title
+     * @default "Detail Penumpang"
+     */
+    title?: string;
+    /**
+     * List of available passengers to display
+     */
+    passengers: PassengerItem[];
+    /**
+     * Current search query value
+     */
+    searchQuery: string;
+    /**
+     * Callback when search query changes
+     */
+    onSearchChange: (query: string) => void;
+    /**
+     * Callback when a passenger is selected
+     */
+    onSelectPassenger: (passenger: PassengerItem) => void;
+    /**
+     * Callback when edit button is clicked for a passenger
+     */
+    onEditPassenger: (passenger: PassengerItem) => void;
+    /**
+     * Callback when "Tambah Penumpang" button is clicked
+     */
+    onAddPassenger: () => void;
+    /**
+     * Whether "Sama Dengan Pemesan" is checked
+     */
+    sameAsOrderer: boolean;
+    /**
+     * Callback when "Sama Dengan Pemesan" switch changes
+     */
+    onSameAsOrdererChange: (checked: boolean) => void;
+}
+
+/**
+ * ModalListPassenger - A reusable modal component for selecting passengers from a list
+ *
+ * This component provides a modal interface for selecting passengers with features like:
+ * - Search functionality
+ * - "Sama Dengan Pemesan" toggle
+ * - Edit passenger option
+ * - Add new passenger option
+ *
+ * @example
+ * ```tsx
+ * <ModalListPassenger
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   passengers={passengerList}
+ *   searchQuery={search}
+ *   onSearchChange={setSearch}
+ *   onSelectPassenger={handleSelect}
+ *   onEditPassenger={handleEdit}
+ *   onAddPassenger={handleAdd}
+ *   sameAsOrderer={sameAsOrderer}
+ *   onSameAsOrdererChange={setSameAsOrderer}
+ * />
+ * ```
+ */
+declare const ModalListPassenger: React$1.FC<ModalListPassengerProps>;
+
+interface PassengerFormData {
+    /**
+     * Passenger title (Tuan, Nyonya, Nona)
+     */
+    title?: string;
+    /**
+     * Full name
+     */
+    name?: string;
+    /**
+     * ID type (KTP, SIM, Paspor) - for adults only
+     */
+    idType?: string;
+    /**
+     * ID number - for adults only
+     */
+    idNumber?: string;
+    /**
+     * Age - for adults only
+     */
+    age?: number;
+    /**
+     * Birth date - for children/infants only
+     */
+    date?: string;
+    /**
+     * City ID
+     */
+    cityId?: string;
+    /**
+     * Ticket class
+     */
+    ticketClass?: string;
+    /**
+     * Category (ADULT, CHILD, INFANT, ELDERLY)
+     */
+    category?: string;
+    /**
+     * Whether the form is completed
+     */
+    isCompleted?: boolean;
+    /**
+     * Passenger ID (for edit mode)
+     */
+    id?: number;
+}
+interface ModalPassengerFormProps {
+    /**
+     * Whether the modal is open
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal title
+     * @default "Detail Penumpang"
+     */
+    title?: string;
+    /**
+     * Callback when form is submitted
+     */
+    onSubmit: (data: PassengerFormData) => void;
+    /**
+     * Default values for the form
+     */
+    defaultValues?: PassengerFormData;
+    /**
+     * Whether this is an adult form (shows ID fields) or child/infant form (shows birth date)
+     * @default true
+     */
+    isAdultForm?: boolean;
+    /**
+     * Options for title select field
+     */
+    titleOptions: SelectOption[];
+    /**
+     * Options for ID type select field
+     */
+    idTypeOptions: SelectOption[];
+    /**
+     * Options for city select field
+     */
+    cityOptions: SelectOption[];
+    /**
+     * Options for ticket class radio field
+     */
+    ticketClassOptions: RadioOption[];
+}
+
+/**
+ * ModalPassengerForm - A reusable modal component for adding/editing passenger details
+ *
+ * This component provides a form interface for passenger information with features like:
+ * - Different fields for adult vs child/infant passengers
+ * - Form validation
+ * - Support for add and edit modes
+ *
+ * @example
+ * ```tsx
+ * <ModalPassengerForm
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   onSubmit={handleSubmit}
+ *   defaultValues={passengerData}
+ *   isAdultForm={true}
+ *   titleOptions={titleOpts}
+ *   idTypeOptions={idTypeOpts}
+ *   cityOptions={cityOpts}
+ *   ticketClassOptions={ticketClassOpts}
+ * />
+ * ```
+ */
+declare const ModalPassengerForm: React$1.FC<ModalPassengerFormProps>;
+
+interface PassengerListItem {
+    /**
+     * Unique identifier for the passenger
+     */
+    id?: number;
+    /**
+     * Passenger name
+     */
+    name?: string;
+    /**
+     * Passenger type code (e.g., "ADULT", "CHILD", "INFANT")
+     */
+    passengerType?: string;
+    /**
+     * Service class name (e.g., "ECONOMY", "BUSINESS", "EXECUTIVE")
+     */
+    serviceName?: string;
+}
+interface BadgeConfig {
+    /**
+     * Badge background color
+     */
+    color: string;
+    /**
+     * Path to badge icon
+     */
+    icon: string;
+}
+interface CardPassengerListProps {
+    /**
+     * Card title
+     * @default "Data Penumpang"
+     */
+    title?: string;
+    /**
+     * List of passengers to display
+     */
+    passengers: PassengerListItem[];
+    /**
+     * Callback when a passenger is clicked
+     */
+    onPassengerClick: (passenger: PassengerListItem) => void;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+}
+
+/**
+ * CardPassengerList - A reusable card component for displaying passenger list
+ *
+ * This component provides a card interface for showing passengers with features like:
+ * - Header with title and divider line
+ * - List of passengers with service class badges
+ * - Clickable passenger items
+ * - Badge with overlapping icon design
+ *
+ * @example
+ * ```tsx
+ * <CardPassengerList
+ *   title="Data Penumpang"
+ *   passengers={passengerList}
+ *   onPassengerClick={handleClick}
+ * />
+ * ```
+ */
+declare const CardPassengerList: React$1.FC<CardPassengerListProps>;
+
+/**
+ * Get badge configuration based on ticket class
+ * @param ticketClass - The ticket class (ECONOMY, BUSINESS, EXECUTIVE)
+ * @returns Badge configuration with color and icon path
+ */
+declare const getBadgeConfig: (ticketClass?: string) => BadgeConfig;
+
+interface CardVehicleDetailProps {
+    /**
+     * Title of the vehicle service type
+     */
+    serviceTitle: string;
+    /**
+     * Image URL for the vehicle service
+     */
+    serviceImage: string;
+    /**
+     * React Hook Form control
+     */
+    control: Control<any>;
+    /**
+     * Name of the form field for vehicle number
+     * @default "vehicleNumber"
+     */
+    vehicleNumberName?: string;
+    /**
+     * Whether to show the "Has Load" radio option
+     * @default false
+     */
+    showLoadOption?: boolean;
+    /**
+     * Current value of "Has Load" option
+     */
+    hasLoad?: 'true' | 'false';
+    /**
+     * Callback when "Has Load" option changes
+     */
+    onHasLoadChange?: (value: 'true' | 'false') => void;
+}
+
+declare const CardVehicleDetail: React$1.FC<CardVehicleDetailProps>;
+
+interface CargoItem {
+    id: number;
+    commodity?: string;
+    cargoType?: string;
+    quantity?: number | string;
+    industryType?: string;
+    cargoCategory?: string;
+}
+interface VehicleOwner {
+    id: number;
+    senderType?: 'Perusahaan' | 'Perseorangan';
+    senderName?: string;
+    estimatedWeight?: number | string;
+    originCity?: string;
+    destinationCity?: string;
+    cargoOwnerType?: 'Perusahaan' | 'Perseorangan';
+    cargoOwnerName?: string;
+    logisticsCompanyType?: 'Perusahaan' | 'Perseorangan';
+    logisticsCompanyName?: string;
+    cargoReceiverType?: 'Perusahaan' | 'Perseorangan';
+    cargoReceiverName?: string;
+    cargoWeight?: number | string;
+    cargoItems?: CargoItem[];
+    price?: number;
+    [key: string]: any;
+}
+interface CardVehicleOwnerFormProps {
+    /**
+     * List of owners to display
+     */
+    owners: VehicleOwner[];
+    /**
+     * Whether the vehicle has load/cargo
+     */
+    hasLoad: boolean;
+    /**
+     * React Hook Form control
+     */
+    control: Control<any>;
+    /**
+     * React Hook Form watch function
+     */
+    watch: UseFormWatch<any>;
+    /**
+     * React Hook Form setValue function
+     */
+    setValue: UseFormSetValue<any>;
+    /**
+     * React Hook Form getValues function
+     */
+    getValues: UseFormGetValues<any>;
+    /**
+     * Callback to add a new owner
+     */
+    onAddOwner: () => void;
+    /**
+     * Callback to delete an owner
+     */
+    onDeleteOwner: (id: number) => void;
+    /**
+     * Callback to update an owner's data
+     */
+    onUpdateOwner: (id: number, data: Partial<VehicleOwner>) => void;
+    /**
+     * Callback to add a cargo item to an owner
+     */
+    onAddCargo: (ownerId: number) => void;
+    /**
+     * Callback to delete a cargo item
+     */
+    onDeleteCargo: (ownerId: number, cargoId: number) => void;
+    /**
+     * Callback to update cargo quantity
+     */
+    onUpdateCargoQuantity: (ownerId: number, cargoId: number, quantity: number) => void;
+    /**
+     * Options for company select inputs
+     */
+    companyOptions?: SelectOption[];
+    /**
+     * Options for city select inputs
+      * @default [] */
+    cityOptions?: SelectOption[];
+}
+
+declare const CardVehicleOwnerForm: React$1.FC<CardVehicleOwnerFormProps>;
+
+type ReservationStep = 'manifest' | 'addon' | 'meals' | 'review' | 'payment' | 'eticket' | string;
+type PaymentStep = 'method' | 'pay' | string;
+interface CardBookingTicketProps {
+    /**
+     * Ship Name (e.g. KMP PORTLINK)
+     */
+    shipName?: string;
+    /**
+     * Ship Type (e.g. Executive, Reguler)
+     */
+    shipType?: string;
+    /**
+     * Badge color for ship type
+     */
+    shipTypeColor?: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';
+    /**
+     * Departure Day (e.g. Kamis, 25 Sep)
+     */
+    departureDay?: string;
+    /**
+     * Departure Time (e.g. 18:15)
+     */
+    departureTime?: string;
+    /**
+     * Departure Location (e.g. Merak, Banten)
+     */
+    departureLocation?: string;
+    /**
+     * Arrival Day (e.g. Jumat, 26 Sep)
+     */
+    arrivalDay?: string;
+    /**
+     * Arrival Time (e.g. 19:25)
+     */
+    arrivalTime?: string;
+    /**
+     * Arrival Location (e.g. Bakauheni, Lampung)
+     */
+    arrivalLocation?: string;
+    /**
+     * Duration string (e.g. 1 jam 10 menit)
+     */
+    duration?: string;
+    /**
+     * Total price formatted string (e.g. 50.000)
+     */
+    totalPrice: string;
+    /**
+     * Current Reservation Step
+     */
+    reservationStep: ReservationStep;
+    /**
+     * Current Payment Step
+     */
+    paymentStep: PaymentStep;
+    /**
+     * Callback for price detail click
+     */
+    onPriceDetailClick: () => void;
+    /**
+     * Callback for Next button (Lanjutkan / Lihat Pemesanan)
+     */
+    onNext: () => void;
+    /**
+     * Callback for Previous button (Sebelumnya / Ubah Metode Pembayaran)
+     */
+    onPrevious: () => void;
+    /**
+     * Whether to show or hide the card (though usually handled by parent)
+     */
+    className?: string;
+}
+
+declare const CardBookingTicket: React$1.FC<CardBookingTicketProps>;
+
+interface CardFAQProps {
+    /**
+     * Optional class name for the container
+     */
+    className?: string;
+}
+
+declare const CardFAQ: React$1.FC<CardFAQProps>;
+
+interface AddonFooterData {
+    priceLabel: string;
+    price: number;
+    priceUnit?: string;
+    actionLabel?: string;
+    onActionClick?: () => void;
+    actionType: 'detail-link' | 'primary-button';
+}
+interface AssuranceItem {
+    label: string;
+    priceDetails: string;
+    totalPrice: number;
+}
+interface AssuranceData {
+    totalPassenger: number;
+    items: AssuranceItem[];
+    totalPrice: number;
+}
+interface MealItem$1 {
+    id: number;
+    name: string;
+    image: string;
+    description: string;
+    price: number;
+    quantity: number;
+}
+interface MealData {
+    items: MealItem$1[];
+    onUpdateQuantity: (id: number, delta: number) => void;
+    onDelete: (id: number) => void;
+}
+interface CardAddonProps {
+    /**
+     * Main title of the card header
+     */
+    title: string;
+    /**
+     * Title of the content item
+     */
+    itemTitle: string;
+    /**
+     * Subtitle of the content item
+     */
+    itemSubtitle: string;
+    /**
+     * URL of the icon image
+     */
+    iconUrl?: string;
+    /**
+     * Description text displayed below the item content
+     */
+    description?: string;
+    /**
+     * Action element displayed on the right side of the item content (e.g. Switch)
+     */
+    rightAction?: React$1.ReactNode;
+    /**
+     * Data driven footer configuration
+     */
+    footerData?: AddonFooterData;
+    /**
+     * Data for Assurance breakdown view
+     */
+    assuranceData?: AssuranceData;
+    /**
+     * Data for Meal list view
+     */
+    mealData?: MealData;
+    /**
+     * Optional custom children (fallback)
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Optional class name
+     */
+    className?: string;
+}
+
+declare const CardAddon: React$1.FC<CardAddonProps>;
+
+interface MealItem {
+    id: number;
+    name: string;
+    description?: string;
+    price: number;
+    image: string;
+    quantity: number;
+    [key: string]: any;
+}
+interface MealCategory {
+    category: string;
+    list: MealItem[];
+}
+interface CardMealCatalogProps {
+    /**
+     * Configuration for the top banner
+     */
+    banner: {
+        imageUrl: string;
+        title: string;
+        subtitle: string;
+    };
+    /**
+     * Text displayed in the disclaimer box
+     */
+    disclaimerText: string;
+    /**
+     * List of meal categories and their items
+     */
+    categories: MealCategory[];
+    /**
+     * Callback when "Tambah" button is clicked
+     */
+    onAdd: (item: MealItem) => void;
+    /**
+     * Callback when quantity is updated (+ or -)
+     */
+    onUpdateQuantity: (itemId: number, delta: number) => void;
+    /**
+     * Optional class name
+     */
+    className?: string;
+}
+
+declare const CardMealCatalog: React$1.FC<CardMealCatalogProps>;
+
+interface ReviewItem {
+    label: React$1.ReactNode;
+    value: React$1.ReactNode;
+    /**
+     * Optional class name for the row container
+     */
+    className?: string;
+    /**
+     * Optional class name for the label
+     */
+    labelClassName?: string;
+    /**
+     * Optional class name for the value
+     */
+    valueClassName?: string;
+}
+interface CardReviewProps {
+    /**
+     * Title of the section (e.g. "Detail Pemesan")
+     */
+    title: string;
+    /**
+     * Optional items to display as list rows
+     */
+    items?: ReviewItem[];
+    /**
+     * Custom children content (will be rendered after items if both exist)
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Optional class name for the card
+     */
+    className?: string;
+    /**
+     * Optional action in the header (e.g. Ubah button) - though not present in current designs, good for extensibility
+     */
+    headerAction?: React$1.ReactNode;
+}
+
+declare const CardReview: React$1.FC<CardReviewProps>;
+
+interface ReviewPassengerItem {
+    id: string | number;
+    name: string;
+    identityNumber: string;
+    ageLabel: string;
+    ageValue: string;
+    ticketClass: string;
+    serviceClass?: string;
+}
+interface CardReviewPassengerProps {
+    /**
+     * Title of the card section, defaults to "Penumpang"
+     */
+    title?: string;
+    /**
+     * List of passengers to display
+     */
+    passengers: ReviewPassengerItem[];
+    /**
+     * Optional class name
+     */
+    className?: string;
+}
+
+declare const CardReviewPassenger: React$1.FC<CardReviewPassengerProps>;
+
+interface PriceItem {
+    name: string;
+    price: number;
+    /**
+     * If true, the value will be displayed with a minus sign or specific style (e.g. discount)
+     */
+    isRedeem?: boolean;
+    /**
+     * Variant for the text color
+     */
+    variant?: 'default' | 'danger' | 'muted';
+    /**
+     * Optional description helper text (e.g. for tax explanation)
+     */
+    description?: string;
+}
+interface PriceSection {
+    category?: string;
+    title?: string;
+    detail: PriceItem[];
+}
+interface CardPriceDetailsProps {
+    /**
+     * Title of the card, defaults to "Rincian Harga"
+     */
+    title?: string;
+    /**
+     * Sections of price details
+     */
+    sections: PriceSection[];
+    /**
+     * Total payment details
+     */
+    total: number;
+}
+
+declare const CardPriceDetails: React$1.FC<CardPriceDetailsProps>;
+
+declare const PriceDetailsTerms: React$1.FC;
+
+interface PaymentOption {
+    label: string;
+    value: string;
+    image: string;
+}
+interface PaymentMethodCategory {
+    title: string;
+    value: string;
+    options: PaymentOption[];
+}
+interface CardPaymentMethodListProps {
+    methods: PaymentMethodCategory[];
+    selectedValue?: string;
+    onSelect: (value: string) => void;
+}
+
+declare const CardPaymentMethodList: React$1.FC<CardPaymentMethodListProps>;
+
+interface PaymentGuideStep {
+    title: string;
+    value: string;
+    steps: string[];
+}
+interface CardPaymentGuideProps {
+    title?: string;
+    guides: PaymentGuideStep[];
+    className?: string;
+}
+
+declare const CardPaymentGuide: React$1.FC<CardPaymentGuideProps>;
+
+interface BankInfo {
+    name: string;
+    icon: string;
+}
+interface CardPaymentInfoProps {
+    expiryDate: string;
+    bank: BankInfo;
+    virtualAccount: string;
+    totalAmount: number;
+    guides: PaymentGuideStep[];
+    onCopyVA?: () => void;
+    onCheckStatus?: () => void;
+}
+
+declare const CardPaymentInfo: React$1.FC<CardPaymentInfoProps>;
+
+interface CardStatusOrderProps {
+    bookingCode: string;
+    departureDate: string;
+    departureTime: string;
+    arrivalDate: string;
+    arrivalTime: string;
+    origin: string;
+    destination: string;
+    duration?: string;
+    vehicleClass: string;
+    serviceType: string;
+    vehicleNumber?: string;
+    shipType?: string;
+    statusLabel?: string;
+    statusIcon?: JSX.Element;
+    statusColor?: 'success' | 'danger' | 'warning' | 'brand' | 'important' | 'informative' | 'severe' | 'subtle';
+    illustrationUrl?: string;
+    title?: string;
+    description?: string;
+    onClickViewTicket?: () => void;
+    isLoading?: boolean;
+    className?: string;
+}
+
+declare const CardStatusOrder: React$1.FC<CardStatusOrderProps>;
+
+export { BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BankInfo, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, CardBookingTicket, type CardBookingTicketProps, CardFAQ, type CardFAQProps, CardMealCatalog, type CardMealCatalogProps, CardOrdererInfo, type CardOrdererInfoProps, CardPassengerList, type CardPassengerListProps, CardPaymentGuide, type CardPaymentGuideProps, CardPaymentInfo, type CardPaymentInfoProps, CardPaymentMethodList, type CardPaymentMethodListProps, CardPriceDetails, type CardPriceDetailsProps, CardPromo, type CardPromoProps, CardReview, CardReviewPassenger, type CardReviewPassengerProps, type CardReviewProps, CardServiceMenu, type CardServiceMenuProps, CardStatusOrder, type CardStatusOrderProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$3 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$2 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CardVehicleDetail, type CardVehicleDetailProps, CardVehicleOwnerForm, type CardVehicleOwnerFormProps, type CargoItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryCode, DEFAULT_COUNTRY_CODES, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_CLASSES, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type FilterCount, type HarborItem, InputDynamic, type InputDynamicProps, type InputType, MODAL_PRESETS, type MealCategory, type MealItem, ModalFilterTicket, DEFAULT_LABELS$1 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListPassenger, type PassengerItem as ModalListPassengerItem, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, type OrdererInfo, type Passenger, type PassengerFormData, type PassengerListItem, type PassengerService, type PassengerServiceCode, type PassengerType, type PaymentGuideStep, type PaymentMethodCategory, type PaymentOption, type PaymentStep, PriceDetailsTerms, type PriceItem, type PriceSection, type RadioOption, type ReservationStep, type ReviewItem, type ReviewPassengerItem, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceClass, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, type VehicleOwner, getBadgeConfig, getModalPreset, getSortLabel };