@idds/react 1.5.22 → 1.5.25

package/dist/index.es.js

@@ -1481,7 +1481,7 @@ function Breadcrumb({
     if (text.length <= maxLength) return text;
     return `${text.substring(0, maxLength)}...`;
   };
-  return /* @__PURE__ */ jsx("div", { className: clsx("ina-breadcrumb", className), "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ina-breadcrumb__list", children: items.map((item, index) => {
+  return /* @__PURE__ */ jsx("nav", { className: clsx("ina-breadcrumb", className), "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ina-breadcrumb__list", children: items.map((item, index) => {
     const isLast = index === items.length - 1;
     const isActive = isLast;
     const truncatedLabel = truncateText(item.label, isLast);
@@ -3715,7 +3715,9 @@ function Pagination({
   onPageChange,
   onPageSizeChange,
   disabled = false,
-  fullWidth = false
+  fullWidth = false,
+  className,
+  ...rest
 }) {
   if (totalPages <= 0) return null;
   function renderPageNumbers() {
@@ -3785,7 +3787,7 @@ function Pagination({
     "ina-pagination",
     fullWidth && "ina-pagination--full-width"
   );
-  return /* @__PURE__ */ jsxs("div", { className: paginationClasses, children: [
+  return /* @__PURE__ */ jsxs("nav", { className: paginationClasses, "aria-label": "Pagination", ...rest, children: [
     /* @__PURE__ */ jsxs("div", { className: "ina-pagination__nav-container", children: [
       /* @__PURE__ */ jsxs("div", { className: "ina-pagination__page-info", children: [
         "Halaman ",
@@ -4110,245 +4112,257 @@ function PasswordInput({
   ] });
 }
 const COUNTRIES = [
-  { code: "ID", name: "Indonesia", dialCode: "+62", flag: "🇮🇩" },
-  { code: "AF", name: "Afghanistan", dialCode: "+93", flag: "🇦🇫" },
-  { code: "AL", name: "Albania", dialCode: "+355", flag: "🇦🇱" },
-  { code: "DZ", name: "Algeria", dialCode: "+213", flag: "🇩🇿" },
-  { code: "AS", name: "American Samoa", dialCode: "+1684", flag: "🇦🇸" },
-  { code: "AD", name: "Andorra", dialCode: "+376", flag: "🇦🇩" },
-  { code: "AO", name: "Angola", dialCode: "+244", flag: "🇦🇴" },
-  { code: "AI", name: "Anguilla", dialCode: "+1264", flag: "🇦🇮" },
-  { code: "AG", name: "Antigua and Barbuda", dialCode: "+1268", flag: "🇦🇬" },
-  { code: "AR", name: "Argentina", dialCode: "+54", flag: "🇦🇷" },
-  { code: "AM", name: "Armenia", dialCode: "+374", flag: "🇦🇲" },
-  { code: "AW", name: "Aruba", dialCode: "+297", flag: "🇦🇼" },
-  { code: "AU", name: "Australia", dialCode: "+61", flag: "🇦🇺" },
-  { code: "AT", name: "Austria", dialCode: "+43", flag: "🇦🇹" },
-  { code: "AZ", name: "Azerbaijan", dialCode: "+994", flag: "🇦🇿" },
-  { code: "BS", name: "Bahamas", dialCode: "+1242", flag: "🇧🇸" },
-  { code: "BH", name: "Bahrain", dialCode: "+973", flag: "🇧🇭" },
-  { code: "BD", name: "Bangladesh", dialCode: "+880", flag: "🇧🇩" },
-  { code: "BB", name: "Barbados", dialCode: "+1246", flag: "🇧🇧" },
-  { code: "BY", name: "Belarus", dialCode: "+375", flag: "🇧🇾" },
-  { code: "BE", name: "Belgium", dialCode: "+32", flag: "🇧🇪" },
-  { code: "BZ", name: "Belize", dialCode: "+501", flag: "🇧🇿" },
-  { code: "BJ", name: "Benin", dialCode: "+229", flag: "🇧🇯" },
-  { code: "BM", name: "Bermuda", dialCode: "+1441", flag: "🇧🇲" },
-  { code: "BT", name: "Bhutan", dialCode: "+975", flag: "🇧🇹" },
-  { code: "BO", name: "Bolivia", dialCode: "+591", flag: "🇧🇴" },
-  { code: "BA", name: "Bosnia and Herzegovina", dialCode: "+387", flag: "🇧🇦" },
-  { code: "BW", name: "Botswana", dialCode: "+267", flag: "🇧🇼" },
-  { code: "BR", name: "Brazil", dialCode: "+55", flag: "🇧🇷" },
-  { code: "IO", name: "British Indian Ocean Territory", dialCode: "+246", flag: "🇮🇴" },
-  { code: "BN", name: "Brunei Darussalam", dialCode: "+673", flag: "🇧🇳" },
-  { code: "BG", name: "Bulgaria", dialCode: "+359", flag: "🇧🇬" },
-  { code: "BF", name: "Burkina Faso", dialCode: "+226", flag: "🇧🇫" },
-  { code: "BI", name: "Burundi", dialCode: "+257", flag: "🇧🇮" },
-  { code: "KH", name: "Cambodia", dialCode: "+855", flag: "🇰🇭" },
-  { code: "CM", name: "Cameroon", dialCode: "+237", flag: "🇨🇲" },
-  { code: "CA", name: "Canada", dialCode: "+1", flag: "🇨🇦" },
-  { code: "CV", name: "Cape Verde", dialCode: "+238", flag: "🇨🇻" },
-  { code: "KY", name: "Cayman Islands", dialCode: "+1345", flag: "🇰🇾" },
-  { code: "CF", name: "Central African Republic", dialCode: "+236", flag: "🇨🇫" },
-  { code: "TD", name: "Chad", dialCode: "+235", flag: "🇹🇩" },
-  { code: "CL", name: "Chile", dialCode: "+56", flag: "🇨🇱" },
-  { code: "CN", name: "China", dialCode: "+86", flag: "🇨🇳" },
-  { code: "CX", name: "Christmas Island", dialCode: "+61", flag: "🇨🇽" },
-  { code: "CC", name: "Cocos (Keeling) Islands", dialCode: "+61", flag: "🇨🇨" },
-  { code: "CO", name: "Colombia", dialCode: "+57", flag: "🇨🇴" },
-  { code: "KM", name: "Comoros", dialCode: "+269", flag: "🇰🇲" },
-  { code: "CG", name: "Congo", dialCode: "+242", flag: "🇨🇬" },
-  { code: "CD", name: "Congo, Democratic Republic of the", dialCode: "+243", flag: "🇨🇩" },
-  { code: "CK", name: "Cook Islands", dialCode: "+682", flag: "🇨🇰" },
-  { code: "CR", name: "Costa Rica", dialCode: "+506", flag: "🇨🇷" },
-  { code: "CI", name: "Cote d'Ivoire", dialCode: "+225", flag: "🇨🇮" },
-  { code: "HR", name: "Croatia", dialCode: "+385", flag: "🇭🇷" },
-  { code: "CU", name: "Cuba", dialCode: "+53", flag: "🇨🇺" },
-  { code: "CY", name: "Cyprus", dialCode: "+357", flag: "🇨🇾" },
-  { code: "CZ", name: "Czech Republic", dialCode: "+420", flag: "🇨🇿" },
-  { code: "DK", name: "Denmark", dialCode: "+45", flag: "🇩🇰" },
-  { code: "DJ", name: "Djibouti", dialCode: "+253", flag: "🇩🇯" },
-  { code: "DM", name: "Dominica", dialCode: "+1767", flag: "🇩🇲" },
-  { code: "DO", name: "Dominican Republic", dialCode: "+1", flag: "🇩🇴" },
-  { code: "EC", name: "Ecuador", dialCode: "+593", flag: "🇪🇨" },
-  { code: "EG", name: "Egypt", dialCode: "+20", flag: "🇪🇬" },
-  { code: "SV", name: "El Salvador", dialCode: "+503", flag: "🇸🇻" },
-  { code: "GQ", name: "Equatorial Guinea", dialCode: "+240", flag: "🇬🇶" },
-  { code: "ER", name: "Eritrea", dialCode: "+291", flag: "🇪🇷" },
-  { code: "EE", name: "Estonia", dialCode: "+372", flag: "🇪🇪" },
-  { code: "ET", name: "Ethiopia", dialCode: "+251", flag: "🇪🇹" },
-  { code: "FK", name: "Falkland Islands (Malvinas)", dialCode: "+500", flag: "🇫🇰" },
-  { code: "FO", name: "Faroe Islands", dialCode: "+298", flag: "🇫🇴" },
-  { code: "FJ", name: "Fiji", dialCode: "+679", flag: "🇫🇯" },
-  { code: "FI", name: "Finland", dialCode: "+358", flag: "🇫🇮" },
-  { code: "FR", name: "France", dialCode: "+33", flag: "🇫🇷" },
-  { code: "GF", name: "French Guiana", dialCode: "+594", flag: "🇬🇫" },
-  { code: "PF", name: "French Polynesia", dialCode: "+689", flag: "🇵🇫" },
-  { code: "GA", name: "Gabon", dialCode: "+241", flag: "🇬🇦" },
-  { code: "GM", name: "Gambia", dialCode: "+220", flag: "🇬🇲" },
-  { code: "GE", name: "Georgia", dialCode: "+995", flag: "🇬🇪" },
-  { code: "DE", name: "Germany", dialCode: "+49", flag: "🇩🇪" },
-  { code: "GH", name: "Ghana", dialCode: "+233", flag: "🇬🇭" },
-  { code: "GI", name: "Gibraltar", dialCode: "+350", flag: "🇬🇮" },
-  { code: "GR", name: "Greece", dialCode: "+30", flag: "🇬🇷" },
-  { code: "GL", name: "Greenland", dialCode: "+299", flag: "🇬🇱" },
-  { code: "GD", name: "Grenada", dialCode: "+1473", flag: "🇬🇩" },
-  { code: "GP", name: "Guadeloupe", dialCode: "+590", flag: "🇬🇵" },
-  { code: "GU", name: "Guam", dialCode: "+1671", flag: "🇬🇺" },
-  { code: "GT", name: "Guatemala", dialCode: "+502", flag: "🇬🇹" },
-  { code: "GG", name: "Guernsey", dialCode: "+44", flag: "🇬🇬" },
-  { code: "GN", name: "Guinea", dialCode: "+224", flag: "🇬🇳" },
-  { code: "GW", name: "Guinea-Bissau", dialCode: "+245", flag: "🇬🇼" },
-  { code: "GY", name: "Guyana", dialCode: "+592", flag: "🇬🇾" },
-  { code: "HT", name: "Haiti", dialCode: "+509", flag: "🇭🇹" },
-  { code: "VA", name: "Holy See (Vatican City State)", dialCode: "+379", flag: "🇻🇦" },
-  { code: "HN", name: "Honduras", dialCode: "+504", flag: "🇭🇳" },
-  { code: "HK", name: "Hong Kong", dialCode: "+852", flag: "🇭🇰" },
-  { code: "HU", name: "Hungary", dialCode: "+36", flag: "🇭🇺" },
-  { code: "IS", name: "Iceland", dialCode: "+354", flag: "🇮🇸" },
-  { code: "IN", name: "India", dialCode: "+91", flag: "🇮🇳" },
-  { code: "IR", name: "Iran, Islamic Republic of", dialCode: "+98", flag: "🇮🇷" },
-  { code: "IQ", name: "Iraq", dialCode: "+964", flag: "🇮🇶" },
-  { code: "IE", name: "Ireland", dialCode: "+353", flag: "🇮🇪" },
-  { code: "IM", name: "Isle of Man", dialCode: "+44", flag: "🇮🇲" },
-  { code: "IL", name: "Israel", dialCode: "+972", flag: "🇮🇱" },
-  { code: "IT", name: "Italy", dialCode: "+39", flag: "🇮🇹" },
-  { code: "JM", name: "Jamaica", dialCode: "+1876", flag: "🇯🇲" },
-  { code: "JP", name: "Japan", dialCode: "+81", flag: "🇯🇵" },
-  { code: "JE", name: "Jersey", dialCode: "+44", flag: "🇯🇪" },
-  { code: "JO", name: "Jordan", dialCode: "+962", flag: "🇯🇴" },
-  { code: "KZ", name: "Kazakhstan", dialCode: "+7", flag: "🇰🇿" },
-  { code: "KE", name: "Kenya", dialCode: "+254", flag: "🇰🇪" },
-  { code: "KI", name: "Kiribati", dialCode: "+686", flag: "🇰🇮" },
-  { code: "KP", name: "Korea, Democratic People's Republic of", dialCode: "+850", flag: "🇰🇵" },
-  { code: "KR", name: "Korea, Republic of", dialCode: "+82", flag: "🇰🇷" },
-  { code: "KW", name: "Kuwait", dialCode: "+965", flag: "🇰🇼" },
-  { code: "KG", name: "Kyrgyzstan", dialCode: "+996", flag: "🇰🇬" },
-  { code: "LA", name: "Lao People's Democratic Republic", dialCode: "+856", flag: "🇱🇦" },
-  { code: "LV", name: "Latvia", dialCode: "+371", flag: "🇱🇻" },
-  { code: "LB", name: "Lebanon", dialCode: "+961", flag: "🇱🇧" },
-  { code: "LS", name: "Lesotho", dialCode: "+266", flag: "🇱🇸" },
-  { code: "LR", name: "Liberia", dialCode: "+231", flag: "🇱🇷" },
-  { code: "LY", name: "Libyan Arab Jamahiriya", dialCode: "+218", flag: "🇱🇾" },
-  { code: "LI", name: "Liechtenstein", dialCode: "+423", flag: "🇱🇮" },
-  { code: "LT", name: "Lithuania", dialCode: "+370", flag: "🇱🇹" },
-  { code: "LU", name: "Luxembourg", dialCode: "+352", flag: "🇱🇺" },
-  { code: "MO", name: "Macao", dialCode: "+853", flag: "🇲🇴" },
-  { code: "MK", name: "Macedonia, the Former Yugoslav Republic of", dialCode: "+389", flag: "🇲🇰" },
-  { code: "MG", name: "Madagascar", dialCode: "+261", flag: "🇲🇬" },
-  { code: "MW", name: "Malawi", dialCode: "+265", flag: "🇲🇼" },
-  { code: "MY", name: "Malaysia", dialCode: "+60", flag: "🇲🇾" },
-  { code: "MV", name: "Maldives", dialCode: "+960", flag: "🇲🇻" },
-  { code: "ML", name: "Mali", dialCode: "+223", flag: "🇲🇱" },
-  { code: "MT", name: "Malta", dialCode: "+356", flag: "🇲🇹" },
-  { code: "MH", name: "Marshall Islands", dialCode: "+692", flag: "🇲🇭" },
-  { code: "MQ", name: "Martinique", dialCode: "+596", flag: "🇲🇶" },
-  { code: "MR", name: "Mauritania", dialCode: "+222", flag: "🇲🇷" },
-  { code: "MU", name: "Mauritius", dialCode: "+230", flag: "🇲🇺" },
-  { code: "YT", name: "Mayotte", dialCode: "+262", flag: "🇾🇹" },
-  { code: "MX", name: "Mexico", dialCode: "+52", flag: "🇲🇽" },
-  { code: "FM", name: "Micronesia, Federated States of", dialCode: "+691", flag: "🇫🇲" },
-  { code: "MD", name: "Moldova, Republic of", dialCode: "+373", flag: "🇲🇩" },
-  { code: "MC", name: "Monaco", dialCode: "+377", flag: "🇲🇨" },
-  { code: "MN", name: "Mongolia", dialCode: "+976", flag: "🇲🇳" },
-  { code: "ME", name: "Montenegro", dialCode: "+382", flag: "🇲🇪" },
-  { code: "MS", name: "Montserrat", dialCode: "+1664", flag: "🇲🇸" },
-  { code: "MA", name: "Morocco", dialCode: "+212", flag: "🇲🇦" },
-  { code: "MZ", name: "Mozambique", dialCode: "+258", flag: "🇲🇿" },
-  { code: "MM", name: "Myanmar", dialCode: "+95", flag: "🇲🇲" },
-  { code: "NA", name: "Namibia", dialCode: "+264", flag: "🇳🇦" },
-  { code: "NR", name: "Nauru", dialCode: "+674", flag: "🇳🇷" },
-  { code: "NP", name: "Nepal", dialCode: "+977", flag: "🇳🇵" },
-  { code: "NL", name: "Netherlands", dialCode: "+31", flag: "🇳🇱" },
-  { code: "NC", name: "New Caledonia", dialCode: "+687", flag: "🇳🇨" },
-  { code: "NZ", name: "New Zealand", dialCode: "+64", flag: "🇳🇿" },
-  { code: "NI", name: "Nicaragua", dialCode: "+505", flag: "🇳🇮" },
-  { code: "NE", name: "Niger", dialCode: "+227", flag: "🇳🇪" },
-  { code: "NG", name: "Nigeria", dialCode: "+234", flag: "🇳🇬" },
-  { code: "NU", name: "Niue", dialCode: "+683", flag: "🇳🇺" },
-  { code: "NF", name: "Norfolk Island", dialCode: "+672", flag: "🇳🇫" },
-  { code: "MP", name: "Northern Mariana Islands", dialCode: "+1670", flag: "🇲🇵" },
-  { code: "NO", name: "Norway", dialCode: "+47", flag: "🇳🇴" },
-  { code: "OM", name: "Oman", dialCode: "+968", flag: "🇴🇲" },
-  { code: "PK", name: "Pakistan", dialCode: "+92", flag: "🇵🇰" },
-  { code: "PW", name: "Palau", dialCode: "+680", flag: "🇵🇼" },
-  { code: "PS", name: "Palestinian Territory, Occupied", dialCode: "+970", flag: "🇵🇸" },
-  { code: "PA", name: "Panama", dialCode: "+507", flag: "🇵🇦" },
-  { code: "PG", name: "Papua New Guinea", dialCode: "+675", flag: "🇵🇬" },
-  { code: "PY", name: "Paraguay", dialCode: "+595", flag: "🇵🇾" },
-  { code: "PE", name: "Peru", dialCode: "+51", flag: "🇵🇪" },
-  { code: "PH", name: "Philippines", dialCode: "+63", flag: "🇵🇭" },
-  { code: "PN", name: "Pitcairn", dialCode: "+870", flag: "🇵🇳" },
-  { code: "PL", name: "Poland", dialCode: "+48", flag: "🇵🇱" },
-  { code: "PT", name: "Portugal", dialCode: "+351", flag: "🇵🇹" },
-  { code: "PR", name: "Puerto Rico", dialCode: "+1939", flag: "🇵🇷" },
-  { code: "QA", name: "Qatar", dialCode: "+974", flag: "🇶🇦" },
-  { code: "RE", name: "Reunion", dialCode: "+262", flag: "🇷🇪" },
-  { code: "RO", name: "Romania", dialCode: "+40", flag: "🇷🇴" },
-  { code: "RU", name: "Russian Federation", dialCode: "+7", flag: "🇷🇺" },
-  { code: "RW", name: "Rwanda", dialCode: "+250", flag: "🇷🇼" },
-  { code: "BL", name: "Saint Barthelemy", dialCode: "+590", flag: "🇧🇱" },
-  { code: "SH", name: "Saint Helena", dialCode: "+290", flag: "🇸🇭" },
-  { code: "KN", name: "Saint Kitts and Nevis", dialCode: "+1869", flag: "🇰🇳" },
-  { code: "LC", name: "Saint Lucia", dialCode: "+1758", flag: "🇱🇨" },
-  { code: "MF", name: "Saint Martin", dialCode: "+590", flag: "🇲🇫" },
-  { code: "PM", name: "Saint Pierre and Miquelon", dialCode: "+508", flag: "🇵🇲" },
-  { code: "VC", name: "Saint Vincent and the Grenadines", dialCode: "+1784", flag: "🇻🇨" },
-  { code: "WS", name: "Samoa", dialCode: "+685", flag: "🇼🇸" },
-  { code: "SM", name: "San Marino", dialCode: "+378", flag: "🇸🇲" },
-  { code: "ST", name: "Sao Tome and Principe", dialCode: "+239", flag: "🇸🇹" },
-  { code: "SA", name: "Saudi Arabia", dialCode: "+966", flag: "🇸🇦" },
-  { code: "SN", name: "Senegal", dialCode: "+221", flag: "🇸🇳" },
-  { code: "RS", name: "Serbia", dialCode: "+381", flag: "🇷🇸" },
-  { code: "SC", name: "Seychelles", dialCode: "+248", flag: "🇸🇨" },
-  { code: "SL", name: "Sierra Leone", dialCode: "+232", flag: "🇸🇱" },
-  { code: "SG", name: "Singapore", dialCode: "+65", flag: "🇸🇬" },
-  { code: "SK", name: "Slovakia", dialCode: "+421", flag: "🇸🇰" },
-  { code: "SI", name: "Slovenia", dialCode: "+386", flag: "🇸🇮" },
-  { code: "SB", name: "Solomon Islands", dialCode: "+677", flag: "🇸🇧" },
-  { code: "SO", name: "Somalia", dialCode: "+252", flag: "🇸🇴" },
-  { code: "ZA", name: "South Africa", dialCode: "+27", flag: "🇿🇦" },
-  { code: "GS", name: "South Georgia and the South Sandwich Islands", dialCode: "+500", flag: "🇬🇸" },
-  { code: "ES", name: "Spain", dialCode: "+34", flag: "🇪🇸" },
-  { code: "LK", name: "Sri Lanka", dialCode: "+94", flag: "🇱🇰" },
-  { code: "SD", name: "Sudan", dialCode: "+249", flag: "🇸🇩" },
-  { code: "SR", name: "Suriname", dialCode: "+597", flag: "🇸🇷" },
-  { code: "SJ", name: "Svalbard and Jan Mayen", dialCode: "+47", flag: "🇸🇯" },
-  { code: "SZ", name: "Swaziland", dialCode: "+268", flag: "🇸🇿" },
-  { code: "SE", name: "Sweden", dialCode: "+46", flag: "🇸🇪" },
-  { code: "CH", name: "Switzerland", dialCode: "+41", flag: "🇨🇭" },
-  { code: "SY", name: "Syrian Arab Republic", dialCode: "+963", flag: "🇸🇾" },
-  { code: "TW", name: "Taiwan, Province of China", dialCode: "+886", flag: "🇹🇼" },
-  { code: "TJ", name: "Tajikistan", dialCode: "+992", flag: "🇹🇯" },
-  { code: "TZ", name: "Tanzania, United Republic of", dialCode: "+255", flag: "🇹🇿" },
-  { code: "TH", name: "Thailand", dialCode: "+66", flag: "🇹🇭" },
-  { code: "TL", name: "Timor-Leste", dialCode: "+670", flag: "🇹🇱" },
-  { code: "TG", name: "Togo", dialCode: "+228", flag: "🇹🇬" },
-  { code: "TK", name: "Tokelau", dialCode: "+690", flag: "🇹🇰" },
-  { code: "TO", name: "Tonga", dialCode: "+676", flag: "🇹🇴" },
-  { code: "TT", name: "Trinidad and Tobago", dialCode: "+1868", flag: "🇹🇹" },
-  { code: "TN", name: "Tunisia", dialCode: "+216", flag: "🇹🇳" },
-  { code: "TR", name: "Turkey", dialCode: "+90", flag: "🇹🇷" },
-  { code: "TM", name: "Turkmenistan", dialCode: "+993", flag: "🇹🇲" },
-  { code: "TC", name: "Turks and Caicos Islands", dialCode: "+1649", flag: "🇹🇨" },
-  { code: "TV", name: "Tuvalu", dialCode: "+688", flag: "🇹🇻" },
-  { code: "UG", name: "Uganda", dialCode: "+256", flag: "🇺🇬" },
-  { code: "UA", name: "Ukraine", dialCode: "+380", flag: "🇺🇦" },
-  { code: "AE", name: "United Arab Emirates", dialCode: "+971", flag: "🇦🇪" },
-  { code: "GB", name: "United Kingdom", dialCode: "+44", flag: "🇬🇧" },
-  { code: "US", name: "United States", dialCode: "+1", flag: "🇺🇸" },
-  { code: "UY", name: "Uruguay", dialCode: "+598", flag: "🇺🇾" },
-  { code: "UZ", name: "Uzbekistan", dialCode: "+998", flag: "🇺🇿" },
-  { code: "VU", name: "Vanuatu", dialCode: "+678", flag: "🇻🇺" },
-  { code: "VE", name: "Venezuela", dialCode: "+58", flag: "🇻🇪" },
-  { code: "VN", name: "Vietnam", dialCode: "+84", flag: "🇻🇳" },
-  { code: "VG", name: "Virgin Islands, British", dialCode: "+1284", flag: "🇻🇬" },
-  { code: "VI", name: "Virgin Islands, U.S.", dialCode: "+1340", flag: "🇻🇮" },
-  { code: "WF", name: "Wallis and Futuna", dialCode: "+681", flag: "🇼🇫" },
-  { code: "EH", name: "Western Sahara", dialCode: "+212", flag: "🇪🇭" },
-  { code: "YE", name: "Yemen", dialCode: "+967", flag: "🇾🇪" },
-  { code: "ZM", name: "Zambia", dialCode: "+260", flag: "🇿🇲" },
-  { code: "ZW", name: "Zimbabwe", dialCode: "+263", flag: "🇿🇼" }
+  { code: "ID", name: "Indonesia", dialCode: "+62" },
+  { code: "AF", name: "Afghanistan", dialCode: "+93" },
+  { code: "AL", name: "Albania", dialCode: "+355" },
+  { code: "DZ", name: "Algeria", dialCode: "+213" },
+  { code: "AS", name: "American Samoa", dialCode: "+1684" },
+  { code: "AD", name: "Andorra", dialCode: "+376" },
+  { code: "AO", name: "Angola", dialCode: "+244" },
+  { code: "AI", name: "Anguilla", dialCode: "+1264" },
+  { code: "AG", name: "Antigua and Barbuda", dialCode: "+1268" },
+  { code: "AR", name: "Argentina", dialCode: "+54" },
+  { code: "AM", name: "Armenia", dialCode: "+374" },
+  { code: "AW", name: "Aruba", dialCode: "+297" },
+  { code: "AU", name: "Australia", dialCode: "+61" },
+  { code: "AT", name: "Austria", dialCode: "+43" },
+  { code: "AZ", name: "Azerbaijan", dialCode: "+994" },
+  { code: "BS", name: "Bahamas", dialCode: "+1242" },
+  { code: "BH", name: "Bahrain", dialCode: "+973" },
+  { code: "BD", name: "Bangladesh", dialCode: "+880" },
+  { code: "BB", name: "Barbados", dialCode: "+1246" },
+  { code: "BY", name: "Belarus", dialCode: "+375" },
+  { code: "BE", name: "Belgium", dialCode: "+32" },
+  { code: "BZ", name: "Belize", dialCode: "+501" },
+  { code: "BJ", name: "Benin", dialCode: "+229" },
+  { code: "BM", name: "Bermuda", dialCode: "+1441" },
+  { code: "BT", name: "Bhutan", dialCode: "+975" },
+  { code: "BO", name: "Bolivia", dialCode: "+591" },
+  { code: "BA", name: "Bosnia and Herzegovina", dialCode: "+387" },
+  { code: "BW", name: "Botswana", dialCode: "+267" },
+  { code: "BR", name: "Brazil", dialCode: "+55" },
+  { code: "IO", name: "British Indian Ocean Territory", dialCode: "+246" },
+  { code: "BN", name: "Brunei Darussalam", dialCode: "+673" },
+  { code: "BG", name: "Bulgaria", dialCode: "+359" },
+  { code: "BF", name: "Burkina Faso", dialCode: "+226" },
+  { code: "BI", name: "Burundi", dialCode: "+257" },
+  { code: "KH", name: "Cambodia", dialCode: "+855" },
+  { code: "CM", name: "Cameroon", dialCode: "+237" },
+  { code: "CA", name: "Canada", dialCode: "+1" },
+  { code: "CV", name: "Cape Verde", dialCode: "+238" },
+  { code: "KY", name: "Cayman Islands", dialCode: "+1345" },
+  { code: "CF", name: "Central African Republic", dialCode: "+236" },
+  { code: "TD", name: "Chad", dialCode: "+235" },
+  { code: "CL", name: "Chile", dialCode: "+56" },
+  { code: "CN", name: "China", dialCode: "+86" },
+  { code: "CX", name: "Christmas Island", dialCode: "+61" },
+  { code: "CC", name: "Cocos (Keeling) Islands", dialCode: "+61" },
+  { code: "CO", name: "Colombia", dialCode: "+57" },
+  { code: "KM", name: "Comoros", dialCode: "+269" },
+  { code: "CG", name: "Congo", dialCode: "+242" },
+  { code: "CD", name: "Congo, Democratic Republic of the", dialCode: "+243" },
+  { code: "CK", name: "Cook Islands", dialCode: "+682" },
+  { code: "CR", name: "Costa Rica", dialCode: "+506" },
+  { code: "CI", name: "Cote d'Ivoire", dialCode: "+225" },
+  { code: "HR", name: "Croatia", dialCode: "+385" },
+  { code: "CU", name: "Cuba", dialCode: "+53" },
+  { code: "CY", name: "Cyprus", dialCode: "+357" },
+  { code: "CZ", name: "Czech Republic", dialCode: "+420" },
+  { code: "DK", name: "Denmark", dialCode: "+45" },
+  { code: "DJ", name: "Djibouti", dialCode: "+253" },
+  { code: "DM", name: "Dominica", dialCode: "+1767" },
+  { code: "DO", name: "Dominican Republic", dialCode: "+1" },
+  { code: "EC", name: "Ecuador", dialCode: "+593" },
+  { code: "EG", name: "Egypt", dialCode: "+20" },
+  { code: "SV", name: "El Salvador", dialCode: "+503" },
+  { code: "GQ", name: "Equatorial Guinea", dialCode: "+240" },
+  { code: "ER", name: "Eritrea", dialCode: "+291" },
+  { code: "EE", name: "Estonia", dialCode: "+372" },
+  { code: "ET", name: "Ethiopia", dialCode: "+251" },
+  { code: "FK", name: "Falkland Islands (Malvinas)", dialCode: "+500" },
+  { code: "FO", name: "Faroe Islands", dialCode: "+298" },
+  { code: "FJ", name: "Fiji", dialCode: "+679" },
+  { code: "FI", name: "Finland", dialCode: "+358" },
+  { code: "FR", name: "France", dialCode: "+33" },
+  { code: "GF", name: "French Guiana", dialCode: "+594" },
+  { code: "PF", name: "French Polynesia", dialCode: "+689" },
+  { code: "GA", name: "Gabon", dialCode: "+241" },
+  { code: "GM", name: "Gambia", dialCode: "+220" },
+  { code: "GE", name: "Georgia", dialCode: "+995" },
+  { code: "DE", name: "Germany", dialCode: "+49" },
+  { code: "GH", name: "Ghana", dialCode: "+233" },
+  { code: "GI", name: "Gibraltar", dialCode: "+350" },
+  { code: "GR", name: "Greece", dialCode: "+30" },
+  { code: "GL", name: "Greenland", dialCode: "+299" },
+  { code: "GD", name: "Grenada", dialCode: "+1473" },
+  { code: "GP", name: "Guadeloupe", dialCode: "+590" },
+  { code: "GU", name: "Guam", dialCode: "+1671" },
+  { code: "GT", name: "Guatemala", dialCode: "+502" },
+  { code: "GG", name: "Guernsey", dialCode: "+44" },
+  { code: "GN", name: "Guinea", dialCode: "+224" },
+  { code: "GW", name: "Guinea-Bissau", dialCode: "+245" },
+  { code: "GY", name: "Guyana", dialCode: "+592" },
+  { code: "HT", name: "Haiti", dialCode: "+509" },
+  { code: "VA", name: "Holy See (Vatican City State)", dialCode: "+379" },
+  { code: "HN", name: "Honduras", dialCode: "+504" },
+  { code: "HK", name: "Hong Kong", dialCode: "+852" },
+  { code: "HU", name: "Hungary", dialCode: "+36" },
+  { code: "IS", name: "Iceland", dialCode: "+354" },
+  { code: "IN", name: "India", dialCode: "+91" },
+  { code: "IR", name: "Iran, Islamic Republic of", dialCode: "+98" },
+  { code: "IQ", name: "Iraq", dialCode: "+964" },
+  { code: "IE", name: "Ireland", dialCode: "+353" },
+  { code: "IM", name: "Isle of Man", dialCode: "+44" },
+  { code: "IL", name: "Israel", dialCode: "+972" },
+  { code: "IT", name: "Italy", dialCode: "+39" },
+  { code: "JM", name: "Jamaica", dialCode: "+1876" },
+  { code: "JP", name: "Japan", dialCode: "+81" },
+  { code: "JE", name: "Jersey", dialCode: "+44" },
+  { code: "JO", name: "Jordan", dialCode: "+962" },
+  { code: "KZ", name: "Kazakhstan", dialCode: "+7" },
+  { code: "KE", name: "Kenya", dialCode: "+254" },
+  { code: "KI", name: "Kiribati", dialCode: "+686" },
+  {
+    code: "KP",
+    name: "Korea, Democratic People's Republic of",
+    dialCode: "+850"
+  },
+  { code: "KR", name: "Korea, Republic of", dialCode: "+82" },
+  { code: "KW", name: "Kuwait", dialCode: "+965" },
+  { code: "KG", name: "Kyrgyzstan", dialCode: "+996" },
+  { code: "LA", name: "Lao People's Democratic Republic", dialCode: "+856" },
+  { code: "LV", name: "Latvia", dialCode: "+371" },
+  { code: "LB", name: "Lebanon", dialCode: "+961" },
+  { code: "LS", name: "Lesotho", dialCode: "+266" },
+  { code: "LR", name: "Liberia", dialCode: "+231" },
+  { code: "LY", name: "Libyan Arab Jamahiriya", dialCode: "+218" },
+  { code: "LI", name: "Liechtenstein", dialCode: "+423" },
+  { code: "LT", name: "Lithuania", dialCode: "+370" },
+  { code: "LU", name: "Luxembourg", dialCode: "+352" },
+  { code: "MO", name: "Macao", dialCode: "+853" },
+  {
+    code: "MK",
+    name: "Macedonia, the Former Yugoslav Republic of",
+    dialCode: "+389"
+  },
+  { code: "MG", name: "Madagascar", dialCode: "+261" },
+  { code: "MW", name: "Malawi", dialCode: "+265" },
+  { code: "MY", name: "Malaysia", dialCode: "+60" },
+  { code: "MV", name: "Maldives", dialCode: "+960" },
+  { code: "ML", name: "Mali", dialCode: "+223" },
+  { code: "MT", name: "Malta", dialCode: "+356" },
+  { code: "MH", name: "Marshall Islands", dialCode: "+692" },
+  { code: "MQ", name: "Martinique", dialCode: "+596" },
+  { code: "MR", name: "Mauritania", dialCode: "+222" },
+  { code: "MU", name: "Mauritius", dialCode: "+230" },
+  { code: "YT", name: "Mayotte", dialCode: "+262" },
+  { code: "MX", name: "Mexico", dialCode: "+52" },
+  { code: "FM", name: "Micronesia, Federated States of", dialCode: "+691" },
+  { code: "MD", name: "Moldova, Republic of", dialCode: "+373" },
+  { code: "MC", name: "Monaco", dialCode: "+377" },
+  { code: "MN", name: "Mongolia", dialCode: "+976" },
+  { code: "ME", name: "Montenegro", dialCode: "+382" },
+  { code: "MS", name: "Montserrat", dialCode: "+1664" },
+  { code: "MA", name: "Morocco", dialCode: "+212" },
+  { code: "MZ", name: "Mozambique", dialCode: "+258" },
+  { code: "MM", name: "Myanmar", dialCode: "+95" },
+  { code: "NA", name: "Namibia", dialCode: "+264" },
+  { code: "NR", name: "Nauru", dialCode: "+674" },
+  { code: "NP", name: "Nepal", dialCode: "+977" },
+  { code: "NL", name: "Netherlands", dialCode: "+31" },
+  { code: "NC", name: "New Caledonia", dialCode: "+687" },
+  { code: "NZ", name: "New Zealand", dialCode: "+64" },
+  { code: "NI", name: "Nicaragua", dialCode: "+505" },
+  { code: "NE", name: "Niger", dialCode: "+227" },
+  { code: "NG", name: "Nigeria", dialCode: "+234" },
+  { code: "NU", name: "Niue", dialCode: "+683" },
+  { code: "NF", name: "Norfolk Island", dialCode: "+672" },
+  { code: "MP", name: "Northern Mariana Islands", dialCode: "+1670" },
+  { code: "NO", name: "Norway", dialCode: "+47" },
+  { code: "OM", name: "Oman", dialCode: "+968" },
+  { code: "PK", name: "Pakistan", dialCode: "+92" },
+  { code: "PW", name: "Palau", dialCode: "+680" },
+  { code: "PS", name: "Palestine", dialCode: "+970" },
+  { code: "PA", name: "Panama", dialCode: "+507" },
+  { code: "PG", name: "Papua New Guinea", dialCode: "+675" },
+  { code: "PY", name: "Paraguay", dialCode: "+595" },
+  { code: "PE", name: "Peru", dialCode: "+51" },
+  { code: "PH", name: "Philippines", dialCode: "+63" },
+  { code: "PN", name: "Pitcairn", dialCode: "+870" },
+  { code: "PL", name: "Poland", dialCode: "+48" },
+  { code: "PT", name: "Portugal", dialCode: "+351" },
+  { code: "PR", name: "Puerto Rico", dialCode: "+1939" },
+  { code: "QA", name: "Qatar", dialCode: "+974" },
+  { code: "RE", name: "Reunion", dialCode: "+262" },
+  { code: "RO", name: "Romania", dialCode: "+40" },
+  { code: "RU", name: "Russian Federation", dialCode: "+7" },
+  { code: "RW", name: "Rwanda", dialCode: "+250" },
+  { code: "BL", name: "Saint Barthelemy", dialCode: "+590" },
+  { code: "SH", name: "Saint Helena", dialCode: "+290" },
+  { code: "KN", name: "Saint Kitts and Nevis", dialCode: "+1869" },
+  { code: "LC", name: "Saint Lucia", dialCode: "+1758" },
+  { code: "MF", name: "Saint Martin", dialCode: "+590" },
+  { code: "PM", name: "Saint Pierre and Miquelon", dialCode: "+508" },
+  { code: "VC", name: "Saint Vincent and the Grenadines", dialCode: "+1784" },
+  { code: "WS", name: "Samoa", dialCode: "+685" },
+  { code: "SM", name: "San Marino", dialCode: "+378" },
+  { code: "ST", name: "Sao Tome and Principe", dialCode: "+239" },
+  { code: "SA", name: "Saudi Arabia", dialCode: "+966" },
+  { code: "SN", name: "Senegal", dialCode: "+221" },
+  { code: "RS", name: "Serbia", dialCode: "+381" },
+  { code: "SC", name: "Seychelles", dialCode: "+248" },
+  { code: "SL", name: "Sierra Leone", dialCode: "+232" },
+  { code: "SG", name: "Singapore", dialCode: "+65" },
+  { code: "SK", name: "Slovakia", dialCode: "+421" },
+  { code: "SI", name: "Slovenia", dialCode: "+386" },
+  { code: "SB", name: "Solomon Islands", dialCode: "+677" },
+  { code: "SO", name: "Somalia", dialCode: "+252" },
+  { code: "ZA", name: "South Africa", dialCode: "+27" },
+  {
+    code: "GS",
+    name: "South Georgia and the South Sandwich Islands",
+    dialCode: "+500"
+  },
+  { code: "ES", name: "Spain", dialCode: "+34" },
+  { code: "LK", name: "Sri Lanka", dialCode: "+94" },
+  { code: "SD", name: "Sudan", dialCode: "+249" },
+  { code: "SR", name: "Suriname", dialCode: "+597" },
+  { code: "SJ", name: "Svalbard and Jan Mayen", dialCode: "+47" },
+  { code: "SZ", name: "Swaziland", dialCode: "+268" },
+  { code: "SE", name: "Sweden", dialCode: "+46" },
+  { code: "CH", name: "Switzerland", dialCode: "+41" },
+  { code: "SY", name: "Syrian Arab Republic", dialCode: "+963" },
+  { code: "TW", name: "Taiwan, Province of China", dialCode: "+886" },
+  { code: "TJ", name: "Tajikistan", dialCode: "+992" },
+  { code: "TZ", name: "Tanzania, United Republic of", dialCode: "+255" },
+  { code: "TH", name: "Thailand", dialCode: "+66" },
+  { code: "TL", name: "Timor-Leste", dialCode: "+670" },
+  { code: "TG", name: "Togo", dialCode: "+228" },
+  { code: "TK", name: "Tokelau", dialCode: "+690" },
+  { code: "TO", name: "Tonga", dialCode: "+676" },
+  { code: "TT", name: "Trinidad and Tobago", dialCode: "+1868" },
+  { code: "TN", name: "Tunisia", dialCode: "+216" },
+  { code: "TR", name: "Turkey", dialCode: "+90" },
+  { code: "TM", name: "Turkmenistan", dialCode: "+993" },
+  { code: "TC", name: "Turks and Caicos Islands", dialCode: "+1649" },
+  { code: "TV", name: "Tuvalu", dialCode: "+688" },
+  { code: "UG", name: "Uganda", dialCode: "+256" },
+  { code: "UA", name: "Ukraine", dialCode: "+380" },
+  { code: "AE", name: "United Arab Emirates", dialCode: "+971" },
+  { code: "GB", name: "United Kingdom", dialCode: "+44" },
+  { code: "US", name: "United States", dialCode: "+1" },
+  { code: "UY", name: "Uruguay", dialCode: "+598" },
+  { code: "UZ", name: "Uzbekistan", dialCode: "+998" },
+  { code: "VU", name: "Vanuatu", dialCode: "+678" },
+  { code: "VE", name: "Venezuela", dialCode: "+58" },
+  { code: "VN", name: "Vietnam", dialCode: "+84" },
+  { code: "VG", name: "Virgin Islands, British", dialCode: "+1284" },
+  { code: "VI", name: "Virgin Islands, U.S.", dialCode: "+1340" },
+  { code: "WF", name: "Wallis and Futuna", dialCode: "+681" },
+  { code: "EH", name: "Western Sahara", dialCode: "+212" },
+  { code: "YE", name: "Yemen", dialCode: "+967" },
+  { code: "ZM", name: "Zambia", dialCode: "+260" },
+  { code: "ZW", name: "Zimbabwe", dialCode: "+263" }
 ];
 function PhoneInput({
   label,
@@ -4491,7 +4505,17 @@ function PhoneInput({
             onClick: toggleCountryDropdown,
             disabled: disabled || readonly,
             children: [
-              /* @__PURE__ */ jsx("span", { className: "ina-phone-input__country-flag", children: selectedCountry.flag }),
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: `https://flagcdn.com/20x15/${selectedCountry.code.toLowerCase()}.png`,
+                  srcSet: `https://flagcdn.com/24x18/${selectedCountry.code.toLowerCase()}.png 2x`,
+                  alt: selectedCountry.name,
+                  className: "ina-phone-input__country-flag-img",
+                  width: "20",
+                  height: "15"
+                }
+              ),
               /* @__PURE__ */ jsx("span", { className: "ina-phone-input__country-code", children: selectedCountry.dialCode }),
               /* @__PURE__ */ jsx(
                 "svg",
@@ -4542,7 +4566,17 @@ function PhoneInput({
               ),
               onClick: () => selectCountry(country),
               children: [
-                /* @__PURE__ */ jsx("span", { className: "ina-phone-input__country-flag", children: country.flag }),
+                /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: `https://flagcdn.com/24x18/${country.code.toLowerCase()}.png`,
+                    srcSet: `https://flagcdn.com/48x36/${country.code.toLowerCase()}.png 2x`,
+                    alt: country.name,
+                    className: "ina-phone-input__country-flag-img",
+                    width: "24",
+                    height: "18"
+                  }
+                ),
                 /* @__PURE__ */ jsx("span", { className: "ina-phone-input__country-name", children: country.name }),
                 /* @__PURE__ */ jsx("span", { className: "ina-phone-input__country-dial-code", children: country.dialCode })
               ]