@asdp/ferryui 0.1.22-dev.8653 → 0.1.22-dev.8663

package/dist/index.mjs

@@ -3,7 +3,6 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React5, { forwardRef, useState, useCallback, useRef, useEffect, useMemo, Fragment as Fragment$1 } from 'react';
 import { Row, Col, Visible } from 'react-grid-system';
 import { Icon } from '@iconify/react';
-import { Icon as Icon$1 } from '@iconify/react/dist/iconify.js';
 import { Controller, useForm, useWatch } from 'react-hook-form';
 import PhoneInputComponent from 'react-phone-input-2';
 import Select from 'react-select';
@@ -353,11 +352,17 @@ var CarouselWithCustomNav = ({
 var DEFAULT_LABELS3 = {
   id: {
     defaultImageAlt: "Gambar Promo",
-    defaultButtonText: "Lihat Detail"
+    defaultButtonText: "Lihat Detail",
+    promoAriaLabel: "Promo {index} dari {total}",
+    promoAriaLabelSingle: "Promo {index}",
+    loadingContent: "Memuat konten"
   },
   en: {
     defaultImageAlt: "Promo Image",
-    defaultButtonText: "View Details"
+    defaultButtonText: "View Details",
+    promoAriaLabel: "Promo {index} of {total}",
+    promoAriaLabelSingle: "Promo {index}",
+    loadingContent: "Loading content"
   }
 };
 var useStyles3 = makeStyles({
@@ -464,7 +469,10 @@ var CardPromo = ({
   const mergedLabels = { ...DEFAULT_LABELS3[language], ...labels };
   const displayImageAlt = imageAlt || mergedLabels.defaultImageAlt;
   const displayButtonText = buttonText || mergedLabels.defaultButtonText;
-  const ariaLabel = totalCards ? `Card ${index + 1} of ${totalCards}` : `Promo card ${index + 1}`;
+  const ariaLabel = totalCards ? mergedLabels.promoAriaLabel.replace("{index}", (index + 1).toString()).replace("{total}", totalCards.toString()) : mergedLabels.promoAriaLabelSingle.replace(
+    "{index}",
+    (index + 1).toString()
+  );
   if (isLoading) {
     return /* @__PURE__ */ jsx(
       CarouselCard,
@@ -472,7 +480,7 @@ var CardPromo = ({
         autoSize: true,
         className: mergeClasses(classes.actionCard, className),
         style: { cursor: "default" },
-        children: /* @__PURE__ */ jsxs(Skeleton, { "aria-label": "Loading content", children: [
+        children: /* @__PURE__ */ jsxs(Skeleton, { "aria-label": mergedLabels.loadingContent, children: [
           /* @__PURE__ */ jsx("div", { className: mergeClasses(classes.imageContainer, imageClassName), children: /* @__PURE__ */ jsx(
             SkeletonItem,
             {
@@ -800,7 +808,8 @@ var DEFAULT_LABELS5 = {
     facilitiesLabel: "Fasilitas",
     selectTicketButton: "Pilih Tiket",
     timezoneLabel: "WIB",
-    currencySymbol: "IDR"
+    currencySymbol: "IDR",
+    logoAlt: "Logo ASDP"
   },
   en: {
     availableSeatsLabel: "Available",
@@ -811,7 +820,8 @@ var DEFAULT_LABELS5 = {
     facilitiesLabel: "Facilities",
     selectTicketButton: "Select Ticket",
     timezoneLabel: "WIB",
-    currencySymbol: "IDR"
+    currencySymbol: "IDR",
+    logoAlt: "ASDP Logo"
   }
 };
 var useStyles5 = makeStyles({
@@ -1111,7 +1121,7 @@ var CardTicket = ({
                   {
                     src: "/assets/logo/asdp-default.svg",
                     className: styles.asdpLogo,
-                    alt: "asdp",
+                    alt: mergedLabels.logoAlt,
                     height: 56,
                     width: 82
                   }
@@ -1554,7 +1564,8 @@ var DEFAULT_LABELS6 = {
     hotelLabel: "Hotel",
     hotelDescription: "Layanan pemesanan hotel",
     otherLabel: "Lainnya",
-    otherDescription: "Layanan lainnya"
+    otherDescription: "Layanan lainnya",
+    serviceAriaLabel: "Layanan"
   },
   en: {
     ferryLabel: "Ferry",
@@ -1566,7 +1577,8 @@ var DEFAULT_LABELS6 = {
     hotelLabel: "Hotel",
     hotelDescription: "Hotel Booking Service",
     otherLabel: "Other",
-    otherDescription: "Other Services"
+    otherDescription: "Other Services",
+    serviceAriaLabel: "Service"
   }
 };
 var ALIAS_MENU_ITEMS = {
@@ -1709,6 +1721,7 @@ var CardServiceMenu = ({
         {
           className: getMenuItemClass(item.id),
           onClick: () => onServiceClick?.(item.id),
+          "aria-label": `${mergedLabels.serviceAriaLabel} ${label}`,
           children: [
             /* @__PURE__ */ jsx("img", { src: item.logo, alt: label, className: styles.logo }),
             /* @__PURE__ */ jsxs("div", { className: styles.textContent, children: [
@@ -1764,54 +1777,62 @@ var DatePickerInput = forwardRef(
       }
       onClick?.(e);
     };
-    return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: (_, data) => setIsOpen(data.open), trapFocus: true, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { disableButtonEnhancement: true, children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          ...restProps,
-          value: formatDate(field.value),
-          readOnly: true,
-          placeholder: placeholder || "Pilih tanggal",
-          disabled,
-          appearance,
-          size,
-          contentBefore,
-          onClick: handleInputClick,
-          style: {
-            cursor: disabled ? "not-allowed" : "pointer",
-            ...style
-          },
-          contentAfter: /* @__PURE__ */ jsx(
-            "div",
+    return /* @__PURE__ */ jsxs(
+      Popover,
+      {
+        open: isOpen,
+        onOpenChange: (_, data) => setIsOpen(data.open),
+        trapFocus: true,
+        children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { disableButtonEnhancement: true, children: /* @__PURE__ */ jsx(
+            Input,
             {
-              onClick: (e) => {
-                e.stopPropagation();
-                if (!disabled) {
-                  setIsOpen(!isOpen);
-                }
-              },
+              ...restProps,
+              value: formatDate(field.value),
+              readOnly: true,
+              placeholder,
+              disabled,
+              appearance,
+              size,
+              contentBefore,
+              onClick: handleInputClick,
               style: {
                 cursor: disabled ? "not-allowed" : "pointer",
-                display: "flex",
-                alignItems: "center"
+                ...style
               },
-              children: /* @__PURE__ */ jsx(Icon, { icon: "fluent:calendar-24-regular" })
+              contentAfter: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    if (!disabled) {
+                      setIsOpen(!isOpen);
+                    }
+                  },
+                  style: {
+                    cursor: disabled ? "not-allowed" : "pointer",
+                    display: "flex",
+                    alignItems: "center"
+                  },
+                  children: /* @__PURE__ */ jsx(Icon, { icon: "fluent:calendar-24-regular" })
+                }
+              )
             }
-          )
-        }
-      ) }),
-      /* @__PURE__ */ jsx(PopoverSurface, { tabIndex: -1, style: { maxWidth: "530px" }, children: /* @__PURE__ */ jsx(
-        Calendar,
-        {
-          value: dateValue,
-          onSelectDate,
-          showGoToToday: true,
-          highlightSelectedMonth: true,
-          showMonthPickerAsOverlay: false,
-          maxDate: max ? new Date(max) : void 0
-        }
-      ) })
-    ] });
+          ) }),
+          /* @__PURE__ */ jsx(PopoverSurface, { tabIndex: -1, style: { maxWidth: "530px" }, children: /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              value: dateValue,
+              onSelectDate,
+              showGoToToday: true,
+              highlightSelectedMonth: true,
+              showMonthPickerAsOverlay: false,
+              maxDate: max ? new Date(max) : void 0
+            }
+          ) })
+        ]
+      }
+    );
   }
 );
 DatePickerInput.displayName = "DatePickerInput";
@@ -1825,7 +1846,14 @@ var DEFAULT_LABELS7 = {
     phonePlaceholder: "Nomor HP",
     identityPlaceholder: "Email, KTP, SIM, Passport, atau Nomor Telepon",
     identityPhonePlaceholder: "Nomor telepon",
-    identityIdPlaceholder: "KTP, SIM, atau Passport"
+    identityIdPlaceholder: "KTP, SIM, atau Passport",
+    showPasswordAriaLabel: "Tampilkan kata sandi",
+    hidePasswordAriaLabel: "Sembunyikan kata sandi",
+    datePickerPlaceholder: "Pilih tanggal",
+    phoneDefaultPlaceholder: "Nomor telepon",
+    requiredFieldError: "Field ini wajib diisi",
+    invalidEmailError: "Email tidak valid",
+    emailOrPhoneRequiredError: "Email atau nomor HP wajib diisi"
   },
   en: {
     emailOrPhonePlaceholder: "Email or Phone Number",
@@ -1833,7 +1861,14 @@ var DEFAULT_LABELS7 = {
     phonePlaceholder: "Phone Number",
     identityPlaceholder: "Email, ID Card, Driving License, Passport, or Phone Number",
     identityPhonePlaceholder: "Phone Number",
-    identityIdPlaceholder: "ID Card, Driving License, or Passport"
+    identityIdPlaceholder: "ID Card, Driving License, or Passport",
+    showPasswordAriaLabel: "Show password",
+    hidePasswordAriaLabel: "Hide password",
+    datePickerPlaceholder: "Select date",
+    phoneDefaultPlaceholder: "Phone number",
+    requiredFieldError: "This field is required",
+    invalidEmailError: "Invalid email",
+    emailOrPhoneRequiredError: "Email or phone number is required"
   }
 };
 var PhoneInput = PhoneInputComponent.default || PhoneInputComponent;
@@ -2516,7 +2551,7 @@ var InputDynamic = ({
                   const cleanedValue = cleanPhoneValue(value || "");
                   field.onChange(cleanedValue);
                 },
-                placeholder: placeholder || "Nomor telepon",
+                placeholder: placeholder || mergedLabels.phoneDefaultPlaceholder,
                 disabled,
                 enableSearch: true,
                 disableSearchIcon: true
@@ -2557,7 +2592,7 @@ var InputDynamic = ({
           DatePickerInput_default,
           {
             field,
-            placeholder,
+            placeholder: placeholder || mergedLabels.datePickerPlaceholder,
             disabled,
             appearance: error ? "outline" : appearance,
             size,
@@ -2652,7 +2687,7 @@ var InputDynamic = ({
               {
                 appearance: "transparent",
                 icon: showPassword ? /* @__PURE__ */ jsx(Icon, { icon: "fluent:eye-off-24-filled" }) : /* @__PURE__ */ jsx(Icon, { icon: "fluent:eye-24-filled" }),
-                "aria-label": showPassword ? "Hide password" : "Show password",
+                "aria-label": showPassword ? mergedLabels.hidePasswordAriaLabel : mergedLabels.showPasswordAriaLabel,
                 onClick: () => setShowPassword(!showPassword),
                 tabIndex: -1,
                 type: "button"
@@ -2817,7 +2852,7 @@ var InputDynamic = ({
   const getValidationRules = () => {
     const rules = {};
     if (required) {
-      rules.required = validationRules?.required || "Field ini wajib diisi";
+      rules.required = validationRules?.required || mergedLabels.requiredFieldError;
     }
     if (validationRules?.minLength) {
       rules.minLength = validationRules.minLength;
@@ -2840,13 +2875,13 @@ var InputDynamic = ({
     if (type === "email") {
       rules.pattern = {
         value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
-        message: "Email tidak valid"
+        message: mergedLabels.invalidEmailError
       };
     }
     if (type === "emailOrPhone") {
       rules.validate = (value) => {
         if (required && !value) {
-          return "Email atau nomor HP wajib diisi";
+          return mergedLabels.emailOrPhoneRequiredError;
         }
         const stringValue = typeof value === "string" ? value : "";
         if (!stringValue) return true;
@@ -3202,7 +3237,13 @@ var DEFAULT_LABELS8 = {
     errorOriginRequired: "Pelabuhan asal wajib diisi",
     errorDestinationRequired: "Pelabuhan tujuan wajib diisi",
     errorDepartureDateRequired: "Tanggal Berangkat wajib diisi",
-    errorReturnDateRequired: "Tanggal Pulang wajib diisi"
+    errorReturnDateRequired: "Tanggal Pulang wajib diisi",
+    switchAriaLabel: "Tukar asal dan tujuan",
+    ferryDescription: "Layanan Penyeberangan Ferry ASDP",
+    ifcsDescription: "Sistem Kontrol Ferry Terintegrasi",
+    skptDescription: "Sistem Tiket Penumpang Terintegrasi",
+    hotelDescription: "Layanan Pemesanan Hotel",
+    otherDescription: "Layanan Lainnya"
   },
   en: {
     fromLabel: "From",
@@ -3224,7 +3265,13 @@ var DEFAULT_LABELS8 = {
     errorOriginRequired: "Origin port is required",
     errorDestinationRequired: "Destination port is required",
     errorDepartureDateRequired: "Departure date is required",
-    errorReturnDateRequired: "Return date is required"
+    errorReturnDateRequired: "Return date is required",
+    switchAriaLabel: "Swap origin and destination",
+    ferryDescription: "ASDP Ferry Crossing Service",
+    ifcsDescription: "Integrated Ferry Control System",
+    skptDescription: "Integrated Passenger Ticketing System",
+    hotelDescription: "Hotel Booking Service",
+    otherDescription: "Other Services"
   }
 };
 var useStyles8 = makeStyles({
@@ -3500,7 +3547,7 @@ var CardTicketSearch = ({
                               control,
                               type: "text",
                               contentBefore: /* @__PURE__ */ jsx(
-                                Icon$1,
+                                Icon,
                                 {
                                   icon: "fluent:vehicle-ship-16-filled",
                                   color: tokens.colorBrandBackground
@@ -3529,6 +3576,7 @@ var CardTicketSearch = ({
                                 appearance: "secondary",
                                 size: "large",
                                 disabled: switchDisabled,
+                                "aria-label": labels.switchAriaLabel,
                                 icon: /* @__PURE__ */ jsx(
                                   "div",
                                   {
@@ -3537,7 +3585,7 @@ var CardTicketSearch = ({
                                       "img",
                                       {
                                         src: "/assets/images/icons/switch.svg",
-                                        alt: "Switch",
+                                        alt: labels.switchAriaLabel,
                                         width: 26,
                                         height: 26
                                       }
@@ -3568,7 +3616,7 @@ var CardTicketSearch = ({
                             control,
                             type: "text",
                             contentBefore: /* @__PURE__ */ jsx(
-                              Icon$1,
+                              Icon,
                               {
                                 icon: "fluent:location-24-filled",
                                 color: tokens.colorBrandBackground
@@ -3607,7 +3655,7 @@ var CardTicketSearch = ({
                             control,
                             type: "text",
                             contentBefore: /* @__PURE__ */ jsx(
-                              Icon$1,
+                              Icon,
                               {
                                 icon: "fluent:calendar-24-filled",
                                 color: tokens.colorBrandBackground
@@ -3667,7 +3715,7 @@ var CardTicketSearch = ({
                             control,
                             type: "text",
                             contentBefore: /* @__PURE__ */ jsx(
-                              Icon$1,
+                              Icon,
                               {
                                 icon: "fluent:calendar-24-filled",
                                 color: tokens.colorBrandBackground
@@ -3740,7 +3788,7 @@ var CardTicketSearch = ({
                                 control,
                                 type: "text",
                                 contentBefore: /* @__PURE__ */ jsx(
-                                  Icon$1,
+                                  Icon,
                                   {
                                     icon: "fluent:ribbon-star-24-filled",
                                     color: tokens.colorBrandBackground
@@ -3774,7 +3822,7 @@ var CardTicketSearch = ({
                                 control,
                                 type: "text",
                                 contentBefore: /* @__PURE__ */ jsx(
-                                  Icon$1,
+                                  Icon,
                                   {
                                     icon: "fluent:apps-list-24-filled",
                                     color: tokens.colorBrandBackground
@@ -3809,7 +3857,7 @@ var CardTicketSearch = ({
                                 control,
                                 type: "text",
                                 contentBefore: /* @__PURE__ */ jsx(
-                                  Icon$1,
+                                  Icon,
                                   {
                                     icon: "fluent:people-24-filled",
                                     color: tokens.colorBrandBackground
@@ -3831,7 +3879,7 @@ var CardTicketSearch = ({
                           appearance: "primary",
                           size: "large",
                           type: "submit",
-                          icon: /* @__PURE__ */ jsx(Icon$1, { icon: "fluent:vehicle-ship-20-filled" }),
+                          icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:vehicle-ship-20-filled" }),
                           disabled: submitDisabled,
                           children: labels.searchButton
                         }
@@ -3857,7 +3905,8 @@ var DEFAULT_LABELS9 = {
     serviceClass: "Kelas Layanan",
     typeOfService: "Jenis Layanan",
     totalPassengers: "Jumlah Penumpang",
-    changeSearchButton: "Ganti Pencarian"
+    changeSearchButton: "Ganti Pencarian",
+    swapAriaLabel: "Tukar asal dan tujuan"
   },
   en: {
     originHarbor: "Departure Port",
@@ -3866,7 +3915,8 @@ var DEFAULT_LABELS9 = {
     serviceClass: "Service Class",
     typeOfService: "Service Type",
     totalPassengers: "Total Passengers",
-    changeSearchButton: "Change Search"
+    changeSearchButton: "Change Search",
+    swapAriaLabel: "Swap origin and destination"
   }
 };
 var useStyles9 = makeStyles({
@@ -4046,7 +4096,8 @@ var CardTicketSearchSummary = ({
                     disabled: true,
                     appearance: "secondary",
                     size: "medium",
-                    icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:arrow-swap-24-filled" })
+                    icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:arrow-swap-24-filled" }),
+                    "aria-label": mergedLabels.swapAriaLabel
                   }
                 ) })
               }
@@ -4283,7 +4334,8 @@ var DEFAULT_LABELS10 = {
     clearAllButton: "Hapus Semua",
     allHarborsHeader: "Semua Pelabuhan",
     loadingData: "Memuat data...",
-    harborNotFound: "Pelabuhan tidak ditemukan"
+    harborNotFound: "Pelabuhan tidak ditemukan",
+    closeAriaLabel: "Tutup"
   },
   en: {
     title: "Select Harbor",
@@ -4292,7 +4344,8 @@ var DEFAULT_LABELS10 = {
     clearAllButton: "Clear All",
     allHarborsHeader: "All Harbors",
     loadingData: "Loading data...",
-    harborNotFound: "Harbor not found"
+    harborNotFound: "Harbor not found",
+    closeAriaLabel: "Close"
   }
 };
 var useStyles10 = makeStyles({
@@ -4454,7 +4507,7 @@ var ModalSearchHarbor = ({
               Button,
               {
                 appearance: "subtle",
-                "aria-label": "close",
+                "aria-label": mergedLabels.closeAriaLabel,
                 icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:dismiss-24-regular" }),
                 onClick: handleClose,
                 className: styles.closeButton
@@ -4579,12 +4632,14 @@ var DEFAULT_LABELS11 = {
   id: {
     title: "Pilih Tanggal",
     oneWay: "Sekali Jalan",
-    roundTrip: "Pulang Pergi"
+    roundTrip: "Pulang Pergi",
+    closeAriaLabel: "Tutup"
   },
   en: {
     title: "Select Date",
     oneWay: "One Way",
-    roundTrip: "Round Trip"
+    roundTrip: "Round Trip",
+    closeAriaLabel: "Close"
   }
 };
 var useStyles11 = makeStyles({
@@ -4872,7 +4927,7 @@ var ModalSelectDate = ({
               Button,
               {
                 appearance: "subtle",
-                "aria-label": "close",
+                "aria-label": mergedLabels.closeAriaLabel,
                 icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:dismiss-24-regular" }),
                 onClick: handleClose,
                 className: styles.closeButton
@@ -4937,14 +4992,16 @@ var DEFAULT_LABELS12 = {
     loading: "Memuat...",
     error: "Gagal memuat layanan",
     selectAll: "Pilih Semua",
-    saveButton: "Simpan"
+    saveButton: "Simpan",
+    closeAriaLabel: "Tutup"
   },
   en: {
     title: "Select Service Class",
     loading: "Loading...",
     error: "Error loading services",
     selectAll: "Select All",
-    saveButton: "Save"
+    saveButton: "Save",
+    closeAriaLabel: "Close"
   }
 };
 var useStyles12 = makeStyles({
@@ -5079,7 +5136,7 @@ var ModalService = ({
           Button,
           {
             appearance: "subtle",
-            "aria-label": "close",
+            "aria-label": mergedLabels.closeAriaLabel,
             icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:dismiss-24-regular" }),
             onClick: handleClose,
             className: styles.closeButton
@@ -5147,7 +5204,8 @@ var DEFAULT_LABELS13 = {
     saveButton: "Simpan",
     economy: "Ekonomi",
     business: "Bisnis",
-    executive: "Eksekutif"
+    executive: "Eksekutif",
+    closeAriaLabel: "Tutup"
   },
   en: {
     title: "Select Total Passengers",
@@ -5156,7 +5214,8 @@ var DEFAULT_LABELS13 = {
     saveButton: "Save",
     economy: "Economy",
     business: "Business",
-    executive: "Executive"
+    executive: "Executive",
+    closeAriaLabel: "Close"
   }
 };
 var DEFAULT_SERVICE_CLASSES = [
@@ -5397,7 +5456,7 @@ var ModalTotalPassengers = ({
           Button,
           {
             appearance: "subtle",
-            "aria-label": "close",
+            "aria-label": mergedLabels.closeAriaLabel,
             icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:dismiss-12-regular" }),
             onClick: onClose
           }
@@ -5516,13 +5575,15 @@ var DEFAULT_LABELS14 = {
     title: "Pilih Tipe Layanan",
     cancelButton: "Batal",
     saveButton: "Simpan",
-    vehiclesAlt: "kendaraan"
+    vehiclesAlt: "kendaraan",
+    closeAriaLabel: "Tutup"
   },
   en: {
     title: "Select Service Type",
     cancelButton: "Cancel",
     saveButton: "Save",
-    vehiclesAlt: "vehicles"
+    vehiclesAlt: "vehicles",
+    closeAriaLabel: "Close"
   }
 };
 var DEFAULT_VEHICLE_ICONS = {
@@ -5700,7 +5761,7 @@ var ModalTypeOfService = ({
           Button,
           {
             appearance: "subtle",
-            "aria-label": "close",
+            "aria-label": mergedLabels.closeAriaLabel,
             icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:dismiss-24-regular" }),
             onClick: onClose,
             className: styles.closeButton
@@ -5843,7 +5904,8 @@ var DEFAULT_LABELS15 = {
     highestPrice: "Harga Tertinggi",
     lowestPrice: "Harga Terendah",
     earliestDeparture: "Keberangkatan Paling Awal",
-    latestDeparture: "Keberangkatan Paling Akhir"
+    latestDeparture: "Keberangkatan Paling Akhir",
+    resetSortAriaLabel: "Hapus pengurutan"
   },
   en: {
     filterButtonText: "Filter",
@@ -5853,7 +5915,8 @@ var DEFAULT_LABELS15 = {
     highestPrice: "Highest Price",
     lowestPrice: "Lowest Price",
     earliestDeparture: "Earliest Departure",
-    latestDeparture: "Latest Departure"
+    latestDeparture: "Latest Departure",
+    resetSortAriaLabel: "Clear sort"
   }
 };
 var getSortOptions = (labels) => [
@@ -5998,6 +6061,7 @@ var SortMenu = ({
         type: "button",
         shape: "circular",
         className: styles.button,
+        "aria-label": labels.resetSortAriaLabel,
         children: currentSortLabel
       }
     ),
@@ -6040,7 +6104,8 @@ var DEFAULT_LABELS16 = {
     resetButton: "Reset",
     applyButton: "Terapkan",
     hourUnit: "jam",
-    currencySymbol: "IDR"
+    currencySymbol: "IDR",
+    closeAriaLabel: "Tutup"
   },
   en: {
     title: "Filter by",
@@ -6057,7 +6122,8 @@ var DEFAULT_LABELS16 = {
     resetButton: "Reset",
     applyButton: "Apply",
     hourUnit: "hours",
-    currencySymbol: "IDR"
+    currencySymbol: "IDR",
+    closeAriaLabel: "Close"
   }
 };
 var DEFAULT_SERVICE_TYPES = [
@@ -6336,7 +6402,7 @@ var ModalFilterTicket = ({
           Button,
           {
             appearance: "subtle",
-            "aria-label": "close",
+            "aria-label": mergedLabels.closeAriaLabel,
             icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:dismiss-24-regular" }),
             className: styles.closeButton,
             onClick: () => onOpenChange(false)
@@ -6683,7 +6749,8 @@ var DEFAULT_LABELS18 = {
     typeOfServicePlaceholder: "Pilih Jenis penumpang",
     passengerLabel: "Penumpang",
     passengerPlaceholder: "Pilih Penumpang",
-    searchButton: "Cari Tiket"
+    searchButton: "Cari Tiket",
+    closeAriaLabel: "Tutup"
   },
   en: {
     title: "Search Other Schedules",
@@ -6706,7 +6773,8 @@ var DEFAULT_LABELS18 = {
     typeOfServicePlaceholder: "Select Type of Passenger",
     passengerLabel: "Passenger",
     passengerPlaceholder: "Select Passenger",
-    searchButton: "Search Ticket"
+    searchButton: "Search Ticket",
+    closeAriaLabel: "Close"
   }
 };
 var DEFAULT_FORM_VALUES = {
@@ -6876,7 +6944,7 @@ var ModalSearchTicket = ({
               Button,
               {
                 appearance: "subtle",
-                "aria-label": "close",
+                "aria-label": mergedLabels.closeAriaLabel,
                 className: styles.closeButton,
                 icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:dismiss-24-regular" }),
                 onClick: onClose
@@ -7523,14 +7591,28 @@ var DEFAULT_LABELS21 = {
     sameAsOrderer: "Sama Dengan Pemesan",
     searchPlaceholder: "Cari Penumpang",
     addPassengerButton: "Tambah Penumpang",
-    cancelButton: "Batal"
+    cancelButton: "Batal",
+    editPassengerAriaLabel: "Edit data penumpang",
+    categories: {
+      adult: "Dewasa",
+      child: "Anak",
+      infant: "Bayi",
+      elderly: "Lansia"
+    }
   },
   en: {
     title: "Passenger Details",
     sameAsOrderer: "Same as Orderer",
     searchPlaceholder: "Search Passenger",
     addPassengerButton: "Add Passenger",
-    cancelButton: "Cancel"
+    cancelButton: "Cancel",
+    editPassengerAriaLabel: "Edit passenger data",
+    categories: {
+      adult: "Adult",
+      child: "Child",
+      infant: "Infant",
+      elderly: "Elderly"
+    }
   }
 };
 var useStyles21 = makeStyles({
@@ -7657,20 +7739,31 @@ var ModalListPassenger = ({
                 /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Subtitle2, { children: [
                   passenger.name,
                   " (",
-                  passenger.category,
+                  (() => {
+                    const cat = passenger.category?.toUpperCase();
+                    if (cat === "ADULT")
+                      return mergedLabels.categories.adult;
+                    if (cat === "CHILD")
+                      return mergedLabels.categories.child;
+                    if (cat === "INFANT")
+                      return mergedLabels.categories.infant;
+                    if (cat === "ELDERLY")
+                      return mergedLabels.categories.elderly;
+                    return passenger.category;
+                  })(),
                   ")"
                 ] }) }),
                 /* @__PURE__ */ jsx(
-                  Icon,
+                  Button,
                   {
-                    icon: "fluent:chevron-right-24-regular",
+                    appearance: "transparent",
+                    icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:chevron-right-24-regular" }),
                     onClick: (e) => {
                       e.preventDefault();
                       e.stopPropagation();
                       onEditPassenger(passenger);
                     },
-                    width: 20,
-                    height: 20
+                    "aria-label": mergedLabels.editPassengerAriaLabel
                   }
                 )
               ]
@@ -8371,7 +8464,10 @@ var DEFAULT_LABELS25 = {
       unit: "Unit"
     },
     pricePlaceholder: "Rp. 0",
-    currencySymbol: "Rp."
+    currencySymbol: "Rp.",
+    deleteOwnerAriaLabel: "Hapus pemilik",
+    decrementQuantityAriaLabel: "Kurangi jumlah",
+    incrementQuantityAriaLabel: "Tambah jumlah"
   },
   en: {
     title: "Owner & Cargo Information",
@@ -8421,7 +8517,10 @@ var DEFAULT_LABELS25 = {
       unit: "Unit"
     },
     pricePlaceholder: "Rp. 0",
-    currencySymbol: "Rp."
+    currencySymbol: "Rp.",
+    deleteOwnerAriaLabel: "Delete owner",
+    decrementQuantityAriaLabel: "Decrease quantity",
+    incrementQuantityAriaLabel: "Increase quantity"
   }
 };
 var useStyles25 = makeStyles({
@@ -8538,6 +8637,7 @@ var CardVehicleOwnerForm = ({
                           {
                             appearance: "transparent",
                             icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:delete-24-regular" }),
+                            "aria-label": mergedLabels.deleteOwnerAriaLabel,
                             onClick: (e) => {
                               e.stopPropagation();
                               onDeleteOwner(owner.id);
@@ -9004,6 +9104,7 @@ var CardVehicleOwnerForm = ({
                                                         }
                                                       }
                                                     ),
+                                                    "aria-label": mergedLabels.decrementQuantityAriaLabel,
                                                     size: "small",
                                                     onClick: () => {
                                                       const currentVal = getValues(
@@ -9068,6 +9169,7 @@ var CardVehicleOwnerForm = ({
                                                         }
                                                       }
                                                     ),
+                                                    "aria-label": mergedLabels.incrementQuantityAriaLabel,
                                                     size: "small",
                                                     onClick: () => {
                                                       const currentVal = getValues(
@@ -10076,11 +10178,15 @@ var CardAddon = ({
 var DEFAULT_LABELS29 = {
   id: {
     addButton: "Tambah",
-    currencySymbol: "Rp"
+    currencySymbol: "Rp",
+    decrementAriaLabel: "Kurangi jumlah",
+    incrementAriaLabel: "Tambah jumlah"
   },
   en: {
     addButton: "Add",
-    currencySymbol: "Rp"
+    currencySymbol: "Rp",
+    decrementAriaLabel: "Decrease quantity",
+    incrementAriaLabel: "Increase quantity"
   }
 };
 var useStyles29 = makeStyles({
@@ -10284,16 +10390,18 @@ var CardMealCatalog = ({
                 {
                   size: "small",
                   shape: "circular",
+                  "aria-label": mergedLabels.decrementAriaLabel,
                   icon: /* @__PURE__ */ jsx(SubtractRegular, {}),
                   onClick: () => onUpdateQuantity(item.id, -1)
                 }
               ),
-              /* @__PURE__ */ jsx(Body1, { children: item.quantity }),
+              /* @__PURE__ */ jsx(Body1, { "aria-live": "polite", children: item.quantity }),
               /* @__PURE__ */ jsx(
                 Button,
                 {
                   size: "small",
                   shape: "circular",
+                  "aria-label": mergedLabels.incrementAriaLabel,
                   icon: /* @__PURE__ */ jsx(AddRegular, {}),
                   onClick: () => onUpdateQuantity(item.id, 1)
                 }
@@ -10317,8 +10425,12 @@ var CardMealCatalog = ({
 
 // src/components/CardReview/CardReview.constants.ts
 var DEFAULT_LABELS30 = {
-  id: {},
-  en: {}
+  id: {
+    defaultTitle: "Tinjauan"
+  },
+  en: {
+    defaultTitle: "Review"
+  }
 };
 var useStyles30 = makeStyles({
   card: {
@@ -10372,10 +10484,10 @@ var CardReview = ({
   headerAction
 }) => {
   const styles = useStyles30();
-  ({ ...DEFAULT_LABELS30[language], ...labels });
+  const mergedLabels = { ...DEFAULT_LABELS30[language], ...labels };
   return /* @__PURE__ */ jsxs(Card, { className: `${styles.card} ${className || ""}`, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.headerContainer, children: [
-      /* @__PURE__ */ jsx(Subtitle1, { className: styles.headerTitle, children: title }),
+      /* @__PURE__ */ jsx(Subtitle1, { className: styles.headerTitle, children: title || mergedLabels.defaultTitle }),
       /* @__PURE__ */ jsx("div", { className: styles.headerLine }),
       headerAction && /* @__PURE__ */ jsx("div", { children: headerAction })
     ] }),
@@ -10787,8 +10899,12 @@ var CardPriceDetails = ({
 
 // src/components/CardPaymentMethodList/CardPaymentMethodList.constants.ts
 var DEFAULT_LABELS33 = {
-  id: {},
-  en: {}
+  id: {
+    selectAriaLabel: "Pilih metode pembayaran"
+  },
+  en: {
+    selectAriaLabel: "Select payment method"
+  }
 };
 var useStyles34 = makeStyles({
   container: {
@@ -10851,7 +10967,7 @@ var CardPaymentMethodList = ({
   onSelect
 }) => {
   const styles = useStyles34();
-  ({ ...DEFAULT_LABELS33[language], ...labels });
+  const mergedLabels = { ...DEFAULT_LABELS33[language], ...labels };
   return /* @__PURE__ */ jsx("div", { className: styles.card, children: /* @__PURE__ */ jsx("div", { className: `${styles.container}`, children: methods.map((category, index) => /* @__PURE__ */ jsxs("div", { children: [
     index > 0 && /* @__PURE__ */ jsx("div", { className: styles.dividerContainer, children: /* @__PURE__ */ jsx(Divider, {}) }),
     /* @__PURE__ */ jsx(Accordion, { multiple: true, collapsible: true, children: /* @__PURE__ */ jsxs(AccordionItem, { value: category.value, children: [
@@ -10887,7 +11003,8 @@ var CardPaymentMethodList = ({
                 onChange: () => onSelect(option.value),
                 value: option.value,
                 name: "payment-method",
-                disabled: option.disabled
+                disabled: option.disabled,
+                "aria-label": `${mergedLabels.selectAriaLabel} ${option.label}`
               }
             )
           ]
@@ -11138,7 +11255,8 @@ var DEFAULT_LABELS36 = {
     viewTicketButton: "Lihat E-Tiket",
     defaultStatus: "Sudah Dibayar",
     defaultTitle: "Pembayaran berhasil",
-    defaultDescription: "Tiket Anda aktif dan siap digunakan."
+    defaultDescription: "Tiket Anda aktif dan siap digunakan.",
+    illustrationAlt: "Ilustrasi E-Tiket"
   },
   en: {
     detailTitle: "Booking Details",
@@ -11151,7 +11269,8 @@ var DEFAULT_LABELS36 = {
     viewTicketButton: "View E-Ticket",
     defaultStatus: "Paid",
     defaultTitle: "Payment successful",
-    defaultDescription: "Your ticket is active and ready to use."
+    defaultDescription: "Your ticket is active and ready to use.",
+    illustrationAlt: "E-Ticket Illustration"
   }
 };
 var useStyles37 = makeStyles({
@@ -11235,7 +11354,7 @@ var CardStatusOrder = ({
         "img",
         {
           src: illustrationUrl,
-          alt: "E-Ticket",
+          alt: mergedLabels.illustrationAlt,
           width: 406,
           height: 266
         }
@@ -11332,7 +11451,8 @@ var DEFAULT_LABELS37 = {
     ppnNote: "*PPN 11% dikenakan untuk biaya layanan dan biaya admin",
     grandTotalLabel: "Total Pembayaran",
     currencyPrefix: "Rp.",
-    currencyCode: "IDR."
+    currencyCode: "IDR.",
+    closeAriaLabel: "Tutup"
   },
   en: {
     title: "Price Details",
@@ -11343,7 +11463,8 @@ var DEFAULT_LABELS37 = {
     ppnNote: "*VAT 11% is charged for service fees and admin fees",
     grandTotalLabel: "Total Payment",
     currencyPrefix: "Rp.",
-    currencyCode: "IDR."
+    currencyCode: "IDR.",
+    closeAriaLabel: "Close"
   }
 };
 var useStyles38 = makeStyles({
@@ -11490,7 +11611,7 @@ var ModalPriceDetail = ({
               Button,
               {
                 appearance: "subtle",
-                "aria-label": "close",
+                "aria-label": mergedLabels.closeAriaLabel,
                 icon: /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
                   "path",
                   {