@transferwise/components 46.97.5 → 46.98.1

package/build/i18n/pl.json.mjs

@@ -21,12 +21,13 @@ var pl = {
 	"neptune.Label.optional": "(opcjonalne)",
 	"neptune.Link.opensInNewTab": "(otworzy się w nowej zakładce)",
 	"neptune.MoneyInput.Select.placeholder": "Wybierz opcję...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "Wpisz walutę lub kraj",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "Wybierz walutę",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Wybierz opcję...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "Numer kierunkowy",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "Numer telefonu",
 	"neptune.Select.searchPlaceholder": "Wyszukaj...",
 	"neptune.SelectInput.noResultsFound": "Nie znaleziono wyników",
-	"neptune.SelectOption.action.label": "Wybierz",
-	"neptune.SelectOption.selected.action.label": "Zmień wybraną opcję",
 	"neptune.StatusIcon.iconLabel.error": "Błąd:",
 	"neptune.StatusIcon.iconLabel.information": "Informacje:",
 	"neptune.StatusIcon.iconLabel.pending": "W toku:",

package/build/i18n/pl.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pl.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pl.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/pt.json

@@ -21,12 +21,13 @@
   "neptune.Label.optional": "(Opcional)",
   "neptune.Link.opensInNewTab": "(abre em uma nova aba)",
   "neptune.MoneyInput.Select.placeholder": "Escolha uma opção...",
+  "neptune.MoneyInput.Select.searchPlaceholder": "Digite uma moeda ou país",
   "neptune.MoneyInput.Select.selectCurrencyLabel": "Selecione a moeda",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
+  "neptune.PhoneNumberInput.countryCodeLabel": "Código do país",
+  "neptune.PhoneNumberInput.phoneNumberLabel": "Número de telefone",
   "neptune.Select.searchPlaceholder": "Buscar...",
   "neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
-  "neptune.SelectOption.action.label": "Selecionar",
-  "neptune.SelectOption.selected.action.label": "Altere a opção escolhida",
   "neptune.StatusIcon.iconLabel.error": "Erro:",
   "neptune.StatusIcon.iconLabel.information": "Informação:",
   "neptune.StatusIcon.iconLabel.pending": "Pendente:",

package/build/i18n/pt.json.js

@@ -25,12 +25,13 @@ var pt = {
 	"neptune.Label.optional": "(Opcional)",
 	"neptune.Link.opensInNewTab": "(abre em uma nova aba)",
 	"neptune.MoneyInput.Select.placeholder": "Escolha uma opção...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "Digite uma moeda ou país",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "Selecione a moeda",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "Código do país",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "Número de telefone",
 	"neptune.Select.searchPlaceholder": "Buscar...",
 	"neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
-	"neptune.SelectOption.action.label": "Selecionar",
-	"neptune.SelectOption.selected.action.label": "Altere a opção escolhida",
 	"neptune.StatusIcon.iconLabel.error": "Erro:",
 	"neptune.StatusIcon.iconLabel.information": "Informação:",
 	"neptune.StatusIcon.iconLabel.pending": "Pendente:",

package/build/i18n/pt.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"pt.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pt.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/pt.json.mjs

@@ -21,12 +21,13 @@ var pt = {
 	"neptune.Label.optional": "(Opcional)",
 	"neptune.Link.opensInNewTab": "(abre em uma nova aba)",
 	"neptune.MoneyInput.Select.placeholder": "Escolha uma opção...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "Digite uma moeda ou país",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "Selecione a moeda",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "Código do país",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "Número de telefone",
 	"neptune.Select.searchPlaceholder": "Buscar...",
 	"neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
-	"neptune.SelectOption.action.label": "Selecionar",
-	"neptune.SelectOption.selected.action.label": "Altere a opção escolhida",
 	"neptune.StatusIcon.iconLabel.error": "Erro:",
 	"neptune.StatusIcon.iconLabel.information": "Informação:",
 	"neptune.StatusIcon.iconLabel.pending": "Pendente:",

package/build/i18n/pt.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pt.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pt.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ro.json

@@ -21,12 +21,13 @@
   "neptune.Label.optional": "(Opțional)",
   "neptune.Link.opensInNewTab": "(se deschide într-o filă nouă)",
   "neptune.MoneyInput.Select.placeholder": "Selectează o opţiune...",
+  "neptune.MoneyInput.Select.searchPlaceholder": "Tastează o monedă sau țară",
   "neptune.MoneyInput.Select.selectCurrencyLabel": "Selectează moneda",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Selectează o opțiune...",
+  "neptune.PhoneNumberInput.countryCodeLabel": "Codul țării",
+  "neptune.PhoneNumberInput.phoneNumberLabel": "Număr de telefon",
   "neptune.Select.searchPlaceholder": "Caută...",
   "neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
-  "neptune.SelectOption.action.label": "Alege",
-  "neptune.SelectOption.selected.action.label": "Schimbă opțiunea aleasă",
   "neptune.StatusIcon.iconLabel.error": "Eroare:",
   "neptune.StatusIcon.iconLabel.information": "Informații:",
   "neptune.StatusIcon.iconLabel.pending": "În așteptare:",

package/build/i18n/ro.json.js

@@ -25,12 +25,13 @@ var ro = {
 	"neptune.Label.optional": "(Opțional)",
 	"neptune.Link.opensInNewTab": "(se deschide într-o filă nouă)",
 	"neptune.MoneyInput.Select.placeholder": "Selectează o opţiune...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "Tastează o monedă sau țară",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "Selectează moneda",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Selectează o opțiune...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "Codul țării",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "Număr de telefon",
 	"neptune.Select.searchPlaceholder": "Caută...",
 	"neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
-	"neptune.SelectOption.action.label": "Alege",
-	"neptune.SelectOption.selected.action.label": "Schimbă opțiunea aleasă",
 	"neptune.StatusIcon.iconLabel.error": "Eroare:",
 	"neptune.StatusIcon.iconLabel.information": "Informații:",
 	"neptune.StatusIcon.iconLabel.pending": "În așteptare:",

package/build/i18n/ro.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ro.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ro.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ro.json.mjs

@@ -21,12 +21,13 @@ var ro = {
 	"neptune.Label.optional": "(Opțional)",
 	"neptune.Link.opensInNewTab": "(se deschide într-o filă nouă)",
 	"neptune.MoneyInput.Select.placeholder": "Selectează o opţiune...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "Tastează o monedă sau țară",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "Selectează moneda",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Selectează o opțiune...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "Codul țării",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "Număr de telefon",
 	"neptune.Select.searchPlaceholder": "Caută...",
 	"neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
-	"neptune.SelectOption.action.label": "Alege",
-	"neptune.SelectOption.selected.action.label": "Schimbă opțiunea aleasă",
 	"neptune.StatusIcon.iconLabel.error": "Eroare:",
 	"neptune.StatusIcon.iconLabel.information": "Informații:",
 	"neptune.StatusIcon.iconLabel.pending": "În așteptare:",

package/build/i18n/ro.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ro.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ro.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ru.json

@@ -21,12 +21,13 @@
   "neptune.Label.optional": "(необязательно)",
   "neptune.Link.opensInNewTab": "(откроется в новой вкладке)",
   "neptune.MoneyInput.Select.placeholder": "Выберите вариант...",
+  "neptune.MoneyInput.Select.searchPlaceholder": "Введите валюту или страну",
   "neptune.MoneyInput.Select.selectCurrencyLabel": "Выберите валюту",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
+  "neptune.PhoneNumberInput.countryCodeLabel": "Код страны",
+  "neptune.PhoneNumberInput.phoneNumberLabel": "Номер телефона",
   "neptune.Select.searchPlaceholder": "Поиск...",
   "neptune.SelectInput.noResultsFound": "Ничего не найдено",
-  "neptune.SelectOption.action.label": "Выбрать",
-  "neptune.SelectOption.selected.action.label": "Изменить выбранный вариант",
   "neptune.StatusIcon.iconLabel.error": "Ошибка:",
   "neptune.StatusIcon.iconLabel.information": "Информация:",
   "neptune.StatusIcon.iconLabel.pending": "В ожидании:",

package/build/i18n/ru.json.js

@@ -25,12 +25,13 @@ var ru = {
 	"neptune.Label.optional": "(необязательно)",
 	"neptune.Link.opensInNewTab": "(откроется в новой вкладке)",
 	"neptune.MoneyInput.Select.placeholder": "Выберите вариант...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "Введите валюту или страну",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "Выберите валюту",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "Код страны",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "Номер телефона",
 	"neptune.Select.searchPlaceholder": "Поиск...",
 	"neptune.SelectInput.noResultsFound": "Ничего не найдено",
-	"neptune.SelectOption.action.label": "Выбрать",
-	"neptune.SelectOption.selected.action.label": "Изменить выбранный вариант",
 	"neptune.StatusIcon.iconLabel.error": "Ошибка:",
 	"neptune.StatusIcon.iconLabel.information": "Информация:",
 	"neptune.StatusIcon.iconLabel.pending": "В ожидании:",

package/build/i18n/ru.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ru.json.mjs

@@ -21,12 +21,13 @@ var ru = {
 	"neptune.Label.optional": "(необязательно)",
 	"neptune.Link.opensInNewTab": "(откроется в новой вкладке)",
 	"neptune.MoneyInput.Select.placeholder": "Выберите вариант...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "Введите валюту или страну",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "Выберите валюту",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "Код страны",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "Номер телефона",
 	"neptune.Select.searchPlaceholder": "Поиск...",
 	"neptune.SelectInput.noResultsFound": "Ничего не найдено",
-	"neptune.SelectOption.action.label": "Выбрать",
-	"neptune.SelectOption.selected.action.label": "Изменить выбранный вариант",
 	"neptune.StatusIcon.iconLabel.error": "Ошибка:",
 	"neptune.StatusIcon.iconLabel.information": "Информация:",
 	"neptune.StatusIcon.iconLabel.pending": "В ожидании:",

package/build/i18n/ru.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ru.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ru.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/th.json

@@ -21,12 +21,13 @@
   "neptune.Label.optional": "(ไม่บังคับ)",
   "neptune.Link.opensInNewTab": "(เปิดในแท็บใหม่)",
   "neptune.MoneyInput.Select.placeholder": "เลือกตัวเลือก...",
+  "neptune.MoneyInput.Select.searchPlaceholder": "ป้อนสกุลเงินหรือประเทศ",
   "neptune.MoneyInput.Select.selectCurrencyLabel": "เลือกสกุลเงิน",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
+  "neptune.PhoneNumberInput.countryCodeLabel": "รหัสประเทศ",
+  "neptune.PhoneNumberInput.phoneNumberLabel": "หมายเลขโทรศัพท์",
   "neptune.Select.searchPlaceholder": "ค้นหา...",
   "neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
-  "neptune.SelectOption.action.label": "เลือก",
-  "neptune.SelectOption.selected.action.label": "เปลี่ยนตัวเลือกที่เลือกไว้",
   "neptune.StatusIcon.iconLabel.error": "ข้อผิดพลาด:",
   "neptune.StatusIcon.iconLabel.information": "ข้อมูล:",
   "neptune.StatusIcon.iconLabel.pending": "รอดำเนินการ:",

package/build/i18n/th.json.js

@@ -25,12 +25,13 @@ var th = {
 	"neptune.Label.optional": "(ไม่บังคับ)",
 	"neptune.Link.opensInNewTab": "(เปิดในแท็บใหม่)",
 	"neptune.MoneyInput.Select.placeholder": "เลือกตัวเลือก...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "ป้อนสกุลเงินหรือประเทศ",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "เลือกสกุลเงิน",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "รหัสประเทศ",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "หมายเลขโทรศัพท์",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
 	"neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
-	"neptune.SelectOption.action.label": "เลือก",
-	"neptune.SelectOption.selected.action.label": "เปลี่ยนตัวเลือกที่เลือกไว้",
 	"neptune.StatusIcon.iconLabel.error": "ข้อผิดพลาด:",
 	"neptune.StatusIcon.iconLabel.information": "ข้อมูล:",
 	"neptune.StatusIcon.iconLabel.pending": "รอดำเนินการ:",

package/build/i18n/th.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"th.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"th.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/th.json.mjs

@@ -21,12 +21,13 @@ var th = {
 	"neptune.Label.optional": "(ไม่บังคับ)",
 	"neptune.Link.opensInNewTab": "(เปิดในแท็บใหม่)",
 	"neptune.MoneyInput.Select.placeholder": "เลือกตัวเลือก...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "ป้อนสกุลเงินหรือประเทศ",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "เลือกสกุลเงิน",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "รหัสประเทศ",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "หมายเลขโทรศัพท์",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
 	"neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
-	"neptune.SelectOption.action.label": "เลือก",
-	"neptune.SelectOption.selected.action.label": "เปลี่ยนตัวเลือกที่เลือกไว้",
 	"neptune.StatusIcon.iconLabel.error": "ข้อผิดพลาด:",
 	"neptune.StatusIcon.iconLabel.information": "ข้อมูล:",
 	"neptune.StatusIcon.iconLabel.pending": "รอดำเนินการ:",

package/build/i18n/th.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"th.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"th.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/tr.json

@@ -21,12 +21,13 @@
   "neptune.Label.optional": "(İsteğe bağlı)",
   "neptune.Link.opensInNewTab": "(yeni sekmede açılır)",
   "neptune.MoneyInput.Select.placeholder": "Bir seçenek seçin...",
+  "neptune.MoneyInput.Select.searchPlaceholder": "Bir para birimi veya ülke girin",
   "neptune.MoneyInput.Select.selectCurrencyLabel": "Para birimi seçin",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
+  "neptune.PhoneNumberInput.countryCodeLabel": "Ülke kodu",
+  "neptune.PhoneNumberInput.phoneNumberLabel": "Telefon numarası",
   "neptune.Select.searchPlaceholder": "Ara...",
   "neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
-  "neptune.SelectOption.action.label": "Seç",
-  "neptune.SelectOption.selected.action.label": "Seçilen opsiyonu değiştir",
   "neptune.StatusIcon.iconLabel.error": "Hata:",
   "neptune.StatusIcon.iconLabel.information": "Bilgi:",
   "neptune.StatusIcon.iconLabel.pending": "Bekliyor:",

package/build/i18n/tr.json.js

@@ -25,12 +25,13 @@ var tr = {
 	"neptune.Label.optional": "(İsteğe bağlı)",
 	"neptune.Link.opensInNewTab": "(yeni sekmede açılır)",
 	"neptune.MoneyInput.Select.placeholder": "Bir seçenek seçin...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "Bir para birimi veya ülke girin",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "Para birimi seçin",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "Ülke kodu",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "Telefon numarası",
 	"neptune.Select.searchPlaceholder": "Ara...",
 	"neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
-	"neptune.SelectOption.action.label": "Seç",
-	"neptune.SelectOption.selected.action.label": "Seçilen opsiyonu değiştir",
 	"neptune.StatusIcon.iconLabel.error": "Hata:",
 	"neptune.StatusIcon.iconLabel.information": "Bilgi:",
 	"neptune.StatusIcon.iconLabel.pending": "Bekliyor:",

package/build/i18n/tr.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"tr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/tr.json.mjs

@@ -21,12 +21,13 @@ var tr = {
 	"neptune.Label.optional": "(İsteğe bağlı)",
 	"neptune.Link.opensInNewTab": "(yeni sekmede açılır)",
 	"neptune.MoneyInput.Select.placeholder": "Bir seçenek seçin...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "Bir para birimi veya ülke girin",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "Para birimi seçin",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "Ülke kodu",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "Telefon numarası",
 	"neptune.Select.searchPlaceholder": "Ara...",
 	"neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
-	"neptune.SelectOption.action.label": "Seç",
-	"neptune.SelectOption.selected.action.label": "Seçilen opsiyonu değiştir",
 	"neptune.StatusIcon.iconLabel.error": "Hata:",
 	"neptune.StatusIcon.iconLabel.information": "Bilgi:",
 	"neptune.StatusIcon.iconLabel.pending": "Bekliyor:",

package/build/i18n/tr.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/zh-CN.json

@@ -21,12 +21,13 @@
   "neptune.Label.optional": "（可选）",
   "neptune.Link.opensInNewTab": "（在新标签页中打开）",
   "neptune.MoneyInput.Select.placeholder": "请选择...",
+  "neptune.MoneyInput.Select.searchPlaceholder": "输入货币或国家/地区",
   "neptune.MoneyInput.Select.selectCurrencyLabel": "选择货币",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
+  "neptune.PhoneNumberInput.countryCodeLabel": "国家/地区代码",
+  "neptune.PhoneNumberInput.phoneNumberLabel": "电话号码",
   "neptune.Select.searchPlaceholder": "搜索",
   "neptune.SelectInput.noResultsFound": "找不到结果",
-  "neptune.SelectOption.action.label": "选择",
-  "neptune.SelectOption.selected.action.label": "更改所选选项",
   "neptune.StatusIcon.iconLabel.error": "错误:",
   "neptune.StatusIcon.iconLabel.information": "信息:",
   "neptune.StatusIcon.iconLabel.pending": "待处理:",

package/build/i18n/zh-CN.json.js

@@ -25,12 +25,13 @@ var zhCN = {
 	"neptune.Label.optional": "（可选）",
 	"neptune.Link.opensInNewTab": "（在新标签页中打开）",
 	"neptune.MoneyInput.Select.placeholder": "请选择...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "输入货币或国家/地区",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "选择货币",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "国家/地区代码",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "电话号码",
 	"neptune.Select.searchPlaceholder": "搜索",
 	"neptune.SelectInput.noResultsFound": "找不到结果",
-	"neptune.SelectOption.action.label": "选择",
-	"neptune.SelectOption.selected.action.label": "更改所选选项",
 	"neptune.StatusIcon.iconLabel.error": "错误:",
 	"neptune.StatusIcon.iconLabel.information": "信息:",
 	"neptune.StatusIcon.iconLabel.pending": "待处理:",

package/build/i18n/zh-CN.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"zh-CN.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"zh-CN.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/zh-CN.json.mjs

@@ -21,12 +21,13 @@ var zhCN = {
 	"neptune.Label.optional": "（可选）",
 	"neptune.Link.opensInNewTab": "（在新标签页中打开）",
 	"neptune.MoneyInput.Select.placeholder": "请选择...",
+	"neptune.MoneyInput.Select.searchPlaceholder": "输入货币或国家/地区",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "选择货币",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
+	"neptune.PhoneNumberInput.countryCodeLabel": "国家/地区代码",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "电话号码",
 	"neptune.Select.searchPlaceholder": "搜索",
 	"neptune.SelectInput.noResultsFound": "找不到结果",
-	"neptune.SelectOption.action.label": "选择",
-	"neptune.SelectOption.selected.action.label": "更改所选选项",
 	"neptune.StatusIcon.iconLabel.error": "错误:",
 	"neptune.StatusIcon.iconLabel.information": "信息:",
 	"neptune.StatusIcon.iconLabel.pending": "待处理:",

package/build/i18n/zh-CN.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"zh-CN.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"zh-CN.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/zh-HK.json

@@ -21,12 +21,13 @@
   "neptune.Label.optional": "（可選）",
   "neptune.Link.opensInNewTab": "（在新分頁中開啟）",
   "neptune.MoneyInput.Select.placeholder": "選擇一個選項…",
+  "neptune.MoneyInput.Select.searchPlaceholder": "輸入貨幣或國家/地區",
   "neptune.MoneyInput.Select.selectCurrencyLabel": "選擇貨幣",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "選擇其中一項…",
+  "neptune.PhoneNumberInput.countryCodeLabel": "國家/地區代碼",
+  "neptune.PhoneNumberInput.phoneNumberLabel": "電話號碼",
   "neptune.Select.searchPlaceholder": "搜尋…",
   "neptune.SelectInput.noResultsFound": "找不到任何結果",
-  "neptune.SelectOption.action.label": "選擇",
-  "neptune.SelectOption.selected.action.label": "更改已選選項",
   "neptune.StatusIcon.iconLabel.error": "錯誤:",
   "neptune.StatusIcon.iconLabel.information": "資訊:",
   "neptune.StatusIcon.iconLabel.pending": "處理中:",

package/build/i18n/zh-HK.json.js

@@ -25,12 +25,13 @@ var zhHK = {
 	"neptune.Label.optional": "（可選）",
 	"neptune.Link.opensInNewTab": "（在新分頁中開啟）",
 	"neptune.MoneyInput.Select.placeholder": "選擇一個選項…",
+	"neptune.MoneyInput.Select.searchPlaceholder": "輸入貨幣或國家/地區",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "選擇貨幣",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "選擇其中一項…",
+	"neptune.PhoneNumberInput.countryCodeLabel": "國家/地區代碼",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "電話號碼",
 	"neptune.Select.searchPlaceholder": "搜尋…",
 	"neptune.SelectInput.noResultsFound": "找不到任何結果",
-	"neptune.SelectOption.action.label": "選擇",
-	"neptune.SelectOption.selected.action.label": "更改已選選項",
 	"neptune.StatusIcon.iconLabel.error": "錯誤:",
 	"neptune.StatusIcon.iconLabel.information": "資訊:",
 	"neptune.StatusIcon.iconLabel.pending": "處理中:",

package/build/i18n/zh-HK.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"zh-HK.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"zh-HK.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/zh-HK.json.mjs

@@ -21,12 +21,13 @@ var zhHK = {
 	"neptune.Label.optional": "（可選）",
 	"neptune.Link.opensInNewTab": "（在新分頁中開啟）",
 	"neptune.MoneyInput.Select.placeholder": "選擇一個選項…",
+	"neptune.MoneyInput.Select.searchPlaceholder": "輸入貨幣或國家/地區",
 	"neptune.MoneyInput.Select.selectCurrencyLabel": "選擇貨幣",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "選擇其中一項…",
+	"neptune.PhoneNumberInput.countryCodeLabel": "國家/地區代碼",
+	"neptune.PhoneNumberInput.phoneNumberLabel": "電話號碼",
 	"neptune.Select.searchPlaceholder": "搜尋…",
 	"neptune.SelectInput.noResultsFound": "找不到任何結果",
-	"neptune.SelectOption.action.label": "選擇",
-	"neptune.SelectOption.selected.action.label": "更改已選選項",
 	"neptune.StatusIcon.iconLabel.error": "錯誤:",
 	"neptune.StatusIcon.iconLabel.information": "資訊:",
 	"neptune.StatusIcon.iconLabel.pending": "處理中:",

package/build/i18n/zh-HK.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"zh-HK.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"zh-HK.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/image/Image.js

@@ -10,7 +10,6 @@ var useHasIntersected = require('../common/hooks/useHasIntersected/useHasInterse
 require('../common/propsValues/breakpoint.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-const EmptyTransparentImage = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
 const Image = ({
   id,
   src,
@@ -28,27 +27,27 @@ const Image = ({
     elRef: elementReference,
     loading
   });
-  let imageSource = src;
-  let imageOnLoad = onLoad;
-  if (loading === 'lazy' && !hasIntersected) {
-    imageSource = EmptyTransparentImage;
-    imageOnLoad = undefined;
-  }
+  // Internal onLoad handler that calls user onLoad only if hasIntersected is true
+  const handleLoad = React.useCallback(() => {
+    if (hasIntersected && onLoad) {
+      onLoad();
+    }
+  }, [hasIntersected, onLoad]);
   return /*#__PURE__*/jsxRuntime.jsx("img", {
     ref: elementReference,
     id: id,
     alt: alt,
-    src: imageSource,
+    src: src,
+    loading: loading,
     className: clsx.clsx(['tw-image', {
       'tw-image__stretch': stretch,
       'tw-image__shrink': shrink
     }, className]),
     role: role,
-    onLoad: imageOnLoad,
+    onLoad: handleLoad,
     onError: onError
   });
 };
 
-exports.EmptyTransparentImage = EmptyTransparentImage;
 exports.default = Image;
 //# sourceMappingURL=Image.js.map

package/build/image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../src/image/Image.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useRef } from 'react';\n\nimport { useHasIntersected } from '../common/hooks';\n\nexport interface ImageProps {\n  alt: string;\n  src: string;\n  id?: string;\n  onLoad?: () => void;\n  onError?: () => void;\n  className?: string;\n  loading?: 'lazy' | 'eager';\n  stretch?: boolean;\n  role?: string;\n  shrink?: boolean;\n}\n\nexport const EmptyTransparentImage =\n  'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';\n\nconst Image = ({\n  id,\n  src,\n  alt,\n  onLoad,\n  onError,\n  className,\n  loading,\n  stretch = true,\n  role,\n  shrink = true,\n}: ImageProps) => {\n  const elementReference = useRef<HTMLImageElement>(null);\n  const [hasIntersected] = useHasIntersected({ elRef: elementReference, loading });\n  let imageSource = src;\n  let imageOnLoad = onLoad;\n\n  if (loading === 'lazy' && !hasIntersected) {\n    imageSource = EmptyTransparentImage;\n    imageOnLoad = undefined;\n  }\n\n  return (\n    <img\n      ref={elementReference}\n      id={id}\n      alt={alt}\n      src={imageSource}\n      className={clsx([\n        'tw-image',\n        {\n          'tw-image__stretch': stretch,\n          'tw-image__shrink': shrink,\n        },\n        className,\n      ])}\n      role={role}\n      onLoad={imageOnLoad}\n      onError={onError}\n    />\n  );\n};\n\nexport default Image;\n"],"names":["EmptyTransparentImage","Image","id","src","alt","onLoad","onError","className","loading","stretch","role","shrink","elementReference","useRef","hasIntersected","useHasIntersected","elRef","imageSource","imageOnLoad","undefined","_jsx","ref","clsx"],"mappings":";;;;;;;;;;;;AAkBO,MAAMA,qBAAqB,GAChC;AAEIC,MAAAA,KAAK,GAAGA,CAAC;EACbC,EAAE;EACFC,GAAG;EACHC,GAAG;EACHC,MAAM;EACNC,OAAO;EACPC,SAAS;EACTC,OAAO;AACPC,EAAAA,OAAO,GAAG,IAAI;EACdC,IAAI;AACJC,EAAAA,MAAM,GAAG;AAAI,CACF,KAAI;AACf,EAAA,MAAMC,gBAAgB,GAAGC,YAAM,CAAmB,IAAI,CAAC;AACvD,EAAA,MAAM,CAACC,cAAc,CAAC,GAAGC,mCAAiB,CAAC;AAAEC,IAAAA,KAAK,EAAEJ,gBAAgB;AAAEJ,IAAAA;AAAO,GAAE,CAAC;EAChF,IAAIS,WAAW,GAAGd,GAAG;EACrB,IAAIe,WAAW,GAAGb,MAAM;AAExB,EAAA,IAAIG,OAAO,KAAK,MAAM,IAAI,CAACM,cAAc,EAAE;AACzCG,IAAAA,WAAW,GAAGjB,qBAAqB;AACnCkB,IAAAA,WAAW,GAAGC,SAAS;AACzB;AAEA,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAET,gBAAiB;AACtBV,IAAAA,EAAE,EAAEA,EAAG;AACPE,IAAAA,GAAG,EAAEA,GAAI;AACTD,IAAAA,GAAG,EAAEc,WAAY;AACjBV,IAAAA,SAAS,EAAEe,SAAI,CAAC,CACd,UAAU,EACV;AACE,MAAA,mBAAmB,EAAEb,OAAO;AAC5B,MAAA,kBAAkB,EAAEE;KACrB,EACDJ,SAAS,CACV,CAAE;AACHG,IAAAA,IAAI,EAAEA,IAAK;AACXL,IAAAA,MAAM,EAAEa,WAAY;AACpBZ,IAAAA,OAAO,EAAEA;AAAQ,GACjB,CAAA;AAEN;;;;;"}
+{"version":3,"file":"Image.js","sources":["../../src/image/Image.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useRef, useCallback } from 'react';\n\nimport { useHasIntersected } from '../common/hooks';\n\nexport interface ImageProps {\n  alt: string;\n  src: string;\n  id?: string;\n  onLoad?: () => void;\n  onError?: () => void;\n  className?: string;\n  loading?: 'lazy' | 'eager';\n  stretch?: boolean;\n  role?: string;\n  shrink?: boolean;\n}\n\nconst Image = ({\n  id,\n  src,\n  alt,\n  onLoad,\n  onError,\n  className,\n  loading,\n  stretch = true,\n  role,\n  shrink = true,\n}: ImageProps) => {\n  const elementReference = useRef<HTMLImageElement>(null);\n  const [hasIntersected] = useHasIntersected({ elRef: elementReference, loading });\n\n  // Internal onLoad handler that calls user onLoad only if hasIntersected is true\n  const handleLoad = useCallback(() => {\n    if (hasIntersected && onLoad) {\n      onLoad();\n    }\n  }, [hasIntersected, onLoad]);\n\n  return (\n    <img\n      ref={elementReference}\n      id={id}\n      alt={alt}\n      src={src}\n      loading={loading}\n      className={clsx([\n        'tw-image',\n        {\n          'tw-image__stretch': stretch,\n          'tw-image__shrink': shrink,\n        },\n        className,\n      ])}\n      role={role}\n      onLoad={handleLoad}\n      onError={onError}\n    />\n  );\n};\n\nexport default Image;\n"],"names":["Image","id","src","alt","onLoad","onError","className","loading","stretch","role","shrink","elementReference","useRef","hasIntersected","useHasIntersected","elRef","handleLoad","useCallback","_jsx","ref","clsx"],"mappings":";;;;;;;;;;;;AAkBMA,MAAAA,KAAK,GAAGA,CAAC;EACbC,EAAE;EACFC,GAAG;EACHC,GAAG;EACHC,MAAM;EACNC,OAAO;EACPC,SAAS;EACTC,OAAO;AACPC,EAAAA,OAAO,GAAG,IAAI;EACdC,IAAI;AACJC,EAAAA,MAAM,GAAG;AAAI,CACF,KAAI;AACf,EAAA,MAAMC,gBAAgB,GAAGC,YAAM,CAAmB,IAAI,CAAC;AACvD,EAAA,MAAM,CAACC,cAAc,CAAC,GAAGC,mCAAiB,CAAC;AAAEC,IAAAA,KAAK,EAAEJ,gBAAgB;AAAEJ,IAAAA;AAAO,GAAE,CAAC;AAEhF;AACA,EAAA,MAAMS,UAAU,GAAGC,iBAAW,CAAC,MAAK;IAClC,IAAIJ,cAAc,IAAIT,MAAM,EAAE;AAC5BA,MAAAA,MAAM,EAAE;AACV;AACF,GAAC,EAAE,CAACS,cAAc,EAAET,MAAM,CAAC,CAAC;AAE5B,EAAA,oBACEc,cAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAER,gBAAiB;AACtBV,IAAAA,EAAE,EAAEA,EAAG;AACPE,IAAAA,GAAG,EAAEA,GAAI;AACTD,IAAAA,GAAG,EAAEA,GAAI;AACTK,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,SAAS,EAAEc,SAAI,CAAC,CACd,UAAU,EACV;AACE,MAAA,mBAAmB,EAAEZ,OAAO;AAC5B,MAAA,kBAAkB,EAAEE;KACrB,EACDJ,SAAS,CACV,CAAE;AACHG,IAAAA,IAAI,EAAEA,IAAK;AACXL,IAAAA,MAAM,EAAEY,UAAW;AACnBX,IAAAA,OAAO,EAAEA;AAAQ,GACjB,CAAA;AAEN;;;;"}

package/build/image/Image.mjs

@@ -1,12 +1,11 @@
 import { clsx } from 'clsx';
-import { useRef } from 'react';
+import { useRef, useCallback } from 'react';
 import '@transferwise/neptune-validation';
 import '../provider/direction/DirectionProvider.mjs';
 import { useHasIntersected } from '../common/hooks/useHasIntersected/useHasIntersected.mjs';
 import '../common/propsValues/breakpoint.mjs';
 import { jsx } from 'react/jsx-runtime';
 
-const EmptyTransparentImage = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
 const Image = ({
   id,
   src,
@@ -24,26 +23,27 @@ const Image = ({
     elRef: elementReference,
     loading
   });
-  let imageSource = src;
-  let imageOnLoad = onLoad;
-  if (loading === 'lazy' && !hasIntersected) {
-    imageSource = EmptyTransparentImage;
-    imageOnLoad = undefined;
-  }
+  // Internal onLoad handler that calls user onLoad only if hasIntersected is true
+  const handleLoad = useCallback(() => {
+    if (hasIntersected && onLoad) {
+      onLoad();
+    }
+  }, [hasIntersected, onLoad]);
   return /*#__PURE__*/jsx("img", {
     ref: elementReference,
     id: id,
     alt: alt,
-    src: imageSource,
+    src: src,
+    loading: loading,
     className: clsx(['tw-image', {
       'tw-image__stretch': stretch,
       'tw-image__shrink': shrink
     }, className]),
     role: role,
-    onLoad: imageOnLoad,
+    onLoad: handleLoad,
     onError: onError
   });
 };
 
-export { EmptyTransparentImage, Image as default };
+export { Image as default };
 //# sourceMappingURL=Image.mjs.map

package/build/image/Image.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Image.mjs","sources":["../../src/image/Image.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useRef } from 'react';\n\nimport { useHasIntersected } from '../common/hooks';\n\nexport interface ImageProps {\n  alt: string;\n  src: string;\n  id?: string;\n  onLoad?: () => void;\n  onError?: () => void;\n  className?: string;\n  loading?: 'lazy' | 'eager';\n  stretch?: boolean;\n  role?: string;\n  shrink?: boolean;\n}\n\nexport const EmptyTransparentImage =\n  'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';\n\nconst Image = ({\n  id,\n  src,\n  alt,\n  onLoad,\n  onError,\n  className,\n  loading,\n  stretch = true,\n  role,\n  shrink = true,\n}: ImageProps) => {\n  const elementReference = useRef<HTMLImageElement>(null);\n  const [hasIntersected] = useHasIntersected({ elRef: elementReference, loading });\n  let imageSource = src;\n  let imageOnLoad = onLoad;\n\n  if (loading === 'lazy' && !hasIntersected) {\n    imageSource = EmptyTransparentImage;\n    imageOnLoad = undefined;\n  }\n\n  return (\n    <img\n      ref={elementReference}\n      id={id}\n      alt={alt}\n      src={imageSource}\n      className={clsx([\n        'tw-image',\n        {\n          'tw-image__stretch': stretch,\n          'tw-image__shrink': shrink,\n        },\n        className,\n      ])}\n      role={role}\n      onLoad={imageOnLoad}\n      onError={onError}\n    />\n  );\n};\n\nexport default Image;\n"],"names":["EmptyTransparentImage","Image","id","src","alt","onLoad","onError","className","loading","stretch","role","shrink","elementReference","useRef","hasIntersected","useHasIntersected","elRef","imageSource","imageOnLoad","undefined","_jsx","ref","clsx"],"mappings":";;;;;;;;AAkBO,MAAMA,qBAAqB,GAChC;AAEIC,MAAAA,KAAK,GAAGA,CAAC;EACbC,EAAE;EACFC,GAAG;EACHC,GAAG;EACHC,MAAM;EACNC,OAAO;EACPC,SAAS;EACTC,OAAO;AACPC,EAAAA,OAAO,GAAG,IAAI;EACdC,IAAI;AACJC,EAAAA,MAAM,GAAG;AAAI,CACF,KAAI;AACf,EAAA,MAAMC,gBAAgB,GAAGC,MAAM,CAAmB,IAAI,CAAC;AACvD,EAAA,MAAM,CAACC,cAAc,CAAC,GAAGC,iBAAiB,CAAC;AAAEC,IAAAA,KAAK,EAAEJ,gBAAgB;AAAEJ,IAAAA;AAAO,GAAE,CAAC;EAChF,IAAIS,WAAW,GAAGd,GAAG;EACrB,IAAIe,WAAW,GAAGb,MAAM;AAExB,EAAA,IAAIG,OAAO,KAAK,MAAM,IAAI,CAACM,cAAc,EAAE;AACzCG,IAAAA,WAAW,GAAGjB,qBAAqB;AACnCkB,IAAAA,WAAW,GAAGC,SAAS;AACzB;AAEA,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAET,gBAAiB;AACtBV,IAAAA,EAAE,EAAEA,EAAG;AACPE,IAAAA,GAAG,EAAEA,GAAI;AACTD,IAAAA,GAAG,EAAEc,WAAY;AACjBV,IAAAA,SAAS,EAAEe,IAAI,CAAC,CACd,UAAU,EACV;AACE,MAAA,mBAAmB,EAAEb,OAAO;AAC5B,MAAA,kBAAkB,EAAEE;KACrB,EACDJ,SAAS,CACV,CAAE;AACHG,IAAAA,IAAI,EAAEA,IAAK;AACXL,IAAAA,MAAM,EAAEa,WAAY;AACpBZ,IAAAA,OAAO,EAAEA;AAAQ,GACjB,CAAA;AAEN;;;;"}
+{"version":3,"file":"Image.mjs","sources":["../../src/image/Image.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useRef, useCallback } from 'react';\n\nimport { useHasIntersected } from '../common/hooks';\n\nexport interface ImageProps {\n  alt: string;\n  src: string;\n  id?: string;\n  onLoad?: () => void;\n  onError?: () => void;\n  className?: string;\n  loading?: 'lazy' | 'eager';\n  stretch?: boolean;\n  role?: string;\n  shrink?: boolean;\n}\n\nconst Image = ({\n  id,\n  src,\n  alt,\n  onLoad,\n  onError,\n  className,\n  loading,\n  stretch = true,\n  role,\n  shrink = true,\n}: ImageProps) => {\n  const elementReference = useRef<HTMLImageElement>(null);\n  const [hasIntersected] = useHasIntersected({ elRef: elementReference, loading });\n\n  // Internal onLoad handler that calls user onLoad only if hasIntersected is true\n  const handleLoad = useCallback(() => {\n    if (hasIntersected && onLoad) {\n      onLoad();\n    }\n  }, [hasIntersected, onLoad]);\n\n  return (\n    <img\n      ref={elementReference}\n      id={id}\n      alt={alt}\n      src={src}\n      loading={loading}\n      className={clsx([\n        'tw-image',\n        {\n          'tw-image__stretch': stretch,\n          'tw-image__shrink': shrink,\n        },\n        className,\n      ])}\n      role={role}\n      onLoad={handleLoad}\n      onError={onError}\n    />\n  );\n};\n\nexport default Image;\n"],"names":["Image","id","src","alt","onLoad","onError","className","loading","stretch","role","shrink","elementReference","useRef","hasIntersected","useHasIntersected","elRef","handleLoad","useCallback","_jsx","ref","clsx"],"mappings":";;;;;;;;AAkBMA,MAAAA,KAAK,GAAGA,CAAC;EACbC,EAAE;EACFC,GAAG;EACHC,GAAG;EACHC,MAAM;EACNC,OAAO;EACPC,SAAS;EACTC,OAAO;AACPC,EAAAA,OAAO,GAAG,IAAI;EACdC,IAAI;AACJC,EAAAA,MAAM,GAAG;AAAI,CACF,KAAI;AACf,EAAA,MAAMC,gBAAgB,GAAGC,MAAM,CAAmB,IAAI,CAAC;AACvD,EAAA,MAAM,CAACC,cAAc,CAAC,GAAGC,iBAAiB,CAAC;AAAEC,IAAAA,KAAK,EAAEJ,gBAAgB;AAAEJ,IAAAA;AAAO,GAAE,CAAC;AAEhF;AACA,EAAA,MAAMS,UAAU,GAAGC,WAAW,CAAC,MAAK;IAClC,IAAIJ,cAAc,IAAIT,MAAM,EAAE;AAC5BA,MAAAA,MAAM,EAAE;AACV;AACF,GAAC,EAAE,CAACS,cAAc,EAAET,MAAM,CAAC,CAAC;AAE5B,EAAA,oBACEc,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAER,gBAAiB;AACtBV,IAAAA,EAAE,EAAEA,EAAG;AACPE,IAAAA,GAAG,EAAEA,GAAI;AACTD,IAAAA,GAAG,EAAEA,GAAI;AACTK,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,SAAS,EAAEc,IAAI,CAAC,CACd,UAAU,EACV;AACE,MAAA,mBAAmB,EAAEZ,OAAO;AAC5B,MAAA,kBAAkB,EAAEE;KACrB,EACDJ,SAAS,CACV,CAAE;AACHG,IAAAA,IAAI,EAAEA,IAAK;AACXL,IAAAA,MAAM,EAAEY,UAAW;AACnBX,IAAAA,OAAO,EAAEA;AAAQ,GACjB,CAAA;AAEN;;;;"}