@asdp/ferryui 0.1.22-dev.8631 → 0.1.22-dev.8641

package/dist/index.d.mts

@@ -3,6 +3,13 @@ import { CarouselAnnouncerFunction, DialogProps } from '@fluentui/react-componen
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, Path, Control, UseFormWatch, UseFormSetValue, UseFormGetValues } from 'react-hook-form';
 
+type Language = 'id' | 'en';
+
+interface ModalIllustrationLabels {
+    defaultImageAlt: string;
+    defaultTitle: string;
+    defaultButtonText: string;
+}
 interface ModalIllustrationButton {
     /**
      * Button text
@@ -69,58 +76,96 @@ interface ModalIllustrationProps {
      * If provided, buttons will be displayed side by side
      */
     secondaryButton?: ModalIllustrationButton;
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalIllustrationLabels>;
 }
+
 declare const ModalIllustration: React$1.FC<ModalIllustrationProps>;
 
-/**
- * Preset configurations for common modal use cases
- */
-declare const MODAL_PRESETS: {
-    /**
-     * Modal for radius/location restriction
-     */
+declare const PRESET_CONTENT: {
     readonly RADIUS: {
-        readonly title: "Anda berada di luar area pemesanan";
-        readonly message: "Pemesanan tiket tidak dapat dilakukan dari lokasi Anda saat ini. Fitur pembatasan wilayah sedang aktif untuk mencegah pemesanan tidak sah.";
-        readonly imageSrc: "/assets/images/illustrations/radius.svg";
-        readonly imageAlt: "Radius Limitation Illustration";
+        readonly id: {
+            readonly title: "Anda berada di luar area pemesanan";
+            readonly message: "Pemesanan tiket tidak dapat dilakukan dari lokasi Anda saat ini. Fitur pembatasan wilayah sedang aktif untuk mencegah pemesanan tidak sah.";
+            readonly imageSrc: "/assets/images/illustrations/radius.svg";
+            readonly imageAlt: "Radius Limitation Illustration";
+        };
+        readonly en: {
+            readonly title: "You are outside the booking area";
+            readonly message: "Ticket booking cannot be done from your current location. Location restriction feature is active to prevent unauthorized booking.";
+            readonly imageSrc: "/assets/images/illustrations/radius.svg";
+            readonly imageAlt: "Radius Limitation Illustration";
+        };
     };
-    /**
-     * Modal for expired session
-     */
     readonly SESSION_EXPIRED: {
-        readonly title: "Sesi anda telah berakhir";
-        readonly message: "Waktu sesi Anda telah habis untuk alasan keamanan. Silakan klik tombol dibawah untuk masuk kembali.";
-        readonly imageSrc: "/assets/images/illustrations/sessionexp.svg";
-        readonly imageAlt: "Session Expired Illustration";
+        readonly id: {
+            readonly title: "Sesi anda telah berakhir";
+            readonly message: "Waktu sesi Anda telah habis untuk alasan keamanan. Silakan klik tombol dibawah untuk masuk kembali.";
+            readonly imageSrc: "/assets/images/illustrations/sessionexp.svg";
+            readonly imageAlt: "Session Expired Illustration";
+        };
+        readonly en: {
+            readonly title: "Your session has expired";
+            readonly message: "Your session time has run out for security reasons. Please click the button below to sign in again.";
+            readonly imageSrc: "/assets/images/illustrations/sessionexp.svg";
+            readonly imageAlt: "Session Expired Illustration";
+        };
     };
-    /**
-     * Modal for purchase period expired
-     */
     readonly PURCHASE_PERIOD_EXPIRED: {
-        readonly title: "Waktu pembelian telah berakhir";
-        readonly message: "Pemesanan tiket ditutup 1 jam sebelum jadwal keberangkatan. Silakan pilih jadwal keberangkatan lain yang masih tersedia.";
-        readonly imageSrc: "/assets/images/illustrations/pay.svg";
-        readonly imageAlt: "Purchase Period Expired Illustration";
+        readonly id: {
+            readonly title: "Waktu pembelian telah berakhir";
+            readonly message: "Pemesanan tiket ditutup 1 jam sebelum jadwal keberangkatan. Silakan pilih jadwal keberangkatan lain yang masih tersedia.";
+            readonly imageSrc: "/assets/images/illustrations/pay.svg";
+            readonly imageAlt: "Purchase Period Expired Illustration";
+        };
+        readonly en: {
+            readonly title: "Purchase period has expired";
+            readonly message: "Ticket booking closes 1 hour before departure schedule. Please choose another available departure schedule.";
+            readonly imageSrc: "/assets/images/illustrations/pay.svg";
+            readonly imageAlt: "Purchase Period Expired Illustration";
+        };
     };
-    /**
-     * Modal for transaction limit reached
-     */
     readonly TRANSACTION_LIMIT: {
-        readonly title: "Anda mencapai batas transaksi tertunda";
-        readonly message: "Anda telah mencapai batas transaksi tertunda. Pemesanan dapat dilakukan kembali setelah transaksi sebelumnya diselesaikan.";
-        readonly imageSrc: "/assets/images/illustrations/mobile-pay.svg";
-        readonly imageAlt: "Transaction Limit Illustration";
+        readonly id: {
+            readonly title: "Anda mencapai batas transaksi tertunda";
+            readonly message: "Anda telah mencapai batas transaksi tertunda. Pemesanan dapat dilakukan kembali setelah transaksi sebelumnya diselesaikan.";
+            readonly imageSrc: "/assets/images/illustrations/mobile-pay.svg";
+            readonly imageAlt: "Transaction Limit Illustration";
+        };
+        readonly en: {
+            readonly title: "Pending transaction limit reached";
+            readonly message: "You have reached the pending transaction limit. Booking can be done again after the previous transaction is completed.";
+            readonly imageSrc: "/assets/images/illustrations/mobile-pay.svg";
+            readonly imageAlt: "Transaction Limit Illustration";
+        };
     };
 };
+
 /**
  * Type for preset keys
  */
-type ModalPresetKey = keyof typeof MODAL_PRESETS;
+type ModalPresetKey = keyof typeof PRESET_CONTENT;
 /**
  * Helper function to get preset configuration
  */
-declare const getModalPreset: (presetKey: ModalPresetKey) => Partial<ModalIllustrationProps>;
+declare const getModalPreset: (presetKey: ModalPresetKey, language?: Language) => Partial<ModalIllustrationProps>;
+/**
+ * @deprecated Use getModalPreset instead
+ * Preset configurations for common modal use cases (defaults to ID)
+ */
+declare const MODAL_PRESETS: {
+    readonly RADIUS: Partial<ModalIllustrationProps>;
+    readonly SESSION_EXPIRED: Partial<ModalIllustrationProps>;
+    readonly PURCHASE_PERIOD_EXPIRED: Partial<ModalIllustrationProps>;
+    readonly TRANSACTION_LIMIT: Partial<ModalIllustrationProps>;
+};
 
 interface CarouselWithCustomNavProps {
     /**
@@ -181,7 +226,16 @@ interface CarouselWithCustomNavProps {
 }
 declare const CarouselWithCustomNav: React$1.FC<CarouselWithCustomNavProps>;
 
+interface CardPromoLabels {
+    defaultImageAlt: string;
+    defaultButtonText: string;
+}
 interface CardPromoProps {
+    /**
+     * Language for labels (Indonesian or English)
+     * @default 'id'
+     */
+    language?: Language;
     /**
      * Image URL for the promo
      */
@@ -239,9 +293,20 @@ interface CardPromoProps {
      * Image Only
      */
     imageOnly?: boolean;
+    /**
+     * Custom labels override (optional)
+     * If not provided, default labels based on language will be used
+     */
+    labels?: Partial<CardPromoLabels>;
 }
+
 declare const CardPromo: React$1.FC<CardPromoProps>;
 
+interface CardBannerLabels {
+    bannerAriaLabel: string;
+    bannerAriaLabelSingle: string;
+    loadingBanner: string;
+}
 interface CardBannerProps {
     /**
      * Banner image URL
@@ -267,10 +332,39 @@ interface CardBannerProps {
      * Loading state
      */
     isLoading?: boolean;
+    /**
+     * Language for accessibility labels
+     * @default 'id'
+     */
+    language?: 'id' | 'en';
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardBannerLabels>;
 }
+
 declare const CardBanner: React$1.FC<CardBannerProps>;
 
+interface CardTicketLabels {
+    availableSeatsLabel: string;
+    estimationPrefix: string;
+    priceDetailsButton: string;
+    policyButton: string;
+    totalPriceLabel: string;
+    facilitiesLabel: string;
+    selectTicketButton: string;
+    timezoneLabel: string;
+}
 interface CardTicketProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardTicketLabels>;
     /**
      * Ticket ID
      */
@@ -363,81 +457,19 @@ declare const BackgroundTicketCard: (props: React$1.SVGProps<SVGSVGElement>) =>
  */
 declare const BackgroundTicketCardVertical: (props: React$1.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-type Language = 'id' | 'en';
-
-declare const SERVICE_MENU_ITEMS: {
-    readonly ferry: {
-        readonly id: "ferry";
-        readonly logo: "/assets/images/icons/ferry.svg";
-        readonly labels: {
-            readonly id: {
-                readonly label: "Ferry";
-                readonly description: "Layanan penyeberangan ferry ASDP";
-            };
-            readonly en: {
-                readonly label: "Ferry";
-                readonly description: "ASDP Ferry Crossing Service";
-            };
-        };
-    };
-    readonly ifcs: {
-        readonly id: "ifcs";
-        readonly logo: "/assets/logo/asdp-default.svg";
-        readonly labels: {
-            readonly id: {
-                readonly label: "IFCS";
-                readonly description: "Integrated Ferry Control System";
-            };
-            readonly en: {
-                readonly label: "IFCS";
-                readonly description: "Integrated Ferry Control System";
-            };
-        };
-    };
-    readonly skpt: {
-        readonly id: "skpt";
-        readonly logo: "/assets/logo/asdp-default.svg";
-        readonly labels: {
-            readonly id: {
-                readonly label: "SKPT";
-                readonly description: "Sistem Karcis Penumpang Terpadu";
-            };
-            readonly en: {
-                readonly label: "SKPT";
-                readonly description: "Integrated Passenger Ticketing System";
-            };
-        };
-    };
-    readonly hotel: {
-        readonly id: "hotel";
-        readonly logo: "/assets/images/icons/hotel.svg";
-        readonly labels: {
-            readonly id: {
-                readonly label: "Hotel";
-                readonly description: "Layanan pemesanan hotel";
-            };
-            readonly en: {
-                readonly label: "Hotel";
-                readonly description: "Hotel Booking Service";
-            };
-        };
-    };
-    readonly other: {
-        readonly id: "other";
-        readonly logo: "/assets/images/icons/other.svg";
-        readonly labels: {
-            readonly id: {
-                readonly label: "Lainnya";
-                readonly description: "Layanan lainnya";
-            };
-            readonly en: {
-                readonly label: "Other";
-                readonly description: "Other Services";
-            };
-        };
-    };
-};
-type ServiceId = keyof typeof SERVICE_MENU_ITEMS;
+type ServiceId = 'ferry' | 'ifcs' | 'skpt' | 'hotel' | 'other';
+interface CardServiceMenuLabels {
+    ferryLabel: string;
+    ferryDescription: string;
+    ifcsLabel: string;
+    ifcsDescription: string;
+    skptLabel: string;
+    skptDescription: string;
+    hotelLabel: string;
+    hotelDescription: string;
+    otherLabel: string;
+    otherDescription: string;
+}
 interface CardServiceMenuProps {
     /**
      * Currently active service ID
@@ -462,7 +494,12 @@ interface CardServiceMenuProps {
      * Custom className for the card
      */
     className?: string;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardServiceMenuLabels>;
 }
+
 declare const CardServiceMenu: React$1.FC<CardServiceMenuProps>;
 
 interface ServiceMenuItem {
@@ -581,7 +618,21 @@ interface SearchSummaryField {
      */
     icon?: string;
 }
+interface CardTicketSearchSummaryLabels {
+    originHarbor: string;
+    destinationHarbor: string;
+    departureDate: string;
+    serviceClass: string;
+    typeOfService: string;
+    totalPassengers: string;
+    changeSearchButton: string;
+}
 interface CardTicketSearchSummaryProps {
+    /**
+     * Language for labels (Indonesian or English)
+     * @default 'id'
+     */
+    language?: Language;
     /**
      * Origin harbor name
      */
@@ -611,17 +662,10 @@ interface CardTicketSearchSummaryProps {
      */
     onChangeSearch: () => void;
     /**
-     * Custom field labels
+     * Custom field labels override (optional)
+     * If not provided, default labels based on language will be used
      */
-    labels?: {
-        originHarbor?: string;
-        destinationHarbor?: string;
-        departureDate?: string;
-        serviceClass?: string;
-        typeOfService?: string;
-        totalPassengers?: string;
-        changeSearchButton?: string;
-    };
+    labels?: Partial<CardTicketSearchSummaryLabels>;
     /**
      * Show swap button between origin and destination
      * @default false
@@ -635,15 +679,7 @@ interface CardTicketSearchSummaryProps {
 
 declare const CardTicketSearchSummary: React$1.FC<CardTicketSearchSummaryProps>;
 
-declare const DEFAULT_LABELS$2: {
-    originHarbor: string;
-    destinationHarbor: string;
-    departureDate: string;
-    serviceClass: string;
-    typeOfService: string;
-    totalPassengers: string;
-    changeSearchButton: string;
-};
+declare const DEFAULT_LABELS$2: Record<Language, CardTicketSearchSummaryLabels>;
 
 type InputType = 'checkbox' | 'date' | 'datetime-local' | 'email' | 'file' | 'identity' | 'emailOrPhone' | 'number' | 'otp' | 'passport' | 'password' | 'phone' | 'radio' | 'radiobutton' | 'select' | 'switch' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
 interface SelectOption {
@@ -722,6 +758,23 @@ interface InputDynamicProps<T extends FieldValues = FieldValues> {
     onInput?: (e: React.FormEvent<HTMLInputElement>) => void;
     contentAfter?: React.ReactNode;
     onChange?: (value: any) => void;
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: 'id' | 'en';
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<InputDynamicLabels>;
+}
+interface InputDynamicLabels {
+    emailOrPhonePlaceholder: string;
+    emailPlaceholder: string;
+    phonePlaceholder: string;
+    identityPlaceholder: string;
+    identityPhonePlaceholder: string;
+    identityIdPlaceholder: string;
 }
 
 declare const InputDynamic: React$1.FC<InputDynamicProps>;
@@ -741,10 +794,31 @@ interface HarborItem {
      */
     name: string;
 }
+/**
+ * Labels for ModalSearchHarbor component
+ */
+interface ModalSearchHarborLabels {
+    title: string;
+    searchPlaceholder: string;
+    lastSearchedHeader: string;
+    clearAllButton: string;
+    allHarborsHeader: string;
+    loadingData: string;
+    harborNotFound: string;
+}
 /**
  * Props for ModalSearchHarbor component
  */
 interface ModalSearchHarborProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalSearchHarborLabels>;
     /**
      * Whether the modal is open
      */
@@ -755,7 +829,6 @@ interface ModalSearchHarborProps {
     onClose: () => void;
     /**
      * Modal title
-     * @default "Pilih Pelabuhan"
      */
     title?: string;
     /**
@@ -809,6 +882,7 @@ interface ModalSearchHarborProps {
      */
     onClearLastSearched: () => void;
 }
+
 /**
  * ModalSearchHarbor - A reusable modal component for searching and selecting harbors
  *
@@ -843,10 +917,27 @@ declare const ModalSearchHarbor: React$1.FC<ModalSearchHarborProps>;
  * Tab type for trip selection
  */
 type TabType = 'one-way' | 'round-trip';
+/**
+ * Labels for ModalSelectDate component
+ */
+interface ModalSelectDateLabels {
+    title: string;
+    oneWay: string;
+    roundTrip: string;
+}
 /**
  * Props for ModalSelectDate component
  */
 interface ModalSelectDateProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalSelectDateLabels>;
     /**
      * Whether the modal is open
      */
@@ -857,7 +948,6 @@ interface ModalSelectDateProps {
     onClose: () => void;
     /**
      * Modal title
-     * @default "Pilih Tanggal"
      */
     title?: string;
     /**
@@ -910,6 +1000,7 @@ interface ModalSelectDateProps {
      */
     showRoundtrip?: boolean;
 }
+
 /**
  * ModalSelectDate - A reusable modal component for selecting dates
  *
@@ -956,6 +1047,13 @@ interface ServiceItem {
      */
     serviceDescription: string;
 }
+interface ModalServiceLabels {
+    title: string;
+    loading: string;
+    error: string;
+    selectAll: string;
+    saveButton: string;
+}
 /**
  * Props for ModalService component
  */
@@ -996,7 +1094,17 @@ interface ModalServiceProps {
      * @default false
      */
     isError?: boolean;
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalServiceLabels>;
 }
+
 /**
  * ModalService - A reusable modal component for selecting service classes
  *
@@ -1034,6 +1142,7 @@ interface ServiceClass {
     name: string;
     key: string;
     serviceName: PassengerServiceCode;
+    labelKey: keyof ModalTotalPassengersLabels;
 }
 /**
  * Default service classes available
@@ -1041,6 +1150,18 @@ interface ServiceClass {
 declare const DEFAULT_SERVICE_CLASSES: ServiceClass[];
 
 type PassengerTypeCode = "ADULT" | "CHILD" | "INFANT" | "ELDERLY";
+/**
+ * Labels for ModalTotalPassengers component
+ */
+interface ModalTotalPassengersLabels {
+    title: string;
+    infoMessage: string;
+    loading: string;
+    saveButton: string;
+    economy: string;
+    business: string;
+    executive: string;
+}
 /**
  * Passenger object structure
  */
@@ -1093,6 +1214,15 @@ interface SelectedPassengerItem {
  * Props for ModalTotalPassengers component
  */
 interface ModalTotalPassengersProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalTotalPassengersLabels>;
     /**
      * Whether the modal is open
      */
@@ -1103,7 +1233,6 @@ interface ModalTotalPassengersProps {
     onClose: () => void;
     /**
      * Modal title
-     * @default "Pilih Jumlah Penumpang"
      */
     title?: string;
     /**
@@ -1111,9 +1240,9 @@ interface ModalTotalPassengersProps {
      */
     passengerTypes: PassengerType[];
     /**
-     * Array of service classes
-     * @default DEFAULT_SERVICE_CLASSES
-     */
+   * Array of service classes
+   * @default DEFAULT_SERVICE_CLASSES
+   */
     serviceClasses?: ServiceClass[];
     /**
      * Currently selected passengers
@@ -1135,10 +1264,10 @@ interface ModalTotalPassengersProps {
     maxPassengers?: number;
     /**
      * Message to display in the info bar
-     * @default "Anda dapat menambahkan hingga {maxPassengers} penumpang pada golongan kendaraan ini."
      */
     infoMessage?: string;
 }
+
 /**
  * ModalTotalPassengers - A reusable modal component for selecting passenger counts
  *
@@ -1177,10 +1306,28 @@ interface TypeOfService {
     child: TypeOfService[];
     typeOfPassanger: string;
 }
+/**
+ * Labels for ModalTypeOfService component
+ */
+interface ModalTypeOfServiceLabels {
+    title: string;
+    cancelButton: string;
+    saveButton: string;
+    vehiclesAlt: string;
+}
 /**
  * Props for ModalTypeOfService component
  */
 interface ModalTypeOfServiceProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalTypeOfServiceLabels>;
     /**
      * Whether the modal is open
      */
@@ -1191,7 +1338,6 @@ interface ModalTypeOfServiceProps {
     onClose: () => void;
     /**
      * Modal title
-     * @default "Pilih Tipe Layanan"
      */
     title?: string;
     /**
@@ -1217,6 +1363,7 @@ interface ModalTypeOfServiceProps {
         height: number;
     }) => ReactNode;
 }
+
 /**
  * ModalTypeOfService - A reusable modal component for selecting service types
  *
@@ -1322,6 +1469,11 @@ declare const DEFAULT_SORT_OPTIONS: {
 declare const getSortLabel: (value: string) => string;
 
 interface ModalFilterTicketProps {
+    /**
+     * Language for labels (Indonesian or English)
+     * @default 'id'
+     */
+    language?: Language;
     /**
      * Whether the modal is open
      */
@@ -1432,7 +1584,7 @@ interface ModalFilterTicketLabels {
 
 declare const ModalFilterTicket: React$1.FC<ModalFilterTicketProps>;
 
-declare const DEFAULT_LABELS$1: ModalFilterTicketLabels;
+declare const DEFAULT_LABELS$1: Record<Language, ModalFilterTicketLabels>;
 declare const DEFAULT_SERVICE_TYPES: {
     value: string;
     label: string;
@@ -1512,6 +1664,32 @@ declare const DateFilter: React$1.FC<DateFilterProps>;
 declare const DEFAULT_LABELS: DateFilterLabels;
 declare const DEFAULT_SCROLL_AMOUNT = 150;
 
+/**
+ * Labels for ModalSearchTicket component
+ */
+interface ModalSearchTicketLabels {
+    title: string;
+    fromLabel: string;
+    fromPlaceholder: string;
+    fromRequired: string;
+    toLabel: string;
+    toPlaceholder: string;
+    toRequired: string;
+    departureDateLabel: string;
+    departureDatePlaceholder: string;
+    departureDateRequired: string;
+    roundTripLabel: string;
+    returnDateLabel: string;
+    returnDatePlaceholder: string;
+    returnDateRequired: string;
+    serviceClassLabel: string;
+    serviceClassPlaceholder: string;
+    typeOfServiceLabel: string;
+    typeOfServicePlaceholder: string;
+    passengerLabel: string;
+    passengerPlaceholder: string;
+    searchButton: string;
+}
 /**
  * Form data structure for search ticket modal
  */
@@ -1554,6 +1732,15 @@ interface SearchTicketFormData {
  * Props for ModalSearchTicket component
  */
 interface ModalSearchTicketProps extends Partial<DialogProps> {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalSearchTicketLabels>;
     /**
      * Whether the modal is open
      */
@@ -1711,21 +1898,78 @@ interface StepperProps {
      * Additional CSS class name
      */
     className?: string;
+    /**
+     * Custom colors for stepper elements
+     */
+    colors?: {
+        active?: string;
+        completed?: string;
+        inactive?: string;
+        activeBackground?: string;
+        completedBackground?: string;
+        inactiveBackground?: string;
+        label?: string;
+        connectorDefault?: string;
+        connectorCompleted?: string;
+        connectorActive?: string;
+    };
+    /**
+     * Custom dimensions for stepper elements
+     */
+    dimensions?: {
+        height?: string;
+        mobileHeight?: string;
+        circleSize?: string;
+        mobileCircleSize?: string;
+        ferryIconWidth?: string;
+        ferryIconHeight?: string;
+        mobileFerryIconWidth?: string;
+        mobileFerryIconHeight?: string;
+    };
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: 'id' | 'en';
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<StepperLabels>;
+}
+interface StepperLabels {
+    stepperBackgroundAlt: string;
+    ferryIconAlt: string;
 }
 type StepStatus = 'completed' | 'active' | 'inactive';
 
 declare const Stepper: React$1.FC<StepperProps>;
 
-interface OrdererInfo {
+interface Orderer {
     name?: string;
     phoneNumber?: string;
     email?: string;
 }
+interface CardOrdererInfoLabels {
+    title: string;
+    ordererName: string;
+    phoneNumber: string;
+    email: string;
+}
 interface CardOrdererInfoProps {
     /**
-     * Orderer information to display
+     * Language for labels (Indonesian or English)
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Orderer information
      */
-    orderer?: OrdererInfo;
+    orderer?: Orderer;
+    /**
+     * Custom labels override (optional)
+     * If not provided, default labels based on language will be used
+     */
+    labels?: Partial<CardOrdererInfoLabels>;
     /**
      * Additional CSS class name
      */
@@ -1734,6 +1978,13 @@ interface CardOrdererInfoProps {
 
 declare const CardOrdererInfo: React$1.FC<CardOrdererInfoProps>;
 
+interface ModalListPassengerLabels {
+    title: string;
+    sameAsOrderer: string;
+    searchPlaceholder: string;
+    addPassengerButton: string;
+    cancelButton: string;
+}
 interface PassengerItem {
     /**
      * Unique identifier for the passenger
@@ -1798,6 +2049,15 @@ interface ModalListPassengerProps {
      * Callback when "Sama Dengan Pemesan" switch changes
      */
     onSameAsOrdererChange: (checked: boolean) => void;
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalListPassengerLabels>;
 }
 
 /**
@@ -1827,6 +2087,39 @@ interface ModalListPassengerProps {
  */
 declare const ModalListPassenger: React$1.FC<ModalListPassengerProps>;
 
+interface ModalPassengerFormLabels {
+    title: string;
+    titleLabel: string;
+    titlePlaceholder: string;
+    nameLabel: string;
+    namePlaceholder: string;
+    idTypeLabel: string;
+    idTypePlaceholder: string;
+    idNumberLabel: string;
+    idNumberPlaceholder: string;
+    ageLabel: string;
+    agePlaceholder: string;
+    dateLabel: string;
+    datePlaceholder: string;
+    cityLabel: string;
+    cityPlaceholder: string;
+    ticketClassLabel: string;
+    saveButton: string;
+    cancelButton: string;
+    errors: {
+        requiredTitle: string;
+        requiredName: string;
+        minLengthName: string;
+        requiredIdType: string;
+        requiredIdNumber: string;
+        minLengthIdNumber: string;
+        requiredAge: string;
+        minAge: string;
+        maxAge: string;
+        requiredDate: string;
+        requiredCity: string;
+    };
+}
 interface PassengerFormData {
     /**
      * Passenger title (Tuan, Nyonya, Nona)
@@ -1916,6 +2209,15 @@ interface ModalPassengerFormProps {
      * Options for ticket class radio field
      */
     ticketClassOptions: RadioOption[];
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalPassengerFormLabels>;
 }
 
 /**
@@ -1961,7 +2263,16 @@ interface PassengerListItem {
      */
     serviceName?: string;
 }
+interface CardPassengerListLabels {
+    defaultTitle: string;
+    passengerPrefix: string;
+}
 interface CardPassengerListProps {
+    /**
+     * Language for labels (Indonesian or English)
+     * @default 'id'
+     */
+    language?: Language;
     /**
      * Card title
      * @default "Data Penumpang"
@@ -1975,6 +2286,11 @@ interface CardPassengerListProps {
      * Callback when a passenger is clicked
      */
     onPassengerClick: (passenger: PassengerListItem) => void;
+    /**
+     * Custom labels override (optional)
+     * If not provided, default labels based on language will be used
+     */
+    labels?: Partial<CardPassengerListLabels>;
     /**
      * Additional CSS class name
      */
@@ -2001,6 +2317,14 @@ interface CardPassengerListProps {
  */
 declare const CardPassengerList: React$1.FC<CardPassengerListProps>;
 
+interface CardVehicleDetailLabels {
+    title: string;
+    vehicleNumberLabel: string;
+    vehicleNumberPlaceholder: string;
+    hasLoadLabel: string;
+    yesLabel: string;
+    noLabel: string;
+}
 interface CardVehicleDetailProps {
     /**
      * Title of the vehicle service type
@@ -2029,9 +2353,18 @@ interface CardVehicleDetailProps {
      */
     hasLoad?: 'true' | 'false';
     /**
-     * Callback when "Has Load" option changes
+     * Has Load Change Handler
      */
     onHasLoadChange?: (value: 'true' | 'false') => void;
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardVehicleDetailLabels>;
 }
 
 declare const CardVehicleDetail: React$1.FC<CardVehicleDetailProps>;
@@ -2115,17 +2448,95 @@ interface CardVehicleOwnerFormProps {
      * Options for company select inputs
      */
     companyOptions?: SelectOption[];
+    /**
+     * Options for city select inputs
     /**
      * Options for city select inputs
       * @default [] */
     cityOptions?: SelectOption[];
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: 'id' | 'en';
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardVehicleOwnerFormLabels>;
+}
+interface CardVehicleOwnerFormLabels {
+    title: string;
+    addOwnerButton: string;
+    ownerInfoTitle: string;
+    senderNameLabel: string;
+    senderTypeCompany: string;
+    senderTypeIndividual: string;
+    selectCompanyPlaceholder: string;
+    inputSenderNamePlaceholder: string;
+    estimatedWeightLabel: string;
+    inputNumberPlaceholder: string;
+    originCityLabel: string;
+    destinationCityLabel: string;
+    selectPlaceholder: string;
+    cargoOwnerTitle: string;
+    cargoOwnerCompanyPlaceholder: string;
+    cargoOwnerIndividualPlaceholder: string;
+    otherCompanyHelperText: string;
+    logisticsCompanyTitle: string;
+    logisticsCompanyPlaceholder: string;
+    logisticsIndividualPlaceholder: string;
+    cargoReceiverTitle: string;
+    cargoReceiverCompanyPlaceholder: string;
+    cargoReceiverIndividualPlaceholder: string;
+    totalWeightLabel: string;
+    cargoListTitle: string;
+    cargoItemTitle: string;
+    commodityLabel: string;
+    commodityHelperTextPrefix: string;
+    hereLinkText: string;
+    cargoTypeLabel: string;
+    cargoTypeHelperText: string;
+    cargoQuantityLabel: string;
+    priceLabel: string;
+    industryTypeLabel: string;
+    industryTypeHelperText: string;
+    cargoCategoryLabel: string;
+    cargoCategoryHelperTextPrefix: string;
+    deleteCargoButton: string;
+    addCargoButton: string;
+    cargoTypeOptions: {
+        karung: string;
+        kg: string;
+        ton: string;
+        unit: string;
+    };
 }
 
 declare const CardVehicleOwnerForm: React$1.FC<CardVehicleOwnerFormProps>;
 
 type ReservationStep = 'manifest' | 'addon' | 'meals' | 'review' | 'payment' | 'eticket' | string;
 type PaymentStep = 'method' | 'pay' | string;
+interface CardBookingTicketLabels {
+    bookingDetails: string;
+    routeTitle: string;
+    estimationPrefix: string;
+    totalPriceLabel: string;
+    nextButton: string;
+    previousButton: string;
+    viewBookingButton: string;
+    changePaymentButton: string;
+    timezoneLabel: string;
+}
 interface CardBookingTicketProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardBookingTicketLabels>;
     /**
      * Ship Name (e.g. KMP PORTLINK)
      */
@@ -2198,7 +2609,29 @@ interface CardBookingTicketProps {
 
 declare const CardBookingTicket: React$1.FC<CardBookingTicketProps>;
 
+interface FAQItem {
+    value: string;
+    question: string;
+    answer: string;
+}
+interface CardFAQLabels {
+    title: string;
+}
 interface CardFAQProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardFAQLabels>;
+    /**
+     * List of FAQ items
+     * If not provided, default items will be shown
+     */
+    items?: FAQItem[];
     /**
      * Optional class name for the container
      */
@@ -2238,7 +2671,22 @@ interface MealData {
     onUpdateQuantity: (id: number, delta: number) => void;
     onDelete: (id: number) => void;
 }
+interface CardAddonLabels {
+    viewDetail: string;
+    totalPrice: string;
+    passengerInsurance: string;
+    removeOrder: string;
+}
 interface CardAddonProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardAddonLabels>;
     /**
      * Main title of the card header
      */
@@ -2287,6 +2735,9 @@ interface CardAddonProps {
 
 declare const CardAddon: React$1.FC<CardAddonProps>;
 
+interface CardMealCatalogLabels {
+    addButton: string;
+}
 interface MealItem {
     id: number;
     name: string;
@@ -2301,6 +2752,15 @@ interface MealCategory {
     list: MealItem[];
 }
 interface CardMealCatalogProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardMealCatalogLabels>;
     /**
      * Configuration for the top banner
      */
@@ -2349,7 +2809,18 @@ interface ReviewItem {
      */
     valueClassName?: string;
 }
+interface CardReviewLabels {
+}
 interface CardReviewProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardReviewLabels>;
     /**
      * Title of the section (e.g. "Detail Pemesan")
      */
@@ -2383,7 +2854,20 @@ interface ReviewPassengerItem {
     ticketClass: string;
     serviceClass?: string;
 }
+interface CardReviewPassengerLabels {
+    title: string;
+    idNumber: string;
+}
 interface CardReviewPassengerProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardReviewPassengerLabels>;
     /**
      * Title of the card section, defaults to "Penumpang"
      */
@@ -2421,7 +2905,23 @@ interface PriceSection {
     title?: string;
     detail: PriceItem[];
 }
+interface CardPriceDetailsLabels {
+    defaultTitle: string;
+    totalPayment: string;
+    bookingTerms: string[];
+    agreementInfo: string;
+    agreementLinkFerizy: string;
+    agreementCovidInfo: string;
+    agreementCovidLink: string;
+    agreementFinal: string;
+    currencyPrefix: string;
+}
 interface CardPriceDetailsProps {
+    /**
+     * Language for labels (Indonesian or English)
+     * @default 'id'
+     */
+    language?: Language;
     /**
      * Title of the card, defaults to "Rincian Harga"
      */
@@ -2434,6 +2934,11 @@ interface CardPriceDetailsProps {
      * Total payment details
      */
     total: number;
+    /**
+     * Custom labels override (optional)
+     * If not provided, default labels based on language will be used
+     */
+    labels?: Partial<CardPriceDetailsLabels>;
 }
 
 declare const CardPriceDetails: React$1.FC<CardPriceDetailsProps>;
@@ -2448,7 +2953,18 @@ interface PaymentMethodCategory {
     value: string;
     options: PaymentOption[];
 }
+interface CardPaymentMethodListLabels {
+}
 interface CardPaymentMethodListProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardPaymentMethodListLabels>;
     methods: PaymentMethodCategory[];
     selectedValue?: string;
     onSelect: (value: string) => void;
@@ -2461,7 +2977,19 @@ interface PaymentGuideStep {
     value: string;
     steps: string[];
 }
+interface CardPaymentGuideLabels {
+    title: string;
+}
 interface CardPaymentGuideProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardPaymentGuideLabels>;
     title?: string;
     guides: PaymentGuideStep[];
     className?: string;
@@ -2473,7 +3001,23 @@ interface BankInfo {
     name: string;
     icon: string;
 }
+interface CardPaymentInfoLabels {
+    expiryPrefix: string;
+    copyCodeButton: string;
+    totalPayment: string;
+    checkStatusInfo: string;
+    checkStatusButton: string;
+}
 interface CardPaymentInfoProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardPaymentInfoLabels>;
     expiryDate: string;
     bank: BankInfo;
     virtualAccount: string;
@@ -2485,7 +3029,29 @@ interface CardPaymentInfoProps {
 
 declare const CardPaymentInfo: React$1.FC<CardPaymentInfoProps>;
 
+interface CardStatusOrderLabels {
+    detailTitle: string;
+    statusLabel: string;
+    bookingCodeLabel: string;
+    scheduleLabel: string;
+    routeLabel: string;
+    userTypeLabel: string;
+    serviceLabel: string;
+    viewTicketButton: string;
+    defaultStatus: string;
+    defaultTitle: string;
+    defaultDescription: string;
+}
 interface CardStatusOrderProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardStatusOrderLabels>;
     bookingCode: string;
     departureDate: string;
     departureTime: string;
@@ -2511,6 +3077,17 @@ interface CardStatusOrderProps {
 
 declare const CardStatusOrder: React$1.FC<CardStatusOrderProps>;
 
+interface ModalPriceDetailLabels {
+    title: string;
+    addonHeader: string;
+    subTotalLabel: string;
+    totalTagihanLabel: string;
+    ppnLabel: string;
+    ppnNote: string;
+    grandTotalLabel: string;
+    currencyPrefix: string;
+    currencyCode: string;
+}
 interface PriceDetailItem {
     key: string;
     label: string | React.ReactNode;
@@ -2526,6 +3103,15 @@ interface ModalPriceDetailProps {
     subTotal: number;
     taxAmount: number;
     grandTotal: number;
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalPriceDetailLabels>;
 }
 
 declare const ModalPriceDetail: React$1.FC<ModalPriceDetailProps>;
@@ -2551,7 +3137,18 @@ interface ProfileMenuSection {
     sectionLabel: string;
     tabs: ProfileMenuTab[];
 }
+interface CardProfileMenuLabels {
+}
 interface CardProfileMenuProps {
+    /**
+     * Language for labels (Indonesian or English)
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override (optional)
+     */
+    labels?: Partial<CardProfileMenuLabels>;
     /**
      * List of menu sections with tabs
      */
@@ -2568,4 +3165,4 @@ interface CardProfileMenuProps {
 
 declare const CardProfileMenu: React$1.FC<CardProfileMenuProps>;
 
-export { BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, 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, CardProfileMenu, type CardProfileMenuProps, 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, ModalPriceDetail, type ModalPriceDetailProps, 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 PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type RadioOption, type ReservationStep, 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 };
+export { BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, 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, CardProfileMenu, type CardProfileMenuLabels, type CardProfileMenuProps, 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, ModalPriceDetail, type ModalPriceDetailProps, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, type Passenger, type PassengerFormData, type PassengerListItem, type PassengerService, type PassengerServiceCode, type PassengerType, type PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type RadioOption, type ReservationStep, 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 };