@chekinapp/ui 0.2.2 → 0.2.5

package/dist/index.cjs

@@ -36,6 +36,7 @@ __export(index_exports, {
   AccordionItem: () => AccordionItem,
   AccordionTrigger: () => AccordionTrigger,
   AirbnbDatePicker: () => AirbnbDatePicker,
+  AirbnbFieldHelperText: () => AirbnbFieldHelperText,
   AirbnbFieldTrigger: () => AirbnbFieldTrigger,
   AirbnbInput: () => AirbnbInput,
   AirbnbPhoneField: () => AirbnbPhoneField,
@@ -5862,7 +5863,6 @@ var translation_default = {
   close_other_application_that_may_be_using_your_camera: "\u0417\u0430\u0442\u0432\u0430\u0440\u044F\u043D\u0435 \u043D\u0430 \u0434\u0440\u0443\u0433\u0438 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F, \u043A\u043E\u0438\u0442\u043E \u043C\u043E\u0436\u0435 \u0434\u0430 \u0438\u0437\u043F\u043E\u043B\u0437\u0432\u0430\u0442 \u043A\u0430\u043C\u0435\u0440\u0430\u0442\u0430",
   if_you_use_external_camera_disconnect_and_reconnect: "\u0410\u043A\u043E \u0438\u0437\u043F\u043E\u043B\u0437\u0432\u0430\u0442\u0435 \u0432\u044A\u043D\u0448\u043D\u0430 \u043A\u0430\u043C\u0435\u0440\u0430, \u0438\u0437\u043A\u043B\u044E\u0447\u0435\u0442\u0435 \u044F \u0438 \u044F \u0441\u0432\u044A\u0440\u0436\u0435\u0442\u0435 \u043E\u0442\u043D\u043E\u0432\u043E",
   close_the_browser_re_open_it: "\u0417\u0430\u0442\u0432\u043E\u0440\u0435\u0442\u0435 \u0431\u0440\u0430\u0443\u0437\u044A\u0440\u0430 \u0438 \u0433\u043E \u043E\u0442\u0432\u043E\u0440\u0435\u0442\u0435 \u043E\u0442\u043D\u043E\u0432\u043E",
-  camera_permissions_denied: "\u041A\u0430\u043C\u0435\u0440\u0430\u0442\u0430 \u043D\u0435 \u0441\u0435 \u043E\u0442\u0432\u0430\u0440\u044F? \u0423\u0432\u0435\u0440\u0435\u0442\u0435 \u0441\u0435, \u0447\u0435 \u0441\u0442\u0435 \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u043B\u0438 \u043D\u0430 \u0431\u0440\u0430\u0443\u0437\u044A\u0440\u0430 \u0434\u0430 \u0438\u0437\u043F\u043E\u043B\u0437\u0432\u0430 \u043A\u0430\u043C\u0435\u0440\u0430\u0442\u0430.",
   camera_errors: {
     experiencing_camera_issues: "\u0418\u043C\u0430\u0442\u0435 \u043F\u0440\u043E\u0431\u043B\u0435\u043C\u0438 \u0441 \u043A\u0430\u043C\u0435\u0440\u0430\u0442\u0430?",
     chekin_cant_use_your_camera: "Chekin \u043D\u0435 \u043C\u043E\u0436\u0435 \u0434\u0430 \u0438\u0437\u043F\u043E\u043B\u0437\u0432\u0430 \u0432\u0430\u0448\u0430\u0442\u0430 \u043A\u0430\u043C\u0435\u0440\u0430",
@@ -5886,7 +5886,8 @@ var translation_default = {
   hide_password: "\u0421\u043A\u0440\u0438\u0432\u0430\u043D\u0435 \u043D\u0430 \u043F\u0430\u0440\u043E\u043B\u0430\u0442\u0430",
   increment: "\u0423\u0432\u0435\u043B\u0438\u0447\u0430\u0432\u0430\u043D\u0435 \u043D\u0430",
   decrement: "\u041D\u0430\u043C\u0430\u043B\u0435\u043D\u0438\u0435",
-  create_option: '\u0421\u044A\u0437\u0434\u0430\u0432\u0430\u043D\u0435 \u043D\u0430 "{{input}}"'
+  create_option: '\u0421\u044A\u0437\u0434\u0430\u0432\u0430\u043D\u0435 \u043D\u0430 "{{input}}"',
+  year_out_of_range: "\u0413\u043E\u0434\u0438\u043D\u0430\u0442\u0430 \u0442\u0440\u044F\u0431\u0432\u0430 \u0434\u0430 \u0435 \u043C\u0435\u0436\u0434\u0443 {{min}} \u0438 {{max}}"
 };
 
 // src/locales/ca/translation.json
@@ -5994,7 +5995,6 @@ var translation_default3 = {
   close_other_application_that_may_be_using_your_camera: "Zav\u0159en\xED dal\u0161\xEDch aplikac\xED, kter\xE9 mohou pou\u017E\xEDvat fotoapar\xE1t",
   if_you_use_external_camera_disconnect_and_reconnect: "Pokud pou\u017E\xEDv\xE1te extern\xED kameru, odpojte ji a znovu p\u0159ipojte.",
   close_the_browser_re_open_it: "Zav\u0159ete prohl\xED\u017Ee\u010D a znovu jej otev\u0159ete",
-  camera_permissions_denied: "Fotoapar\xE1t se neotev\u0159e? Ujist\u011Bte se, \u017Ee jste prohl\xED\u017Ee\u010Di povolili pou\u017E\xEDvat kameru.",
   camera_errors: {
     experiencing_camera_issues: "M\xE1te probl\xE9my s fotoapar\xE1tem?",
     chekin_cant_use_your_camera: "Chekin nem\u016F\u017Ee pou\u017E\xEDvat v\xE1\u0161 fotoapar\xE1t",
@@ -6018,7 +6018,8 @@ var translation_default3 = {
   hide_password: "Skr\xFDt heslo",
   increment: "P\u0159\xEDr\u016Fstek",
   decrement: "Sn\xED\u017Een\xED",
-  create_option: 'Vytvo\u0159it "{{input}}"'
+  create_option: 'Vytvo\u0159it "{{input}}"',
+  year_out_of_range: "Rok mus\xED b\xFDt mezi {{min}} a {{max}}."
 };
 
 // src/locales/de/translation.json
@@ -6123,7 +6124,6 @@ var translation_default4 = {
   close_other_application_that_may_be_using_your_camera: "Schlie\xDFen Sie andere Anwendungen, die m\xF6glicherweise Ihre Kamera verwenden",
   if_you_use_external_camera_disconnect_and_reconnect: "Wenn Sie eine externe Kamera verwenden, trennen Sie sie ab und schlie\xDFen Sie sie wieder an.",
   close_the_browser_re_open_it: "Schlie\xDFen Sie den Browser und \xF6ffnen Sie ihn erneut",
-  camera_permissions_denied: "Die Kamera l\xE4sst sich nicht \xF6ffnen? Stellen Sie sicher, dass Sie dem Browser die Verwendung der Kamera erlauben.",
   camera_errors: {
     experiencing_camera_issues: "Haben Sie Probleme mit der Kamera?",
     chekin_cant_use_your_camera: "Chekin kann deine Kamera nicht benutzen",
@@ -6147,7 +6147,8 @@ var translation_default4 = {
   hide_password: "Passwort verstecken",
   increment: "Inkrement",
   decrement: "Verkleinern",
-  create_option: 'Erstellen Sie "{{input}}".'
+  create_option: 'Erstellen Sie "{{input}}".',
+  year_out_of_range: "Das Jahr muss zwischen {{min}} und {{max}} liegen"
 };
 
 // src/locales/el/translation.json
@@ -6252,7 +6253,6 @@ var translation_default5 = {
   close_other_application_that_may_be_using_your_camera: "\u039A\u03BB\u03B5\u03AF\u03C3\u03C4\u03B5 \u03AC\u03BB\u03BB\u03B5\u03C2 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AD\u03C2 \u03C0\u03BF\u03C5 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03C7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03BF\u03CD\u03BD \u03C4\u03B7\u03BD \u03BA\u03AC\u03BC\u03B5\u03C1\u03AC \u03C3\u03B1\u03C2",
   if_you_use_external_camera_disconnect_and_reconnect: "\u0395\u03AC\u03BD \u03C7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C4\u03B5 \u03B5\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AE \u03BA\u03AC\u03BC\u03B5\u03C1\u03B1, \u03B1\u03C0\u03BF\u03C3\u03C5\u03BD\u03B4\u03AD\u03C3\u03C4\u03B5 \u03BA\u03B1\u03B9 \u03B5\u03C0\u03B1\u03BD\u03B1\u03C3\u03C5\u03BD\u03B4\u03AD\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD.",
   close_the_browser_re_open_it: "\u039A\u03BB\u03B5\u03AF\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C0\u03C1\u03CC\u03B3\u03C1\u03B1\u03BC\u03BC\u03B1 \u03C0\u03B5\u03C1\u03B9\u03AE\u03B3\u03B7\u03C3\u03B7\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03BD\u03BF\u03AF\u03BE\u03C4\u03B5 \u03C4\u03BF \u03BE\u03B1\u03BD\u03AC",
-  camera_permissions_denied: "\u0397 \u03BA\u03AC\u03BC\u03B5\u03C1\u03B1 \u03B4\u03B5\u03BD \u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9; \u0392\u03B5\u03B2\u03B1\u03B9\u03C9\u03B8\u03B5\u03AF\u03C4\u03B5 \u03CC\u03C4\u03B9 \u03B5\u03C0\u03B9\u03C4\u03C1\u03AD\u03C0\u03B5\u03C4\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03B3\u03C1\u03B1\u03BC\u03BC\u03B1 \u03C0\u03B5\u03C1\u03B9\u03AE\u03B3\u03B7\u03C3\u03B7\u03C2 \u03C4\u03B7\u03BD \u03AC\u03B4\u03B5\u03B9\u03B1 \u03C7\u03C1\u03AE\u03C3\u03B7\u03C2 \u03C4\u03B7\u03C2 \u03BA\u03AC\u03BC\u03B5\u03C1\u03B1\u03C2.",
   camera_errors: {
     experiencing_camera_issues: "\u0391\u03BD\u03C4\u03B9\u03BC\u03B5\u03C4\u03C9\u03C0\u03AF\u03B6\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03B2\u03BB\u03AE\u03BC\u03B1\u03C4\u03B1 \u03BC\u03B5 \u03C4\u03B7\u03BD \u03BA\u03AC\u03BC\u03B5\u03C1\u03B1;",
     chekin_cant_use_your_camera: "\u039F \u03A4\u03C3\u03AD\u03BA\u03B9\u03BD \u03B4\u03B5\u03BD \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03C7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03AE\u03C3\u03B5\u03B9 \u03C4\u03B7\u03BD \u03BA\u03AC\u03BC\u03B5\u03C1\u03AC \u03C3\u03B1\u03C2",
@@ -6276,7 +6276,8 @@ var translation_default5 = {
   hide_password: "\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 \u03BA\u03C9\u03B4\u03B9\u03BA\u03BF\u03CD \u03C0\u03C1\u03CC\u03C3\u03B2\u03B1\u03C3\u03B7\u03C2",
   increment: "\u0391\u03CD\u03BE\u03B7\u03C3\u03B7",
   decrement: "\u039C\u03B5\u03AF\u03C9\u03C3\u03B7",
-  create_option: '\u0394\u03B7\u03BC\u03B9\u03BF\u03C5\u03C1\u03B3\u03AE\u03C3\u03C4\u03B5 \u03C4\u03BF "{{input}}__"'
+  create_option: '\u0394\u03B7\u03BC\u03B9\u03BF\u03C5\u03C1\u03B3\u03AE\u03C3\u03C4\u03B5 \u03C4\u03BF "{{input}}__"',
+  year_out_of_range: "\u03A4\u03BF \u03AD\u03C4\u03BF\u03C2 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03B5\u03C4\u03B1\u03BE\u03CD {{min}} \u03BA\u03B1\u03B9 {{max}}"
 };
 
 // src/locales/en/translation.json
@@ -6375,13 +6376,13 @@ var translation_default6 = {
   date_range_min_days_error_other: "Range must be at least {{count}} days",
   past_dates: "Date cannot be before {{minDate}}",
   future_dates: "Date cannot be after {{maxDate}}",
+  year_out_of_range: "Year must be between {{min}} and {{max}}",
   signature_placeholder_text: "Sign inside this box.<br/> Use your finger.<br/> Tap to start.",
   open_devices_camera: "Open device's camera",
   place_document_inside_frame: "Place your document inside the frame",
   close_other_application_that_may_be_using_your_camera: "Close other applications that may be using your camera",
   if_you_use_external_camera_disconnect_and_reconnect: "If you use an external camera, disconnect and reconnect it",
   close_the_browser_re_open_it: "Close the browser and reopen it",
-  camera_permissions_denied: "The camera doesn't open? Make sure to allow the browser permission to use the camera.",
   camera_errors: {
     experiencing_camera_issues: "Experiencing camera issues?",
     chekin_cant_use_your_camera: "Chekin can't use your camera",
@@ -6510,7 +6511,6 @@ var translation_default7 = {
   close_other_application_that_may_be_using_your_camera: "Cierra otras aplicaciones que puedan estar utilizando tu c\xE1mara",
   if_you_use_external_camera_disconnect_and_reconnect: "Si utilizas una c\xE1mara externa, descon\xE9ctala y vuelve a conectarla",
   close_the_browser_re_open_it: "Cierre el navegador y vuelva a abrirlo",
-  camera_permissions_denied: "\xBFLa c\xE1mara no se abre? Aseg\xFArate de dar permiso al navegador para usar la c\xE1mara.",
   camera_errors: {
     experiencing_camera_issues: "\xBFTienes problemas con la c\xE1mara?",
     chekin_cant_use_your_camera: "Chekin no puede usar tu c\xE1mara",
@@ -6534,7 +6534,8 @@ var translation_default7 = {
   hide_password: "Ocultar contrase\xF1a",
   increment: "Incremento",
   decrement: "Disminuci\xF3n",
-  create_option: 'Crear "{{input}}"'
+  create_option: 'Crear "{{input}}"',
+  year_out_of_range: "El a\xF1o debe estar comprendido entre {{min}} y {{max}}."
 };
 
 // src/locales/et/translation.json
@@ -6639,7 +6640,6 @@ var translation_default8 = {
   close_other_application_that_may_be_using_your_camera: "Sulgege muud rakendused, mis v\xF5ivad kasutada teie kaamerat",
   if_you_use_external_camera_disconnect_and_reconnect: "Kui kasutate v\xE4list kaamerat, \xFChendage see lahti ja \xFChendage uuesti.",
   close_the_browser_re_open_it: "Sulgege brauser ja avage see uuesti",
-  camera_permissions_denied: "Kaamera ei avane? Veenduge, et lubate brauserile kaamera kasutamise loa.",
   camera_errors: {
     experiencing_camera_issues: "Kas teil on probleeme kaameraga?",
     chekin_cant_use_your_camera: "Chekin ei saa oma kaamerat kasutada",
@@ -6663,7 +6663,8 @@ var translation_default8 = {
   hide_password: "Peida parool",
   increment: "Inkrement",
   decrement: "V\xE4hendamine",
-  create_option: 'Loo "{{input}}".'
+  create_option: 'Loo "{{input}}".',
+  year_out_of_range: "Aasta peab olema {{min}} ja {{max}} vahel."
 };
 
 // src/locales/fr/translation.json
@@ -6768,7 +6769,6 @@ var translation_default9 = {
   close_other_application_that_may_be_using_your_camera: "Fermez les autres applications qui peuvent utiliser votre appareil photo",
   if_you_use_external_camera_disconnect_and_reconnect: "Si vous utilisez un appareil photo externe, d\xE9connectez-le et reconnectez-le",
   close_the_browser_re_open_it: "Fermer le navigateur et le rouvrir",
-  camera_permissions_denied: "L'appareil photo ne s'ouvre pas ? Veillez \xE0 autoriser le navigateur \xE0 utiliser l'appareil photo.",
   camera_errors: {
     experiencing_camera_issues: "Vous avez des probl\xE8mes avec l'appareil photo ?",
     chekin_cant_use_your_camera: "Chekin ne peut pas utiliser votre appareil photo",
@@ -6792,7 +6792,8 @@ var translation_default9 = {
   hide_password: "Cacher le mot de passe",
   increment: "Incr\xE9ment",
   decrement: "D\xE9croissance",
-  create_option: 'Cr\xE9er "{{input}}"'
+  create_option: 'Cr\xE9er "{{input}}"',
+  year_out_of_range: "L'ann\xE9e doit \xEAtre comprise entre {{min}} et {{max}}."
 };
 
 // src/locales/hu/translation.json
@@ -6897,7 +6898,6 @@ var translation_default10 = {
   close_other_application_that_may_be_using_your_camera: "Z\xE1rjon be m\xE1s alkalmaz\xE1sokat, amelyek esetleg a kamer\xE1t haszn\xE1lj\xE1k",
   if_you_use_external_camera_disconnect_and_reconnect: "Ha k\xFCls\u0151 kamer\xE1t haszn\xE1l, v\xE1lassza ki \xE9s csatlakoztassa \xFAjra.",
   close_the_browser_re_open_it: "Z\xE1rja be a b\xF6ng\xE9sz\u0151t, majd nyissa meg \xFAjra",
-  camera_permissions_denied: "A kamera nem ny\xEDlik ki? Gy\u0151z\u0151dj\xF6n meg r\xF3la, hogy enged\xE9lyezi a b\xF6ng\xE9sz\u0151 sz\xE1m\xE1ra a kamera haszn\xE1lat\xE1t.",
   camera_errors: {
     experiencing_camera_issues: "Kameraprobl\xE9m\xE1k?",
     chekin_cant_use_your_camera: "Chekin nem tudja haszn\xE1lni a kamer\xE1t",
@@ -6921,7 +6921,8 @@ var translation_default10 = {
   hide_password: "Jelsz\xF3 elrejt\xE9se",
   increment: "Inkrement\xE1l\xE1s",
   decrement: "Cs\xF6kkent\xE9s",
-  create_option: 'Hozzon l\xE9tre "{{input}}__"'
+  create_option: 'Hozzon l\xE9tre "{{input}}__"',
+  year_out_of_range: "Az \xE9vnek {{min}} \xE9s {{max}} k\xF6z\xF6tt kell lennie."
 };
 
 // src/locales/it/translation.json
@@ -7026,7 +7027,6 @@ var translation_default11 = {
   close_other_application_that_may_be_using_your_camera: "Chiudere altre applicazioni che potrebbero utilizzare la fotocamera",
   if_you_use_external_camera_disconnect_and_reconnect: "Se si utilizza una telecamera esterna, scollegarla e ricollegarla.",
   close_the_browser_re_open_it: "Chiudere il browser e riaprirlo",
-  camera_permissions_denied: "La fotocamera non si apre? Assicurarsi di autorizzare il browser a utilizzare la fotocamera.",
   camera_errors: {
     experiencing_camera_issues: "Problemi con la fotocamera?",
     chekin_cant_use_your_camera: "Chekin non pu\xF2 usare la macchina fotografica",
@@ -7050,7 +7050,8 @@ var translation_default11 = {
   hide_password: "Nascondere la password",
   increment: "Incremento",
   decrement: "Decremento",
-  create_option: 'Creare "{{input}}"'
+  create_option: 'Creare "{{input}}"',
+  year_out_of_range: "L'anno deve essere compreso tra {{min}} e {{max}}"
 };
 
 // src/locales/ko/translation.json
@@ -7155,7 +7156,6 @@ var translation_default12 = {
   close_other_application_that_may_be_using_your_camera: "\uCE74\uBA54\uB77C\uB97C \uC0AC\uC6A9\uD560 \uC218 \uC788\uB294 \uB2E4\uB978 \uC560\uD50C\uB9AC\uCF00\uC774\uC158\uC744 \uB2EB\uC2B5\uB2C8\uB2E4.",
   if_you_use_external_camera_disconnect_and_reconnect: "\uC678\uBD80 \uCE74\uBA54\uB77C\uB97C \uC0AC\uC6A9\uD558\uB294 \uACBD\uC6B0 \uC5F0\uACB0\uC744 \uB04A\uC5C8\uB2E4\uAC00 \uB2E4\uC2DC \uC5F0\uACB0\uD558\uC138\uC694.",
   close_the_browser_re_open_it: "\uBE0C\uB77C\uC6B0\uC800\uB97C \uB2EB\uC558\uB2E4\uAC00 \uB2E4\uC2DC \uC5F4\uAE30",
-  camera_permissions_denied: "\uCE74\uBA54\uB77C\uAC00 \uC5F4\uB9AC\uC9C0 \uC54A\uB098\uC694? \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uCE74\uBA54\uB77C \uC0AC\uC6A9 \uAD8C\uD55C\uC744 \uD5C8\uC6A9\uD588\uB294\uC9C0 \uD655\uC778\uD558\uC138\uC694.",
   camera_errors: {
     experiencing_camera_issues: "\uCE74\uBA54\uB77C \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD588\uB098\uC694?",
     chekin_cant_use_your_camera: "Chekin\uC774 \uCE74\uBA54\uB77C\uB97C \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.",
@@ -7179,7 +7179,8 @@ var translation_default12 = {
   hide_password: "\uBE44\uBC00\uBC88\uD638 \uC228\uAE30\uAE30",
   increment: "\uC99D\uBD84",
   decrement: "\uAC10\uC18C",
-  create_option: '"{{input}}" \uB9CC\uB4E4\uAE30'
+  create_option: '"{{input}}" \uB9CC\uB4E4\uAE30',
+  year_out_of_range: "\uC5F0\uB3C4\uB294 {{min}}\uC5D0\uC11C {{max}} \uC0AC\uC774\uC5EC\uC57C \uD569\uB2C8\uB2E4."
 };
 
 // src/locales/nl/translation.json
@@ -7284,7 +7285,6 @@ var translation_default13 = {
   close_other_application_that_may_be_using_your_camera: "Sluit andere toepassingen die mogelijk gebruikmaken van uw camera",
   if_you_use_external_camera_disconnect_and_reconnect: "Als u een externe camera gebruikt, koppelt u deze los en sluit u deze weer aan.",
   close_the_browser_re_open_it: "Sluit de browser en open deze opnieuw",
-  camera_permissions_denied: "De camera opent niet? Zorg ervoor dat de browser toestemming geeft om de camera te gebruiken.",
   camera_errors: {
     experiencing_camera_issues: "Problemen met de camera?",
     chekin_cant_use_your_camera: "Chekin kan je camera niet gebruiken",
@@ -7308,7 +7308,8 @@ var translation_default13 = {
   hide_password: "Wachtwoord verbergen",
   increment: "Verhoging",
   decrement: "Afname",
-  create_option: 'Maak "{{input}}" aan.'
+  create_option: 'Maak "{{input}}" aan.',
+  year_out_of_range: "Het jaar moet liggen tussen {{min}} en {{max}}"
 };
 
 // src/locales/pl/translation.json
@@ -7413,7 +7414,6 @@ var translation_default14 = {
   close_other_application_that_may_be_using_your_camera: "Zamknij inne aplikacje, kt\xF3re mog\u0105 korzysta\u0107 z kamery",
   if_you_use_external_camera_disconnect_and_reconnect: "Je\u015Bli u\u017Cywasz kamery zewn\u0119trznej, od\u0142\u0105cz j\u0105 i pod\u0142\u0105cz ponownie",
   close_the_browser_re_open_it: "Zamknij przegl\u0105dark\u0119 i otw\xF3rz j\u0105 ponownie",
-  camera_permissions_denied: "Kamera nie otwiera si\u0119? Upewnij si\u0119, \u017Ce zezwolono przegl\u0105darce na korzystanie z kamery.",
   camera_errors: {
     experiencing_camera_issues: "Problemy z kamer\u0105?",
     chekin_cant_use_your_camera: "Chekin nie mo\u017Ce u\u017Cywa\u0107 kamery",
@@ -7437,7 +7437,8 @@ var translation_default14 = {
   hide_password: "Ukryj has\u0142o",
   increment: "Przyrost",
   decrement: "Spadek",
-  create_option: 'Utw\xF3rz "{{input}}"'
+  create_option: 'Utw\xF3rz "{{input}}"',
+  year_out_of_range: "Rok musi zawiera\u0107 si\u0119 w przedziale od {{min}} do {{max}}."
 };
 
 // src/locales/pt/translation.json
@@ -7542,7 +7543,6 @@ var translation_default15 = {
   close_other_application_that_may_be_using_your_camera: "Fechar outras aplica\xE7\xF5es que possam estar a utilizar a sua c\xE2mara",
   if_you_use_external_camera_disconnect_and_reconnect: "Se utilizar uma c\xE2mara externa, desligue-a e volte a lig\xE1-la",
   close_the_browser_re_open_it: "Fechar o browser e voltar a abri-lo",
-  camera_permissions_denied: "A c\xE2mara n\xE3o abre? Certifique-se de que d\xE1 permiss\xE3o ao browser para utilizar a c\xE2mara.",
   camera_errors: {
     experiencing_camera_issues: "Est\xE1 a ter problemas com a c\xE2mara?",
     chekin_cant_use_your_camera: "Chekin n\xE3o pode usar a sua c\xE2mara",
@@ -7566,7 +7566,8 @@ var translation_default15 = {
   hide_password: "Ocultar palavra-passe",
   increment: "Incremento",
   decrement: "Diminui\xE7\xE3o",
-  create_option: 'Criar "{{input}}"'
+  create_option: 'Criar "{{input}}"',
+  year_out_of_range: "O ano deve estar compreendido entre {{min}} e {{max}}"
 };
 
 // src/locales/ro/translation.json
@@ -7671,7 +7672,6 @@ var translation_default16 = {
   close_other_application_that_may_be_using_your_camera: "\xCEnchide\u021Bi alte aplica\u021Bii care pot utiliza camera dvs.",
   if_you_use_external_camera_disconnect_and_reconnect: "Dac\u0103 utiliza\u021Bi o camer\u0103 extern\u0103, deconecta\u021Bi-o \u0219i reconecta\u021Bi-o",
   close_the_browser_re_open_it: "\xCEnchide\u021Bi browserul \u0219i redeschide\u021Bi-l",
-  camera_permissions_denied: "Camera nu se deschide? Asigura\u021Bi-v\u0103 c\u0103 acorda\u021Bi browserului permisiunea de a utiliza camera.",
   camera_errors: {
     experiencing_camera_issues: "Ave\u021Bi probleme cu camera foto?",
     chekin_cant_use_your_camera: "Chekin nu-\u021Bi poate folosi camera",
@@ -7695,7 +7695,8 @@ var translation_default16 = {
   hide_password: "Ascunde\u021Bi parola",
   increment: "Increment",
   decrement: "Diminuare",
-  create_option: 'Crea\u021Bi "{{input}}"'
+  create_option: 'Crea\u021Bi "{{input}}"',
+  year_out_of_range: "Anul trebuie s\u0103 fie \xEEntre {{min}} \u0219i {{max}}"
 };
 
 // src/locales/ru/translation.json
@@ -7800,7 +7801,6 @@ var translation_default17 = {
   close_other_application_that_may_be_using_your_camera: "\u0417\u0430\u043A\u0440\u043E\u0439\u0442\u0435 \u0434\u0440\u0443\u0433\u0438\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043C\u043E\u0433\u0443\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0432\u0430\u0448\u0443 \u043A\u0430\u043C\u0435\u0440\u0443",
   if_you_use_external_camera_disconnect_and_reconnect: "\u0415\u0441\u043B\u0438 \u0432\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0435 \u0432\u043D\u0435\u0448\u043D\u044E\u044E \u043A\u0430\u043C\u0435\u0440\u0443, \u043E\u0442\u0441\u043E\u0435\u0434\u0438\u043D\u0438\u0442\u0435 \u0438 \u0441\u043D\u043E\u0432\u0430 \u043F\u043E\u0434\u0441\u043E\u0435\u0434\u0438\u043D\u0438\u0442\u0435 \u0435\u0435",
   close_the_browser_re_open_it: "\u0417\u0430\u043A\u0440\u043E\u0439\u0442\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0438 \u043E\u0442\u043A\u0440\u043E\u0439\u0442\u0435 \u0435\u0433\u043E \u0441\u043D\u043E\u0432\u0430",
-  camera_permissions_denied: "\u041A\u0430\u043C\u0435\u0440\u0430 \u043D\u0435 \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F? \u0423\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044C, \u0447\u0442\u043E \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u043B\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u043A\u0430\u043C\u0435\u0440\u0443.",
   camera_errors: {
     experiencing_camera_issues: "\u0418\u0441\u043F\u044B\u0442\u044B\u0432\u0430\u0435\u0442\u0435 \u043F\u0440\u043E\u0431\u043B\u0435\u043C\u044B \u0441 \u043A\u0430\u043C\u0435\u0440\u043E\u0439?",
     chekin_cant_use_your_camera: "\u0427\u0435\u043A\u0438\u043D \u043D\u0435 \u043C\u043E\u0436\u0435\u0442 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u0432\u0430\u0448\u0435\u0439 \u043A\u0430\u043C\u0435\u0440\u043E\u0439",
@@ -7824,7 +7824,8 @@ var translation_default17 = {
   hide_password: "\u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C",
   increment: "\u0418\u043D\u043A\u0440\u0435\u043C\u0435\u043D\u0442",
   decrement: "\u0423\u043C\u0435\u043D\u044C\u0448\u0435\u043D\u0438\u0435",
-  create_option: '\u0421\u043E\u0437\u0434\u0430\u0439\u0442\u0435 "{{input}}"'
+  create_option: '\u0421\u043E\u0437\u0434\u0430\u0439\u0442\u0435 "{{input}}"',
+  year_out_of_range: "\u0413\u043E\u0434 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043C\u0435\u0436\u0434\u0443 {{min}} \u0438 {{max}}"
 };
 
 // src/locales/uk/translation.json
@@ -7929,7 +7930,6 @@ var translation_default18 = {
   close_other_application_that_may_be_using_your_camera: "\u0417\u0430\u043A\u0440\u0438\u0439\u0442\u0435 \u0456\u043D\u0448\u0456 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u0438, \u044F\u043A\u0456 \u043C\u043E\u0436\u0443\u0442\u044C \u0432\u0438\u043A\u043E\u0440\u0438\u0441\u0442\u043E\u0432\u0443\u0432\u0430\u0442\u0438 \u043A\u0430\u043C\u0435\u0440\u0443",
   if_you_use_external_camera_disconnect_and_reconnect: "\u042F\u043A\u0449\u043E \u0432\u0438 \u0432\u0438\u043A\u043E\u0440\u0438\u0441\u0442\u043E\u0432\u0443\u0454\u0442\u0435 \u0437\u043E\u0432\u043D\u0456\u0448\u043D\u044E \u043A\u0430\u043C\u0435\u0440\u0443, \u0432\u0456\u0434'\u0454\u0434\u043D\u0430\u0439\u0442\u0435 \u0442\u0430 \u0437\u043D\u043E\u0432\u0443 \u043F\u0456\u0434'\u0454\u0434\u043D\u0430\u0439\u0442\u0435 \u0457\u0457",
   close_the_browser_re_open_it: "\u0417\u0430\u043A\u0440\u0438\u0439\u0442\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0456 \u0432\u0456\u0434\u043A\u0440\u0438\u0439\u0442\u0435 \u0439\u043E\u0433\u043E \u0437\u043D\u043E\u0432\u0443",
-  camera_permissions_denied: "\u041A\u0430\u043C\u0435\u0440\u0430 \u043D\u0435 \u0432\u0456\u0434\u043A\u0440\u0438\u0432\u0430\u0454\u0442\u044C\u0441\u044F? \u041F\u0435\u0440\u0435\u043A\u043E\u043D\u0430\u0439\u0442\u0435\u0441\u044F, \u0449\u043E \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043C\u0430\u0454 \u0434\u043E\u0437\u0432\u0456\u043B \u043D\u0430 \u0432\u0438\u043A\u043E\u0440\u0438\u0441\u0442\u0430\u043D\u043D\u044F \u043A\u0430\u043C\u0435\u0440\u0438.",
   camera_errors: {
     experiencing_camera_issues: "\u0412\u0438\u043D\u0438\u043A\u0430\u044E\u0442\u044C \u043F\u0440\u043E\u0431\u043B\u0435\u043C\u0438 \u0437 \u043A\u0430\u043C\u0435\u0440\u043E\u044E?",
     chekin_cant_use_your_camera: "\u0427\u0435\u043A\u0456\u043D \u043D\u0435 \u043C\u043E\u0436\u0435 \u043A\u043E\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0442\u0438\u0441\u044F \u0442\u0432\u043E\u0454\u044E \u043A\u0430\u043C\u0435\u0440\u043E\u044E",
@@ -7953,7 +7953,8 @@ var translation_default18 = {
   hide_password: "\u041F\u0440\u0438\u0445\u043E\u0432\u0430\u0442\u0438 \u043F\u0430\u0440\u043E\u043B\u044C",
   increment: "\u041F\u0440\u0438\u0440\u0456\u0441\u0442",
   decrement: "\u0414\u0435\u043A\u0440\u0435\u0442",
-  create_option: '\u0421\u0442\u0432\u043E\u0440\u0456\u0442\u044C "{{input}}"'
+  create_option: '\u0421\u0442\u0432\u043E\u0440\u0456\u0442\u044C "{{input}}"',
+  year_out_of_range: "\u0420\u0456\u043A \u043F\u043E\u0432\u0438\u043D\u0435\u043D \u0431\u0443\u0442\u0438 \u043C\u0456\u0436 {{min}} \u0442\u0430 {{max}}."
 };
 
 // src/i18n/resources.ts
@@ -9956,7 +9957,7 @@ function TooltipInfo({ content, className }) {
       side: "right",
       content,
       contentClassName: "max-w-64",
-      className: cn("text-[var(--chekin-color-gray-1)]", className),
+      className: cn("text-[var(--section-tooltip-color)]", className),
       onClick: (event) => event.stopPropagation(),
       label: typeof content === "string" ? content : "More information"
     }
@@ -9996,19 +9997,19 @@ var Section = (0, import_react68.forwardRef)(
               "div",
               {
                 className: cn(
-                  "flex max-w-[85%] items-center text-lg font-bold text-[var(--chekin-color-brand-navy)] md:max-w-full",
+                  "flex max-w-[85%] items-center text-lg font-bold text-[var(--section-title-color)] md:max-w-full",
                   size !== 0 /* L */ && "subsection-title",
                   titleClassName
                 ),
                 children: [
                   title,
                   titleTooltip && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "ml-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TooltipInfo, { content: titleTooltip }) }),
-                  linkContent && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "ml-6 text-sm font-semibold text-[var(--chekin-color-brand-blue)] no-underline hover:opacity-70 active:opacity-100", children: linkContent })
+                  linkContent && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "ml-6 text-sm font-semibold text-[var(--section-link-color)] no-underline hover:opacity-70 active:opacity-100", children: linkContent })
                 ]
               }
             ),
             subtitle && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "inline text-base font-normal text-[var(--chekin-color-gray-1)]", children: subtitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "inline text-base font-normal text-[var(--section-subtitle-color)]", children: subtitle }),
               subtitleTooltip && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TooltipInfo, { content: subtitleTooltip }) })
             ] })
           ] }),
@@ -17496,7 +17497,7 @@ var Textarea = React61.forwardRef(function Textarea2({
 });
 
 // src/fields/datepicker/Datepicker.tsx
-var React63 = __toESM(require("react"), 1);
+var React64 = __toESM(require("react"), 1);
 var import_lucide_react50 = require("lucide-react");
 var import_react_i18next38 = require("react-i18next");
 
@@ -18144,6 +18145,142 @@ function AirbnbDatePickerContent({
   ) });
 }
 
+// src/fields/datepicker/useMonthCombobox.ts
+var React63 = __toESM(require("react"), 1);
+function useMonthCombobox({
+  monthLabels,
+  monthIndex,
+  isFieldFocused,
+  disabled,
+  onSelect,
+  onCommit,
+  onClear
+}) {
+  const [isOpen, setIsOpen] = React63.useState(false);
+  const [inputValue, setInputValue] = React63.useState("");
+  const [highlightIndex, setHighlightIndex] = React63.useState(-1);
+  const labelFor = React63.useCallback(
+    (index) => index !== null ? monthLabels[index] ?? "" : "",
+    [monthLabels]
+  );
+  React63.useEffect(() => {
+    if (isFieldFocused) return;
+    setInputValue(labelFor(monthIndex));
+  }, [monthIndex, labelFor, isFieldFocused]);
+  const filteredMonths = React63.useMemo(() => {
+    const all = monthLabels.map((label, index) => ({ label, index }));
+    const query = inputValue.trim().toLowerCase();
+    if (!query || inputValue === labelFor(monthIndex)) return all;
+    return all.filter((option) => option.label.toLowerCase().includes(query));
+  }, [inputValue, monthIndex, monthLabels, labelFor]);
+  React63.useEffect(() => {
+    if (!isOpen) {
+      setHighlightIndex(-1);
+      return;
+    }
+    if (monthIndex !== null) {
+      const index = filteredMonths.findIndex((option) => option.index === monthIndex);
+      if (index >= 0) {
+        setHighlightIndex(index);
+        return;
+      }
+    }
+    setHighlightIndex(filteredMonths.length > 0 ? 0 : -1);
+  }, [isOpen, filteredMonths.length]);
+  const selectMonth = React63.useCallback(
+    (index) => {
+      setInputValue(labelFor(index));
+      setIsOpen(false);
+      onSelect(index);
+    },
+    [labelFor, onSelect]
+  );
+  const commitInput = React63.useCallback(() => {
+    const query = inputValue.trim().toLowerCase();
+    if (!query) {
+      if (monthIndex !== null) onClear();
+      setInputValue("");
+      return;
+    }
+    const exactMatch = monthLabels.findIndex((label) => label.toLowerCase() === query);
+    if (exactMatch >= 0) {
+      if (exactMatch !== monthIndex) onCommit(exactMatch);
+      setInputValue(labelFor(exactMatch));
+      return;
+    }
+    setInputValue(labelFor(monthIndex));
+  }, [inputValue, monthIndex, monthLabels, labelFor, onClear, onCommit]);
+  const handleInputChange = React63.useCallback(
+    (event) => {
+      setInputValue(event.target.value);
+      setIsOpen(true);
+      setHighlightIndex(0);
+    },
+    []
+  );
+  const handleInputKeyDown = React63.useCallback(
+    (event) => {
+      if (disabled) return;
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setIsOpen(true);
+        setHighlightIndex(
+          (prev) => filteredMonths.length === 0 ? -1 : Math.min(prev + 1, filteredMonths.length - 1)
+        );
+        return;
+      }
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setIsOpen(true);
+        setHighlightIndex((prev) => Math.max(prev - 1, 0));
+        return;
+      }
+      if (event.key === "Enter") {
+        if (!isOpen) return;
+        event.preventDefault();
+        const target = filteredMonths[highlightIndex];
+        if (target) {
+          selectMonth(target.index);
+        } else {
+          commitInput();
+        }
+        return;
+      }
+      if (event.key === "Escape") {
+        event.preventDefault();
+        setIsOpen(false);
+        setInputValue(labelFor(monthIndex));
+        return;
+      }
+      if (event.key === "Tab") {
+        setIsOpen(false);
+      }
+    },
+    [
+      commitInput,
+      disabled,
+      filteredMonths,
+      highlightIndex,
+      isOpen,
+      labelFor,
+      monthIndex,
+      selectMonth
+    ]
+  );
+  return {
+    isOpen,
+    setIsOpen,
+    inputValue,
+    highlightIndex,
+    setHighlightIndex,
+    filteredMonths,
+    selectMonth,
+    commitInput,
+    handleInputChange,
+    handleInputKeyDown
+  };
+}
+
 // src/fields/datepicker/Datepicker.tsx
 var import_jsx_runtime174 = require("react/jsx-runtime");
 var MONTHS_IN_YEAR2 = 12;
@@ -18155,13 +18292,33 @@ function getMonthLabels2(locale) {
   );
 }
 var DAY_PATTERN = /^([1-9]|[12]\d|3[01])$/;
-var PARTIAL_DAY_PATTERN = /^[0-9]{0,2}$/;
+var PARTIAL_DAY_PATTERN = /^([0-9]|0[1-9]|[12]\d|3[01])?$/;
 var PARTIAL_YEAR_PATTERN = /^[0-9]{0,4}$/;
-var FULL_YEAR_PATTERN = /^(19|20)\d{2}$/;
+var COMPLETE_YEAR_PATTERN = /^\d{4}$/;
+var MIN_YEAR_OFFSET = 120;
+var MAX_YEAR_OFFSET = 50;
+function getYearBounds() {
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  return {
+    minYear: currentYear - MIN_YEAR_OFFSET,
+    maxYear: currentYear + MAX_YEAR_OFFSET
+  };
+}
 function isValidCalendarDate(year, monthIndex, day) {
   const date = new Date(year, monthIndex, day);
   return date.getFullYear() === year && date.getMonth() === monthIndex && date.getDate() === day;
 }
+function getDaysInMonth2(monthIndex, year) {
+  const yearNum = COMPLETE_YEAR_PATTERN.test(year) ? parseInt(year, 10) : 2024;
+  return new Date(yearNum, monthIndex + 1, 0).getDate();
+}
+function clampDayToMonth(day, monthIndex, year) {
+  if (!day || monthIndex === null) return day;
+  const dayNum = parseInt(day, 10);
+  if (Number.isNaN(dayNum)) return day;
+  const max = getDaysInMonth2(monthIndex, year);
+  return dayNum > max ? String(max) : day;
+}
 function partsFromDate(date) {
   if (!date) return { day: "", monthIndex: null, year: "" };
   return {
@@ -18170,15 +18327,23 @@ function partsFromDate(date) {
     year: String(date.getFullYear())
   };
 }
-function dateFromParts(day, monthIndex, year) {
+function datepickerDatesEqual(a, b) {
+  if (a === null || b === null) return a === b;
+  return a.getTime() === b.getTime();
+}
+function isYearInRange(yearNum, minYear, maxYear) {
+  return yearNum >= minYear && yearNum <= maxYear;
+}
+function dateFromParts(day, monthIndex, year, minYear, maxYear) {
   if (!day || monthIndex === null || !year) return null;
-  if (!DAY_PATTERN.test(day) || !FULL_YEAR_PATTERN.test(year)) return null;
+  if (!DAY_PATTERN.test(day) || !COMPLETE_YEAR_PATTERN.test(year)) return null;
   const dayNum = parseInt(day, 10);
   const yearNum = parseInt(year, 10);
+  if (!isYearInRange(yearNum, minYear, maxYear)) return null;
   if (!isValidCalendarDate(yearNum, monthIndex, dayNum)) return null;
   return new Date(yearNum, monthIndex, dayNum);
 }
-var Datepicker = React63.forwardRef(
+var Datepicker = React64.forwardRef(
   function Datepicker2({
     label,
     value,
@@ -18211,133 +18376,154 @@ var Datepicker = React63.forwardRef(
     maxDate,
     formatValue
   }, ref) {
-    const containerRef = React63.useRef(null);
-    const dayInputRef = React63.useRef(null);
-    const monthInputRef = React63.useRef(null);
-    const monthListRef = React63.useRef(null);
-    const yearInputRef = React63.useRef(null);
-    const mobileTriggerRef = React63.useRef(null);
-    const wheelBaseId = React63.useId();
-    const reactId = React63.useId();
+    const containerRef = React64.useRef(null);
+    const dayInputRef = React64.useRef(null);
+    const monthInputRef = React64.useRef(null);
+    const yearInputRef = React64.useRef(null);
+    const mobileTriggerRef = React64.useRef(null);
+    const reactId = React64.useId();
     const baseId = name ?? `dash-datepicker-${reactId}`;
     const dayId = `${baseId}-day`;
     const monthId = `${baseId}-month`;
     const yearId = `${baseId}-year`;
     const labelId = `${baseId}-label`;
     const errorId = `${baseId}-error`;
+    const wheelBaseId = `${baseId}-wheel`;
     const { t, i18n } = (0, import_react_i18next38.useTranslation)();
     const resolvedLocale = locale ?? i18n.resolvedLanguage ?? i18n.language ?? "en-US";
-    const resolvedMonthLabels = React63.useMemo(
+    const resolvedMonthLabels = React64.useMemo(
       () => monthLabels ?? getMonthLabels2(resolvedLocale),
       [resolvedLocale, monthLabels]
     );
     const resolvedMonthPlaceholder = monthPlaceholder ?? t("month");
     const resolvedDoneLabel = doneLabel ?? t("done");
     const isControlled = value !== void 0;
-    const initialParts = React63.useMemo(
+    const initialParts = React64.useMemo(
       () => partsFromDate(value ?? defaultValue ?? null),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    const [day, setDay] = React63.useState(initialParts.day);
-    const [monthIndex, setMonthIndex] = React63.useState(
+    const [day, setDay] = React64.useState(initialParts.day);
+    const [monthIndex, setMonthIndex] = React64.useState(
       initialParts.monthIndex
     );
-    const [year, setYear] = React63.useState(initialParts.year);
-    const [isMonthOpen, setIsMonthOpen] = React63.useState(false);
-    const [isWheelOpen, setIsWheelOpen] = React63.useState(false);
-    const [focusedField, setFocusedField] = React63.useState(null);
-    const [monthInputValue, setMonthInputValue] = React63.useState("");
-    const [monthHighlightIndex, setMonthHighlightIndex] = React63.useState(-1);
+    const [year, setYear] = React64.useState(initialParts.year);
+    const [isWheelOpen, setIsWheelOpen] = React64.useState(false);
+    const [focusedField, setFocusedField] = React64.useState(null);
     const isMobile3 = useIsMobile();
-    const emitChangeRef = React63.useRef(() => {
+    const emitChangeRef = React64.useRef(() => {
     });
-    const dayStateRef = React63.useRef(day);
-    const yearStateRef = React63.useRef(year);
-    const monthIndexRef = React63.useRef(monthIndex);
+    const lastEmittedRef = React64.useRef(value ?? null);
+    const dayStateRef = React64.useRef(day);
+    const yearStateRef = React64.useRef(year);
+    const monthIndexRef = React64.useRef(monthIndex);
     dayStateRef.current = day;
     yearStateRef.current = year;
     monthIndexRef.current = monthIndex;
-    React63.useImperativeHandle(
+    React64.useImperativeHandle(
       ref,
       () => ({
         getDayValue: () => dayStateRef.current,
         getYearValue: () => yearStateRef.current,
         setDayValue: (next) => {
           if (!PARTIAL_DAY_PATTERN.test(next)) return;
+          const month = monthIndexRef.current;
+          if (month !== null && next && parseInt(next, 10) > getDaysInMonth2(month, yearStateRef.current)) {
+            return;
+          }
           setDay(next);
-          emitChangeRef.current(next, monthIndexRef.current, yearStateRef.current);
+          emitChangeRef.current(next, month, yearStateRef.current);
         },
         setYearValue: (next) => {
           if (!PARTIAL_YEAR_PATTERN.test(next)) return;
+          const clampedDay = clampDayToMonth(
+            dayStateRef.current,
+            monthIndexRef.current,
+            next
+          );
+          if (clampedDay !== dayStateRef.current) setDay(clampedDay);
           setYear(next);
-          emitChangeRef.current(dayStateRef.current, monthIndexRef.current, next);
+          emitChangeRef.current(clampedDay, monthIndexRef.current, next);
         }
       }),
       []
     );
-    React63.useEffect(() => {
+    React64.useEffect(() => {
       if (!isControlled) return;
-      const next = partsFromDate(value ?? null);
+      const incoming = value ?? null;
+      if (datepickerDatesEqual(incoming, lastEmittedRef.current)) return;
+      lastEmittedRef.current = incoming;
+      const next = partsFromDate(incoming);
       setDay(next.day);
       setMonthIndex(next.monthIndex);
       setYear(next.year);
     }, [isControlled, value]);
-    React63.useEffect(() => {
-      if (focusedField === "month") return;
-      setMonthInputValue(
-        monthIndex !== null ? resolvedMonthLabels[monthIndex] ?? "" : ""
-      );
-    }, [monthIndex, resolvedMonthLabels, focusedField]);
-    const filteredMonths = React63.useMemo(() => {
-      const all = resolvedMonthLabels.map((label2, index) => ({ label: label2, index }));
-      const query = monthInputValue.trim().toLowerCase();
-      const currentLabel = monthIndex !== null ? resolvedMonthLabels[monthIndex] ?? "" : "";
-      if (!query || monthInputValue === currentLabel) return all;
-      return all.filter((opt) => opt.label.toLowerCase().includes(query));
-    }, [monthInputValue, monthIndex, resolvedMonthLabels]);
-    React63.useEffect(() => {
-      if (!isMonthOpen) {
-        setMonthHighlightIndex(-1);
-        return;
+    const { minYear, maxYear } = React64.useMemo(() => getYearBounds(), []);
+    const yearError = React64.useMemo(() => {
+      if (year.length < 4) return null;
+      const yearNum = parseInt(year, 10);
+      if (!isYearInRange(yearNum, minYear, maxYear)) {
+        return t("year_out_of_range", { min: minYear, max: maxYear });
       }
-      if (monthIndex !== null) {
-        const currentLabel = resolvedMonthLabels[monthIndex];
-        const index = filteredMonths.findIndex((o) => o.label === currentLabel);
-        if (index >= 0) {
-          setMonthHighlightIndex(index);
-          return;
-        }
-      }
-      setMonthHighlightIndex(filteredMonths.length > 0 ? 0 : -1);
-    }, [isMonthOpen, filteredMonths.length]);
-    const hasAnyValue = Boolean(day) || monthIndex !== null || Boolean(year);
-    const isEmpty = !hasAnyValue;
+      return null;
+    }, [year, minYear, maxYear, t]);
+    const resolvedError = error || yearError || void 0;
+    const isEmpty = !day && monthIndex === null && !year;
     const isBlocked = Boolean(disabled) || Boolean(loading);
-    const isFocused = focusedField !== null || isMonthOpen || isWheelOpen;
-    const isInvalid = Boolean(invalid || error);
+    const isInvalid = Boolean(invalid || resolvedError);
     const wrapperWidth = toCssSize(width);
-    const currentDate = React63.useMemo(
-      () => dateFromParts(day, monthIndex, year),
-      [day, monthIndex, year]
+    const errorDescribedBy = resolvedError && !hideErrorMessage ? errorId : void 0;
+    const currentDate = React64.useMemo(
+      () => dateFromParts(day, monthIndex, year, minYear, maxYear),
+      [day, monthIndex, year, minYear, maxYear]
     );
-    useOutsideClick({
-      elementRef: containerRef,
-      onOutsideClick: () => setIsMonthOpen(false),
-      isDisabled: !isMonthOpen || isMobile3
-    });
-    const emitChange = React63.useCallback(
+    const emitChange = React64.useCallback(
       (nextDay, nextMonth, nextYear) => {
-        if (!onChange) return;
-        const date = dateFromParts(nextDay, nextMonth, nextYear);
-        onChange(date, name);
+        const date = dateFromParts(nextDay, nextMonth, nextYear, minYear, maxYear);
+        lastEmittedRef.current = date;
+        onChange?.(date, name);
       },
-      [name, onChange]
+      [name, onChange, minYear, maxYear]
     );
     emitChangeRef.current = emitChange;
+    const commitMonth = React64.useCallback(
+      (index) => {
+        const clampedDay = clampDayToMonth(day, index, year);
+        if (clampedDay !== day) setDay(clampedDay);
+        setMonthIndex(index);
+        emitChange(clampedDay, index, year);
+      },
+      [day, emitChange, year]
+    );
+    const handleMonthSelect = React64.useCallback(
+      (index) => {
+        commitMonth(index);
+        yearInputRef.current?.focus();
+      },
+      [commitMonth]
+    );
+    const handleMonthClear = React64.useCallback(() => commitMonth(null), [commitMonth]);
+    const monthCombobox = useMonthCombobox({
+      monthLabels: resolvedMonthLabels,
+      monthIndex,
+      isFieldFocused: focusedField === "month",
+      disabled: isBlocked,
+      onSelect: handleMonthSelect,
+      onCommit: commitMonth,
+      onClear: handleMonthClear
+    });
+    const isFocused = focusedField !== null || monthCombobox.isOpen || isWheelOpen;
+    useOutsideClick({
+      elementRef: containerRef,
+      onOutsideClick: () => monthCombobox.setIsOpen(false),
+      isDisabled: !monthCombobox.isOpen || isMobile3
+    });
     const handleDayChange = (event) => {
       const next = event.target.value;
       if (!PARTIAL_DAY_PATTERN.test(next)) return;
+      if (monthIndex !== null && next && parseInt(next, 10) > getDaysInMonth2(monthIndex, year)) {
+        return;
+      }
       setDay(next);
       emitChange(next, monthIndex, year);
       if (next.length === 2 && DAY_PATTERN.test(next)) {
@@ -18347,90 +18533,20 @@ var Datepicker = React63.forwardRef(
     const handleYearChange = (event) => {
       const next = event.target.value;
       if (!PARTIAL_YEAR_PATTERN.test(next)) return;
+      const clampedDay = clampDayToMonth(day, monthIndex, next);
+      if (clampedDay !== day) setDay(clampedDay);
       setYear(next);
-      emitChange(day, monthIndex, next);
-    };
-    const handleMonthSelect = (index) => {
-      setMonthIndex(index);
-      setMonthInputValue(resolvedMonthLabels[index] ?? "");
-      setIsMonthOpen(false);
-      emitChange(day, index, year);
-      yearInputRef.current?.focus();
-    };
-    const handleMonthInputChange = (event) => {
-      setMonthInputValue(event.target.value);
-      setIsMonthOpen(true);
-      setMonthHighlightIndex(0);
-    };
-    const commitMonthInput = React63.useCallback(() => {
-      const query = monthInputValue.trim().toLowerCase();
-      if (!query) {
-        if (monthIndex !== null) {
-          setMonthIndex(null);
-          emitChange(day, null, year);
-        }
-        setMonthInputValue("");
-        return;
-      }
-      const exactMatch = resolvedMonthLabels.findIndex(
-        (label2) => label2.toLowerCase() === query
-      );
-      if (exactMatch >= 0) {
-        if (exactMatch !== monthIndex) {
-          setMonthIndex(exactMatch);
-          emitChange(day, exactMatch, year);
-        }
-        setMonthInputValue(resolvedMonthLabels[exactMatch]);
-        return;
-      }
-      setMonthInputValue(monthIndex !== null ? resolvedMonthLabels[monthIndex] : "");
-    }, [day, emitChange, monthIndex, monthInputValue, resolvedMonthLabels, year]);
-    const handleMonthInputKeyDown = (event) => {
-      if (isBlocked) return;
-      if (event.key === "ArrowDown") {
-        event.preventDefault();
-        setIsMonthOpen(true);
-        setMonthHighlightIndex(
-          (prev) => filteredMonths.length === 0 ? -1 : Math.min(prev + 1, filteredMonths.length - 1)
-        );
-        return;
-      }
-      if (event.key === "ArrowUp") {
-        event.preventDefault();
-        setIsMonthOpen(true);
-        setMonthHighlightIndex((prev) => Math.max(prev - 1, 0));
-        return;
-      }
-      if (event.key === "Enter") {
-        if (!isMonthOpen) return;
-        event.preventDefault();
-        const target = filteredMonths[monthHighlightIndex];
-        if (target) {
-          handleMonthSelect(target.index);
-        } else {
-          commitMonthInput();
-        }
-        return;
-      }
-      if (event.key === "Escape") {
-        event.preventDefault();
-        setIsMonthOpen(false);
-        setMonthInputValue(monthIndex !== null ? resolvedMonthLabels[monthIndex] : "");
-        return;
-      }
-      if (event.key === "Tab") {
-        setIsMonthOpen(false);
-      }
+      emitChange(clampedDay, monthIndex, next);
     };
-    const focusDayInput = React63.useCallback(() => {
+    const focusDayInput = React64.useCallback(() => {
       if (isBlocked || readOnly) return;
       dayInputRef.current?.focus();
     }, [isBlocked, readOnly]);
-    const openWheel = React63.useCallback(() => {
+    const openWheel = React64.useCallback(() => {
       if (isBlocked || readOnly) return;
       setIsWheelOpen(true);
     }, [isBlocked, readOnly]);
-    const closeWheel = React63.useCallback(() => {
+    const closeWheel = React64.useCallback(() => {
       setIsWheelOpen(false);
       mobileTriggerRef.current?.focus();
     }, []);
@@ -18442,33 +18558,33 @@ var Datepicker = React63.forwardRef(
       minDate,
       maxDate
     });
-    const handleWheelDone = React63.useCallback(() => {
+    const handleWheelDone = React64.useCallback(() => {
       const next = wheel.draftDate;
       setDay(String(next.getDate()));
       setMonthIndex(next.getMonth());
       setYear(String(next.getFullYear()));
+      lastEmittedRef.current = next;
       onChange?.(next, name);
       setIsWheelOpen(false);
       mobileTriggerRef.current?.focus();
     }, [name, onChange, wheel.draftDate]);
-    const defaultFormatValue = React63.useCallback(
+    const defaultFormatValue = React64.useCallback(
       (date) => `${date.getDate()} ${resolvedMonthLabels[date.getMonth()]} ${date.getFullYear()}`,
       [resolvedMonthLabels]
     );
     const triggerText = currentDate ? (formatValue ?? defaultFormatValue)(currentDate) : void 0;
     const monthListboxId = `${monthId}-listbox`;
     const getMonthOptionId = (index) => `${monthId}-option-${index}`;
-    const monthPanelContent = filteredMonths.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "px-4 py-3 text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: t("no_options") }) : /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+    const monthPanelContent = monthCombobox.filteredMonths.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "px-4 py-3 text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: t("no_options") }) : /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
       "ul",
       {
-        ref: monthListRef,
         id: monthListboxId,
         role: "listbox",
         "aria-labelledby": labelId,
         className: "m-0 max-h-[260px] list-none overflow-y-auto p-1",
-        children: filteredMonths.map((option, position) => {
+        children: monthCombobox.filteredMonths.map((option, position) => {
           const isSelected = option.index === monthIndex;
-          const isHighlighted = position === monthHighlightIndex;
+          const isHighlighted = position === monthCombobox.highlightIndex;
           return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("li", { role: "presentation", children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
             "button",
             {
@@ -18478,8 +18594,8 @@ var Datepicker = React63.forwardRef(
               "aria-selected": isSelected,
               tabIndex: -1,
               onMouseDown: (event) => event.preventDefault(),
-              onMouseMove: () => setMonthHighlightIndex(position),
-              onClick: () => handleMonthSelect(option.index),
+              onMouseMove: () => monthCombobox.setHighlightIndex(position),
+              onClick: () => monthCombobox.selectMonth(option.index),
               className: cn(
                 "flex w-full items-center justify-start rounded-md border-0 bg-transparent px-3 py-[10px] text-left text-[16px] font-medium text-[var(--chekin-color-brand-navy)] outline-none transition-colors",
                 isHighlighted && "bg-[var(--chekin-color-surface-pressed)] text-[var(--chekin-color-brand-blue)]",
@@ -18519,6 +18635,7 @@ var Datepicker = React63.forwardRef(
                 "aria-expanded": isWheelOpen,
                 "aria-labelledby": labelId,
                 "aria-invalid": isInvalid,
+                "aria-describedby": errorDescribedBy,
                 "aria-busy": loading,
                 disabled: isBlocked || readOnly,
                 onClick: openWheel,
@@ -18563,6 +18680,7 @@ var Datepicker = React63.forwardRef(
                       disabled: isBlocked,
                       readOnly,
                       "aria-invalid": isInvalid,
+                      "aria-describedby": errorDescribedBy,
                       "aria-labelledby": labelId,
                       onChange: handleDayChange,
                       onFocus: (event) => {
@@ -18588,36 +18706,39 @@ var Datepicker = React63.forwardRef(
                         role: "combobox",
                         autoComplete: "off",
                         "aria-haspopup": "listbox",
-                        "aria-expanded": isMonthOpen,
+                        "aria-expanded": monthCombobox.isOpen,
                         "aria-controls": monthListboxId,
                         "aria-autocomplete": "list",
-                        "aria-activedescendant": monthHighlightIndex >= 0 && filteredMonths[monthHighlightIndex] ? getMonthOptionId(filteredMonths[monthHighlightIndex].index) : void 0,
+                        "aria-activedescendant": monthCombobox.highlightIndex >= 0 && monthCombobox.filteredMonths[monthCombobox.highlightIndex] ? getMonthOptionId(
+                          monthCombobox.filteredMonths[monthCombobox.highlightIndex].index
+                        ) : void 0,
                         "aria-labelledby": labelId,
                         "aria-invalid": isInvalid,
+                        "aria-describedby": errorDescribedBy,
                         name: name ? `${name}-month` : void 0,
-                        value: monthInputValue,
+                        value: monthCombobox.inputValue,
                         placeholder: resolvedMonthPlaceholder,
                         disabled: isBlocked,
                         readOnly,
-                        onChange: handleMonthInputChange,
+                        onChange: monthCombobox.handleInputChange,
                         onFocus: (event) => {
                           onFocus?.(event);
                           onFieldFocus?.("month");
                           setFocusedField("month");
                           if (!isBlocked && !readOnly) {
-                            setIsMonthOpen(true);
+                            monthCombobox.setIsOpen(true);
                             monthInputRef.current?.select();
                           }
                         },
                         onBlur: () => {
                           onFieldBlur?.("month");
                           setFocusedField(null);
-                          commitMonthInput();
+                          monthCombobox.commitInput();
                         },
                         onClick: () => {
-                          if (!isBlocked && !readOnly) setIsMonthOpen(true);
+                          if (!isBlocked && !readOnly) monthCombobox.setIsOpen(true);
                         },
-                        onKeyDown: handleMonthInputKeyDown,
+                        onKeyDown: monthCombobox.handleInputKeyDown,
                         className: cn(
                           "m-0 box-border h-full w-full min-w-0 border-0 bg-transparent text-center text-[16px] font-medium leading-5 outline-none placeholder:text-[length:var(--field-placeholder-font-size)] placeholder:font-[var(--field-placeholder-font-weight)] placeholder:text-[var(--chekin-color-gray-1)]",
                           monthIndex !== null ? "text-[var(--chekin-color-brand-navy)]" : "text-[var(--chekin-color-gray-1)]",
@@ -18632,12 +18753,12 @@ var Datepicker = React63.forwardRef(
                         onMouseDown: (event) => {
                           event.preventDefault();
                           if (isBlocked || readOnly) return;
-                          setIsMonthOpen((prev) => !prev);
+                          monthCombobox.setIsOpen((prev) => !prev);
                           monthInputRef.current?.focus();
                         },
                         className: cn(
                           "shrink-0 cursor-pointer text-[var(--chekin-color-gray-2)] transition-transform duration-200",
-                          isMonthOpen && "rotate-180 text-[var(--chekin-color-brand-blue)]"
+                          monthCombobox.isOpen && "rotate-180 text-[var(--chekin-color-brand-blue)]"
                         )
                       }
                     )
@@ -18656,6 +18777,7 @@ var Datepicker = React63.forwardRef(
                       disabled: isBlocked,
                       readOnly,
                       "aria-invalid": isInvalid,
+                      "aria-describedby": errorDescribedBy,
                       "aria-labelledby": labelId,
                       onChange: handleYearChange,
                       onFocus: (event) => {
@@ -18700,7 +18822,7 @@ var Datepicker = React63.forwardRef(
                 onClick: isMobile3 ? openWheel : showCoverage ? focusDayInput : void 0
               }
             ),
-            isMonthOpen && !isMobile3 && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "absolute left-0 right-0 top-full z-30 mx-auto mt-1 w-full max-w-[260px] overflow-hidden rounded-md bg-white shadow-[0_30px_30px_0_rgba(33,72,255,0.2)] sm:left-1/2 sm:right-auto sm:-translate-x-1/2", children: monthPanelContent })
+            monthCombobox.isOpen && !isMobile3 && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "absolute left-0 right-0 top-full z-30 mx-auto mt-1 w-full max-w-[260px] overflow-hidden rounded-md bg-white shadow-[0_30px_30px_0_rgba(33,72,255,0.2)] sm:left-1/2 sm:right-auto sm:-translate-x-1/2", children: monthPanelContent })
           ] }),
           isMobile3 && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
             AirbnbDatePickerContent,
@@ -18730,13 +18852,13 @@ var Datepicker = React63.forwardRef(
               onOptionSelect: wheel.handleOptionSelect
             }
           ),
-          !error && optional && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
-          !error && helperText && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText }),
-          error && !hideErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+          !resolvedError && optional && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
+          !resolvedError && helperText && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText }),
+          resolvedError && !hideErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
             FieldErrorMessage,
             {
               id: errorId,
-              message: error,
+              message: resolvedError,
               className: "mt-[1px] text-[14px]"
             }
           )
@@ -18747,7 +18869,7 @@ var Datepicker = React63.forwardRef(
 );
 
 // src/fields/date-range-picker/DateRangePicker.tsx
-var React67 = __toESM(require("react"), 1);
+var React68 = __toESM(require("react"), 1);
 var import_react_i18next39 = require("react-i18next");
 
 // src/fields/date-range-picker/isDayBlocked.ts
@@ -18826,7 +18948,7 @@ var createDisabledMatchers = ({
 };
 
 // src/fields/date-range-picker/hooks/useRangeValue.ts
-var React64 = __toESM(require("react"), 1);
+var React65 = __toESM(require("react"), 1);
 var getRangeKey = (range) => `${range?.from?.getTime() ?? ""}-${range?.to?.getTime() ?? ""}`;
 function useRangeValue({
   value: externalValue,
@@ -18835,10 +18957,10 @@ function useRangeValue({
   name
 }) {
   const isControlled = externalValue !== void 0;
-  const [draft, setDraft] = React64.useState(
+  const [draft, setDraft] = React65.useState(
     isControlled ? externalValue : defaultValue
   );
-  const lastExternalKeyRef = React64.useRef(getRangeKey(externalValue));
+  const lastExternalKeyRef = React65.useRef(getRangeKey(externalValue));
   if (isControlled) {
     const externalKey = getRangeKey(externalValue);
     if (externalKey !== lastExternalKeyRef.current) {
@@ -18846,7 +18968,7 @@ function useRangeValue({
       setDraft(externalValue);
     }
   }
-  const commit = React64.useCallback(
+  const commit = React65.useCallback(
     (next) => {
       setDraft(next);
       if (next === void 0) {
@@ -18861,7 +18983,7 @@ function useRangeValue({
 }
 
 // src/fields/date-range-picker/hooks/useRangeTextInputs.ts
-var React65 = __toESM(require("react"), 1);
+var React66 = __toESM(require("react"), 1);
 
 // src/fields/date-range-picker/utils/inputFormat.ts
 function parseDateInputFormat(format2) {
@@ -18951,18 +19073,18 @@ function useRangeTextInputs({
   onFromComplete,
   onToComplete
 }) {
-  const tokens = React65.useMemo(
+  const tokens = React66.useMemo(
     () => parseDateInputFormat(displayFormat),
     [displayFormat]
   );
-  const maxDigits = React65.useMemo(() => getMaxDigits(tokens), [tokens]);
-  const [fromText, setFromText] = React65.useState(value?.from ? format2(value.from) : "");
-  const [toText, setToText] = React65.useState(value?.to ? format2(value.to) : "");
-  React65.useEffect(() => {
+  const maxDigits = React66.useMemo(() => getMaxDigits(tokens), [tokens]);
+  const [fromText, setFromText] = React66.useState(value?.from ? format2(value.from) : "");
+  const [toText, setToText] = React66.useState(value?.to ? format2(value.to) : "");
+  React66.useEffect(() => {
     setFromText(value?.from ? format2(value.from) : "");
     setToText(value?.to ? format2(value.to) : "");
   }, [format2, value?.from, value?.to]);
-  const handleFromChange = React65.useCallback(
+  const handleFromChange = React66.useCallback(
     (raw) => {
       const formatted = autoFormatDateInput(raw, tokens);
       const wasComplete = countDigits(fromText) === maxDigits;
@@ -18974,7 +19096,7 @@ function useRangeTextInputs({
     },
     [fromText, maxDigits, onFromComplete, parse3, tokens]
   );
-  const handleToChange = React65.useCallback(
+  const handleToChange = React66.useCallback(
     (raw) => {
       const formatted = autoFormatDateInput(raw, tokens);
       const wasComplete = countDigits(toText) === maxDigits;
@@ -18986,7 +19108,7 @@ function useRangeTextInputs({
     },
     [maxDigits, onToComplete, parse3, toText, tokens]
   );
-  const handleFromBlur = React65.useCallback(() => {
+  const handleFromBlur = React66.useCallback(() => {
     if (!fromText) {
       const next = { from: void 0, to: value?.to };
       onCommit(next);
@@ -19003,7 +19125,7 @@ function useRangeTextInputs({
     setFromText(value?.from ? format2(value.from) : "");
     return void 0;
   }, [format2, fromText, onBlur, onCommit, parse3, value]);
-  const handleToBlur = React65.useCallback(() => {
+  const handleToBlur = React66.useCallback(() => {
     if (!toText) {
       const next = { from: value?.from, to: void 0 };
       onCommit(next);
@@ -19032,21 +19154,21 @@ function useRangeTextInputs({
 }
 
 // src/fields/date-range-picker/hooks/useRangeMonthSync.ts
-var React66 = __toESM(require("react"), 1);
+var React67 = __toESM(require("react"), 1);
 function useRangeMonthSync(value) {
-  const isPreloadedRef = React66.useRef(false);
-  const [month, setMonth] = React66.useState(value?.from ?? /* @__PURE__ */ new Date());
-  React66.useEffect(() => {
+  const isPreloadedRef = React67.useRef(false);
+  const [month, setMonth] = React67.useState(value?.from ?? /* @__PURE__ */ new Date());
+  React67.useEffect(() => {
     if (value?.from && !isPreloadedRef.current) {
       setMonth(value.from);
       isPreloadedRef.current = true;
     }
   }, [value?.from]);
-  const syncMonthToValue = React66.useCallback((next) => {
+  const syncMonthToValue = React67.useCallback((next) => {
     isPreloadedRef.current = true;
     if (next?.from) setMonth(next.from);
   }, []);
-  const resetPreload = React66.useCallback(() => {
+  const resetPreload = React67.useCallback(() => {
     isPreloadedRef.current = false;
   }, []);
   return { month, setMonth, syncMonthToValue, resetPreload };
@@ -19314,7 +19436,7 @@ function DateRangePopover({
 
 // src/fields/date-range-picker/DateRangePicker.tsx
 var import_jsx_runtime178 = require("react/jsx-runtime");
-var DateRangePicker = React67.forwardRef(function DateRangePicker2({
+var DateRangePicker = React68.forwardRef(function DateRangePicker2({
   label,
   value: externalValue,
   defaultValue,
@@ -19349,20 +19471,20 @@ var DateRangePicker = React67.forwardRef(function DateRangePicker2({
   components: customComponents,
   ...dayPickerProps
 }, ref) {
-  const containerRef = React67.useRef(null);
-  const fromInputRef = React67.useRef(null);
-  const toInputRef = React67.useRef(null);
-  const reactId = React67.useId();
+  const containerRef = React68.useRef(null);
+  const fromInputRef = React68.useRef(null);
+  const toInputRef = React68.useRef(null);
+  const reactId = React68.useId();
   const baseId = name ?? `dash-daterange-${reactId}`;
   const fromId = `${baseId}-from`;
   const toId = `${baseId}-to`;
   const labelId = `${baseId}-label`;
   const errorId = `${baseId}-error`;
-  const normalizedValue = React67.useMemo(() => {
+  const normalizedValue = React68.useMemo(() => {
     if (externalValue === void 0) return void 0;
     return { from: toDate(externalValue?.from), to: toDate(externalValue?.to) };
   }, [externalValue]);
-  const normalizedDefaultValue = React67.useMemo(() => {
+  const normalizedDefaultValue = React68.useMemo(() => {
     if (defaultValue === void 0) return void 0;
     return { from: toDate(defaultValue?.from), to: toDate(defaultValue?.to) };
   }, [defaultValue]);
@@ -19372,16 +19494,16 @@ var DateRangePicker = React67.forwardRef(function DateRangePicker2({
     onChange,
     name
   });
-  const normalizedMinDate = React67.useMemo(() => toDate(minDate), [minDate]);
-  const normalizedMaxDate = React67.useMemo(() => toDate(maxDate), [maxDate]);
-  const formatter = React67.useMemo(() => formatDate(displayFormat), [displayFormat]);
-  const parser = React67.useMemo(() => parseDate(displayFormat), [displayFormat]);
-  const closeCalendarRef = React67.useRef(() => {
+  const normalizedMinDate = React68.useMemo(() => toDate(minDate), [minDate]);
+  const normalizedMaxDate = React68.useMemo(() => toDate(maxDate), [maxDate]);
+  const formatter = React68.useMemo(() => formatDate(displayFormat), [displayFormat]);
+  const parser = React68.useMemo(() => parseDate(displayFormat), [displayFormat]);
+  const closeCalendarRef = React68.useRef(() => {
   });
-  const handleFromComplete = React67.useCallback(() => {
+  const handleFromComplete = React68.useCallback(() => {
     toInputRef.current?.focus();
   }, []);
-  const handleToComplete = React67.useCallback(() => {
+  const handleToComplete = React68.useCallback(() => {
     toInputRef.current?.blur();
     closeCalendarRef.current();
   }, []);
@@ -19405,9 +19527,9 @@ var DateRangePicker = React67.forwardRef(function DateRangePicker2({
     onToComplete: handleToComplete
   });
   const { month, setMonth, syncMonthToValue } = useRangeMonthSync(value);
-  const [isOpen, setIsOpen] = React67.useState(false);
-  const [focusedInput, setFocusedInput] = React67.useState(null);
-  const [autoFocus, setAutoFocus] = React67.useState(false);
+  const [isOpen, setIsOpen] = React68.useState(false);
+  const [focusedInput, setFocusedInput] = React68.useState(null);
+  const [autoFocus, setAutoFocus] = React68.useState(false);
   const isMobile3 = useIsMobile();
   const { t } = (0, import_react_i18next39.useTranslation)();
   const drawerTitle = label ?? t("select_dates");
@@ -19418,14 +19540,14 @@ var DateRangePicker = React67.forwardRef(function DateRangePicker2({
   const isFocused = focusedInput !== null || isOpen;
   const wrapperWidth = toCssSize(width);
   const monthsToShow = numberOfMonths ?? (isMobile3 ? 1 : 2);
-  const closeCalendar = React67.useCallback(() => {
+  const closeCalendar = React68.useCallback(() => {
     setIsOpen(false);
     setFocusedInput(null);
     setAutoFocus(false);
     if (value?.from) setMonth(value.from);
   }, [setMonth, value?.from]);
   closeCalendarRef.current = closeCalendar;
-  const openCalendar = React67.useCallback(() => {
+  const openCalendar = React68.useCallback(() => {
     if (isBlocked || readOnly) return;
     setIsOpen(true);
   }, [isBlocked, readOnly]);
@@ -19434,7 +19556,7 @@ var DateRangePicker = React67.forwardRef(function DateRangePicker2({
     onOutsideClick: closeCalendar,
     isDisabled: !isOpen || isMobile3
   });
-  const handlePickerChange = React67.useCallback(
+  const handlePickerChange = React68.useCallback(
     (range, pickedDate) => {
       const { next, shouldClose } = resolveRangeSelection({
         previous: value,
@@ -19455,7 +19577,7 @@ var DateRangePicker = React67.forwardRef(function DateRangePicker2({
     setToText("");
     setMonth(/* @__PURE__ */ new Date());
   };
-  const disabledMatchers = React67.useMemo(
+  const disabledMatchers = React68.useMemo(
     () => createDisabledMatchers({
       minDate: normalizedMinDate,
       maxDate: normalizedMaxDate,
@@ -19474,7 +19596,7 @@ var DateRangePicker = React67.forwardRef(function DateRangePicker2({
     openCalendar();
     if (autoFocusOnOpen) setAutoFocus(true);
   };
-  React67.useImperativeHandle(
+  React68.useImperativeHandle(
     ref,
     () => ({
       setDateRange: (range) => {
@@ -19655,7 +19777,7 @@ var DateRangePicker = React67.forwardRef(function DateRangePicker2({
 });
 
 // src/fields/date-range-picker/useValidateDates.ts
-var React68 = __toESM(require("react"), 1);
+var React69 = __toESM(require("react"), 1);
 var import_react_i18next40 = require("react-i18next");
 var import_date_fns4 = require("date-fns");
 var import_react_day_picker2 = require("react-day-picker");
@@ -19678,11 +19800,11 @@ function useValidateDates({
   const { t } = (0, import_react_i18next40.useTranslation)();
   const handleError = useEvent(onError);
   const handleSuccess = useEvent(onSuccess);
-  const errorFormatter = React68.useMemo(
+  const errorFormatter = React69.useMemo(
     () => formatDate(displayFormat ?? DEFAULT_DISPLAY_FORMAT),
     [displayFormat]
   );
-  const validateDates = React68.useCallback(
+  const validateDates = React69.useCallback(
     (dates) => {
       const startDate = dates?.from;
       const endDate = dates?.to;
@@ -19732,7 +19854,7 @@ function useValidateDates({
 }
 
 // src/fields/time-picker/TimePicker.tsx
-var React69 = __toESM(require("react"), 1);
+var React70 = __toESM(require("react"), 1);
 var import_date_fns5 = require("date-fns");
 var import_jsx_runtime179 = require("react/jsx-runtime");
 var SHORT_TIME_FORMAT = "HH:mm";
@@ -19776,8 +19898,8 @@ var FORMAT_SETTINGS = {
   },
   hours: { interval_unit: "H", interval: 1, min_time: "00:00", max_time: "23:00" }
 };
-var TimePicker = React69.forwardRef(function TimePicker2({ format: formatName = "time", timeSettings, options, ...selectProps }, ref) {
-  const resolvedOptions = React69.useMemo(() => {
+var TimePicker = React70.forwardRef(function TimePicker2({ format: formatName = "time", timeSettings, options, ...selectProps }, ref) {
+  const resolvedOptions = React70.useMemo(() => {
     if (options) return options;
     const settings = timeSettings ?? FORMAT_SETTINGS[formatName];
     return buildOptions(settings);
@@ -19786,14 +19908,14 @@ var TimePicker = React69.forwardRef(function TimePicker2({ format: formatName =
 });
 
 // src/fields/file-input/FileInput.tsx
-var React70 = __toESM(require("react"), 1);
+var React71 = __toESM(require("react"), 1);
 var import_lucide_react52 = require("lucide-react");
 var import_react_i18next41 = require("react-i18next");
 var import_jsx_runtime180 = require("react/jsx-runtime");
 function defaultDownload(url) {
   window.open(url, "_blank", "noopener,noreferrer");
 }
-var FileInput = React70.forwardRef(function FileInput2({
+var FileInput = React71.forwardRef(function FileInput2({
   label,
   value,
   onChange,
@@ -19816,12 +19938,12 @@ var FileInput = React70.forwardRef(function FileInput2({
   width,
   downloadLabel
 }, ref) {
-  const internalRef = React70.useRef(null);
+  const internalRef = React71.useRef(null);
   const inputRef = useCombinedRef(ref, internalRef);
   const { t } = (0, import_react_i18next41.useTranslation)();
   const resolvedLabel = label ?? t("upload_file");
   const resolvedDownloadLabel = downloadLabel ?? t("download_attachment");
-  const reactId = React70.useId();
+  const reactId = React71.useId();
   const inputId = `${name || "dash-file"}-${reactId}`;
   const labelId = `${inputId}-label`;
   const errorId = `${inputId}-error`;
@@ -19966,10 +20088,10 @@ var FileInput = React70.forwardRef(function FileInput2({
 });
 
 // src/fields/select-icons-box/SelectIconsBox.tsx
-var React71 = __toESM(require("react"), 1);
+var React72 = __toESM(require("react"), 1);
 var import_jsx_runtime181 = require("react/jsx-runtime");
 var FOCUSABLE_TRIGGER_SELECTOR2 = 'input:not([type="hidden"]):not([disabled]):not([readonly]), button:not([disabled])';
-var SelectIconsBox = React71.forwardRef(
+var SelectIconsBox = React72.forwardRef(
   function SelectIconsBox2({
     children,
     icons,
@@ -19985,10 +20107,10 @@ var SelectIconsBox = React71.forwardRef(
     className,
     boxClassName
   }, ref) {
-    const containerRef = React71.useRef(null);
+    const containerRef = React72.useRef(null);
     const combinedContainerRef = useCombinedRef(containerRef, ref);
     const isControlled = controlledOpen !== void 0;
-    const [internalOpen, setInternalOpen] = React71.useState(defaultOpen);
+    const [internalOpen, setInternalOpen] = React72.useState(defaultOpen);
     const isOpen = isControlled ? controlledOpen : internalOpen;
     const setOpen = (next) => {
       if (!isControlled) setInternalOpen(next);
@@ -20181,15 +20303,40 @@ var LegacyTextarea = (0, import_react89.forwardRef)(
 LegacyTextarea.displayName = "LegacyTextarea";
 
 // src/airbnb-fields/datepicker/DatePicker.tsx
-var React73 = __toESM(require("react"), 1);
+var React74 = __toESM(require("react"), 1);
 var import_lucide_react54 = require("lucide-react");
 
 // src/airbnb-fields/field-trigger/FieldTrigger.tsx
-var React72 = __toESM(require("react"), 1);
+var React73 = __toESM(require("react"), 1);
 var import_lucide_react53 = require("lucide-react");
 var import_react_i18next42 = require("react-i18next");
+
+// src/airbnb-fields/field-helper-text/FieldHelperText.tsx
 var import_jsx_runtime184 = require("react/jsx-runtime");
-var AirbnbFieldTrigger = React72.forwardRef(
+function AirbnbFieldHelperText({
+  id,
+  helper,
+  disabled,
+  className
+}) {
+  if (!helper) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+    "p",
+    {
+      id,
+      className: cn(
+        "mt-2 text-[12px] font-normal leading-5 text-[var(--chekin-airbnb-gray-text)]",
+        disabled && "opacity-50",
+        className
+      ),
+      children: helper
+    }
+  );
+}
+
+// src/airbnb-fields/field-trigger/FieldTrigger.tsx
+var import_jsx_runtime185 = require("react/jsx-runtime");
+var AirbnbFieldTrigger = React73.forwardRef(
   ({
     as = "button",
     id,
@@ -20202,6 +20349,7 @@ var AirbnbFieldTrigger = React72.forwardRef(
     labelText,
     valueText,
     placeholder,
+    helper,
     disabled,
     error,
     loading,
@@ -20220,19 +20368,20 @@ var AirbnbFieldTrigger = React72.forwardRef(
     ...props
   }, ref) => {
     const { t } = (0, import_react_i18next42.useTranslation)();
+    const generatedHelperId = React73.useId();
     const hasValue = Boolean(valueText);
     const isRaised = hasValue || forceFloatingLabel;
     const optionalLabel = optional ? typeof optional === "string" ? optional : t("optional") : void 0;
     const visibleLabelText = labelText ?? label;
     const hasLabelMeta = Boolean(optionalLabel) || Boolean(tooltip);
-    const resolvedLabelText = visibleLabelText && hasLabelMeta ? /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("span", { className: "inline-flex max-w-full items-center gap-1.5 align-middle", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("span", { className: "min-w-0 truncate", children: visibleLabelText }),
-      optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("span", { className: "text-current opacity-70 lowercase", children: [
+    const resolvedLabelText = visibleLabelText && hasLabelMeta ? /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("span", { className: "inline-flex max-w-full items-center gap-1.5 align-middle", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("span", { className: "min-w-0 truncate", children: visibleLabelText }),
+      optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("span", { className: "text-current opacity-70 lowercase", children: [
         "(",
         optionalLabel,
         ")"
       ] }),
-      tooltip && /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+      tooltip && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
         HelpTooltip,
         {
           content: tooltip,
@@ -20246,10 +20395,14 @@ var AirbnbFieldTrigger = React72.forwardRef(
     const animatedLabel = forceLabelText ? resolvedLabelText ?? placeholder : isRaised ? resolvedLabelText : label ?? placeholder;
     const hasInvalidState = Boolean(error);
     const errorMessage = typeof error === "string" ? error : void 0;
+    const showErrorMessage = Boolean(errorMessage) && !hideErrorMessage;
+    const showHelper = Boolean(helper) && !showErrorMessage;
+    const helperId = helper ? generatedHelperId : void 0;
+    const describedByValue = [describedBy, showHelper ? helperId : void 0].filter(Boolean).join(" ") || void 0;
     const isBlocked = Boolean(disabled) || Boolean(loading);
-    const resolvedTrailingAdornment = loading || trailingAdornment ? /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("span", { className: "flex items-center gap-2", children: [
+    const resolvedTrailingAdornment = loading || trailingAdornment ? /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("span", { className: "flex items-center gap-2", children: [
       trailingAdornment,
-      loading && /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+      loading && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
         import_lucide_react53.Loader2,
         {
           "aria-hidden": "true",
@@ -20265,8 +20418,8 @@ var AirbnbFieldTrigger = React72.forwardRef(
       disabled ? "cursor-not-allowed opacity-50" : loading ? "cursor-progress" : "cursor-pointer",
       className
     );
-    const sharedContent = /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(import_jsx_runtime184.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
+    const sharedContent = /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(import_jsx_runtime185.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
         "span",
         {
           className: cn(
@@ -20275,7 +20428,7 @@ var AirbnbFieldTrigger = React72.forwardRef(
             contentClassName
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
               "span",
               {
                 id: labelId,
@@ -20288,7 +20441,7 @@ var AirbnbFieldTrigger = React72.forwardRef(
                 children: animatedLabel
               }
             ),
-            children ? children : hasValue ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+            children ? children : hasValue ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
               "span",
               {
                 id: valueId,
@@ -20299,11 +20452,11 @@ var AirbnbFieldTrigger = React72.forwardRef(
                 ),
                 children: valueText
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("span", { id: helperTextId, className: "sr-only", children: placeholder ?? label })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("span", { id: helperTextId, className: "sr-only", children: placeholder ?? label })
           ]
         }
       ),
-      resolvedTrailingAdornment && /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+      resolvedTrailingAdornment && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
         "span",
         {
           "aria-hidden": "true",
@@ -20312,16 +20465,16 @@ var AirbnbFieldTrigger = React72.forwardRef(
         }
       )
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { className: "w-full", children: [
-      topLabel && /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("p", { className: "mb-3 text-[16px] font-semibold leading-5 text-[var(--chekin-airbnb-ink-strong)]", children: topLabel }),
-      as === "button" ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { className: "w-full", children: [
+      topLabel && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("p", { className: "mb-3 text-[16px] font-semibold leading-5 text-[var(--chekin-airbnb-ink-strong)]", children: topLabel }),
+      as === "button" ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
         "button",
         {
           id,
           ref,
           type: "button",
           "aria-labelledby": hasValue && valueId ? `${labelId} ${valueId}` : labelId,
-          "aria-describedby": describedBy,
+          "aria-describedby": describedByValue,
           "aria-invalid": hasInvalidState,
           "aria-busy": loading,
           disabled: isBlocked,
@@ -20331,13 +20484,13 @@ var AirbnbFieldTrigger = React72.forwardRef(
           ...props,
           children: sharedContent
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
         "div",
         {
           id,
           ref,
           "aria-labelledby": hasValue && valueId ? `${labelId} ${valueId}` : labelId,
-          "aria-describedby": describedBy,
+          "aria-describedby": describedByValue,
           "aria-invalid": hasInvalidState,
           "aria-busy": loading,
           "aria-disabled": isBlocked,
@@ -20348,16 +20501,17 @@ var AirbnbFieldTrigger = React72.forwardRef(
           children: sharedContent
         }
       ),
-      errorMessage && !hideErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(FieldErrorMessage, { id: errorId, message: errorMessage })
+      showErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(FieldErrorMessage, { id: errorId, message: errorMessage }),
+      showHelper && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(AirbnbFieldHelperText, { id: helperId, helper, disabled })
     ] });
   }
 );
 AirbnbFieldTrigger.displayName = "AirbnbFieldTrigger";
 
 // src/airbnb-fields/datepicker/DatePicker.tsx
-var import_jsx_runtime185 = require("react/jsx-runtime");
+var import_jsx_runtime186 = require("react/jsx-runtime");
 var DEFAULT_MIN_DATE = new Date(1920, 0, 1);
-var AirbnbDatePicker = React73.forwardRef(
+var AirbnbDatePicker = React74.forwardRef(
   ({
     label,
     topLabel,
@@ -20372,6 +20526,7 @@ var AirbnbDatePicker = React73.forwardRef(
     loading,
     optional,
     tooltip,
+    helper,
     className,
     name,
     minDate,
@@ -20382,24 +20537,24 @@ var AirbnbDatePicker = React73.forwardRef(
     formatValue = formatDateValue
   }, ref) => {
     const { isMatch: isMobile3 } = useScreenResize(DEVICE.mobileXL);
-    const [isOpen, setIsOpen] = React73.useState(false);
-    const triggerId = React73.useId();
-    const pickerId = React73.useId();
-    const labelId = React73.useId();
-    const valueId = React73.useId();
-    const helperTextId = React73.useId();
-    const errorId = React73.useId();
-    const internalRef = React73.useRef(null);
+    const [isOpen, setIsOpen] = React74.useState(false);
+    const triggerId = React74.useId();
+    const pickerId = React74.useId();
+    const labelId = React74.useId();
+    const valueId = React74.useId();
+    const helperTextId = React74.useId();
+    const errorId = React74.useId();
+    const internalRef = React74.useRef(null);
     const combinedRef = useCombinedRef(ref, internalRef);
-    const monthLabels = React73.useMemo(() => getMonthLabels(locale), [locale]);
-    const resolvedMinDate = React73.useMemo(() => minDate ?? DEFAULT_MIN_DATE, [minDate]);
-    const resolvedMaxDate = React73.useMemo(() => maxDate ?? /* @__PURE__ */ new Date(), [maxDate]);
-    const normalizedValue = React73.useMemo(() => normalizeDateValue(value), [value]);
-    const normalizedDefaultValue = React73.useMemo(
+    const monthLabels = React74.useMemo(() => getMonthLabels(locale), [locale]);
+    const resolvedMinDate = React74.useMemo(() => minDate ?? DEFAULT_MIN_DATE, [minDate]);
+    const resolvedMaxDate = React74.useMemo(() => maxDate ?? /* @__PURE__ */ new Date(), [maxDate]);
+    const normalizedValue = React74.useMemo(() => normalizeDateValue(value), [value]);
+    const normalizedDefaultValue = React74.useMemo(
       () => normalizeDateValue(defaultValue),
       [defaultValue]
     );
-    const resolvedValue = React73.useMemo(
+    const resolvedValue = React74.useMemo(
       () => normalizedValue ? clampDate(normalizedValue, resolvedMinDate, resolvedMaxDate) : null,
       [normalizedValue, resolvedMaxDate, resolvedMinDate]
     );
@@ -20430,7 +20585,7 @@ var AirbnbDatePicker = React73.forwardRef(
       minDate: resolvedMinDate,
       maxDate: resolvedMaxDate
     });
-    const handleOpenChange = React73.useCallback(
+    const handleOpenChange = React74.useCallback(
       (nextOpen) => {
         if (isBlocked && nextOpen) return;
         setIsOpen(nextOpen);
@@ -20440,7 +20595,7 @@ var AirbnbDatePicker = React73.forwardRef(
       },
       [isBlocked]
     );
-    const handleDone = React73.useCallback(() => {
+    const handleDone = React74.useCallback(() => {
       if (isBlocked) return;
       onChange(clampDate(draftDate, resolvedMinDate, resolvedMaxDate));
       handleOpenChange(false);
@@ -20452,11 +20607,11 @@ var AirbnbDatePicker = React73.forwardRef(
       resolvedMaxDate,
       resolvedMinDate
     ]);
-    const handleTriggerClick = React73.useCallback(() => {
+    const handleTriggerClick = React74.useCallback(() => {
       if (isBlocked) return;
       setIsOpen(true);
     }, [isBlocked]);
-    const handleTriggerKeyDown = React73.useCallback(
+    const handleTriggerKeyDown = React74.useCallback(
       (event) => {
         if (isBlocked) return;
         if (event.key === "ArrowDown" || event.key === "ArrowUp" || event.key === "Enter" || event.key === " ") {
@@ -20466,13 +20621,13 @@ var AirbnbDatePicker = React73.forwardRef(
       },
       [isBlocked]
     );
-    React73.useEffect(() => {
+    React74.useEffect(() => {
       if (isBlocked) {
         setIsOpen(false);
       }
     }, [isBlocked]);
-    return /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { className: cn("relative w-full max-w-[var(--max-field-width)]", className), children: [
-      name && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)("div", { className: cn("relative w-full max-w-[var(--max-field-width)]", className), children: [
+      name && /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
         "input",
         {
           type: "hidden",
@@ -20480,7 +20635,7 @@ var AirbnbDatePicker = React73.forwardRef(
           value: resolvedValue ? formatDateInputValue(resolvedValue) : ""
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
         AirbnbFieldTrigger,
         {
           id: triggerId,
@@ -20500,13 +20655,14 @@ var AirbnbDatePicker = React73.forwardRef(
           loading,
           optional,
           tooltip,
+          helper,
           forceLabelText: Boolean(optional) || Boolean(tooltip),
           "aria-haspopup": "dialog",
           "aria-expanded": isOpen,
           onClick: handleTriggerClick,
           onKeyDown: handleTriggerKeyDown,
           onBlur,
-          trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+          trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
             import_lucide_react54.Calendar,
             {
               className: "h-5 w-5 text-[var(--chekin-airbnb-ink)]",
@@ -20515,7 +20671,7 @@ var AirbnbDatePicker = React73.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
         AirbnbDatePickerContent,
         {
           baseId: pickerId,
@@ -20549,16 +20705,17 @@ var AirbnbDatePicker = React73.forwardRef(
 AirbnbDatePicker.displayName = "AirbnbDatePicker";
 
 // src/airbnb-fields/input/Input.tsx
-var React74 = __toESM(require("react"), 1);
+var React75 = __toESM(require("react"), 1);
 var import_lucide_react55 = require("lucide-react");
 var import_react_i18next43 = require("react-i18next");
-var import_jsx_runtime186 = require("react/jsx-runtime");
+var import_jsx_runtime187 = require("react/jsx-runtime");
 var getInputValue = (value) => value != null ? String(value) : "";
-var AirbnbInput = React74.forwardRef(
+var AirbnbInput = React75.forwardRef(
   ({
     label,
     topLabel,
     helperText,
+    helper,
     error,
     invalid,
     loading,
@@ -20583,16 +20740,16 @@ var AirbnbInput = React74.forwardRef(
     ...props
   }, ref) => {
     const { t } = (0, import_react_i18next43.useTranslation)();
-    const generatedId = React74.useId();
-    const inputRef = React74.useRef(null);
+    const generatedId = React75.useId();
+    const inputRef = React75.useRef(null);
     const inputId = id ?? generatedId;
     const fieldId = `${inputId}-field`;
     const labelId = `${inputId}-label`;
     const errorId = `${inputId}-error`;
     const accessibleLabel = placeholder ?? label;
-    const [isFocused, setIsFocused] = React74.useState(false);
-    const [isPasswordRevealed, setIsPasswordRevealed] = React74.useState(false);
-    const [currentValue, setCurrentValue] = React74.useState(
+    const [isFocused, setIsFocused] = React75.useState(false);
+    const [isPasswordRevealed, setIsPasswordRevealed] = React75.useState(false);
+    const [currentValue, setCurrentValue] = React75.useState(
       () => value != null ? getInputValue(value) : getInputValue(defaultValue)
     );
     const resolvedValue = value != null ? getInputValue(value) : currentValue;
@@ -20605,16 +20762,16 @@ var AirbnbInput = React74.forwardRef(
     const triggerError = error ?? invalid;
     const hasLabelMeta = Boolean(optional) || Boolean(tooltip);
     const isBlocked = Boolean(disabled) || Boolean(loading);
-    React74.useLayoutEffect(() => {
+    React75.useLayoutEffect(() => {
       const nextValue = value != null ? getInputValue(value) : getInputValue(inputRef.current?.value);
       setCurrentValue((prevValue) => prevValue === nextValue ? prevValue : nextValue);
     }, [value]);
-    React74.useEffect(() => {
+    React75.useEffect(() => {
       if (!isPasswordInput) {
         setIsPasswordRevealed(false);
       }
     }, [isPasswordInput]);
-    const setRefs = React74.useCallback(
+    const setRefs = React75.useCallback(
       (node) => {
         inputRef.current = node;
         if (node && value == null) {
@@ -20647,7 +20804,13 @@ var AirbnbInput = React74.forwardRef(
     const togglePasswordReveal = () => {
       setIsPasswordRevealed((isRevealed) => !isRevealed);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
+    const focusInput = () => {
+      if (isBlocked) {
+        return;
+      }
+      inputRef.current?.focus();
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(
       AirbnbFieldTrigger,
       {
         as: "div",
@@ -20659,11 +20822,13 @@ var AirbnbInput = React74.forwardRef(
         errorId: error ? errorId : void 0,
         labelText: helperText ?? label,
         placeholder: placeholder ?? label,
+        helper,
         disabled,
         error: triggerError,
         loading,
         optional,
         tooltip,
+        onClick: focusInput,
         describedBy: error && renderErrorMessage ? errorId : void 0,
         className: cn(
           "px-4 focus-within:ring-2 focus-within:ring-[var(--chekin-airbnb-ink)] focus-within:ring-offset-2",
@@ -20676,7 +20841,7 @@ var AirbnbInput = React74.forwardRef(
         forceLabelText: hasLabelMeta,
         hideErrorMessage: !renderErrorMessage,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
             "input",
             {
               ...props,
@@ -20706,7 +20871,7 @@ var AirbnbInput = React74.forwardRef(
               )
             }
           ),
-          shouldShowPasswordReveal && /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
+          shouldShowPasswordReveal && /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
             "button",
             {
               type: "button",
@@ -20714,7 +20879,7 @@ var AirbnbInput = React74.forwardRef(
               disabled: isBlocked,
               className: "absolute bottom-0 right-0 flex h-6 w-6 items-center justify-center border-0 bg-transparent p-0 text-[var(--chekin-airbnb-gray-cool)] hover:text-[var(--chekin-airbnb-ink)] hover:opacity-85 disabled:cursor-not-allowed disabled:opacity-50",
               "aria-label": isPasswordRevealed ? t("hide_password") : t("show_password"),
-              children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
                 import_lucide_react55.Eye,
                 {
                   size: 18,
@@ -20734,14 +20899,14 @@ var AirbnbInput = React74.forwardRef(
 AirbnbInput.displayName = "AirbnbInput";
 
 // src/airbnb-fields/phone-field/PhoneField.tsx
-var React80 = __toESM(require("react"), 1);
+var React81 = __toESM(require("react"), 1);
 var import_lucide_react57 = require("lucide-react");
 
 // src/airbnb-fields/select/Select.tsx
-var React79 = __toESM(require("react"), 1);
+var React80 = __toESM(require("react"), 1);
 
 // src/airbnb-fields/select/SelectDesktopMenu.tsx
-var import_jsx_runtime187 = require("react/jsx-runtime");
+var import_jsx_runtime188 = require("react/jsx-runtime");
 function AirbnbSelectDesktopMenu({
   id,
   options,
@@ -20760,7 +20925,7 @@ function AirbnbSelectDesktopMenu({
   noOptionsMessage
 }) {
   const emptyMessage = noOptionsMessage?.();
-  return /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(
     "div",
     {
       id,
@@ -20773,12 +20938,12 @@ function AirbnbSelectDesktopMenu({
       onKeyDown,
       className: cn("max-h-[280px] overflow-y-auto p-2 outline-none", menuClassName),
       children: [
-        options.length === 0 && emptyMessage ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "px-4 py-3 text-base leading-6 text-[var(--chekin-airbnb-gray-text)]", children: emptyMessage }) : null,
+        options.length === 0 && emptyMessage ? /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { className: "px-4 py-3 text-base leading-6 text-[var(--chekin-airbnb-gray-text)]", children: emptyMessage }) : null,
         options.map((option, index) => {
           const isSelected = selectedValue?.value === option.value;
           const isHighlighted = index === highlightedIndex;
           const optionKey = `${String(option.value)}-${index}`;
-          return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
             "button",
             {
               id: getOptionId2(index),
@@ -20810,7 +20975,7 @@ function AirbnbSelectDesktopMenu({
 }
 
 // src/airbnb-fields/select/SelectDesktopContent.tsx
-var import_jsx_runtime188 = require("react/jsx-runtime");
+var import_jsx_runtime189 = require("react/jsx-runtime");
 function AirbnbSelectDesktopContent({
   isOpen,
   listboxId,
@@ -20831,14 +20996,14 @@ function AirbnbSelectDesktopContent({
   noOptionsMessage
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
     "div",
     {
       className: cn(
         "absolute left-0 right-0 top-[calc(100%+8px)] z-20 overflow-hidden rounded-[20px] border border-[var(--chekin-airbnb-border)] bg-white shadow-[0_14px_30px_rgba(18,18,18,0.08)]",
         dropdownClassName
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
         AirbnbSelectDesktopMenu,
         {
           id: listboxId,
@@ -20936,7 +21101,7 @@ function getMobileOptionStyles(index, scrollTop) {
 }
 
 // src/airbnb-fields/select/SelectMobileWheel.tsx
-var import_jsx_runtime189 = require("react/jsx-runtime");
+var import_jsx_runtime190 = require("react/jsx-runtime");
 function AirbnbSelectMobileWheel({
   id,
   options,
@@ -20955,7 +21120,7 @@ function AirbnbSelectMobileWheel({
 }) {
   const spacerHeight2 = getWheelSpacerHeight();
   const emptyMessage = noOptionsMessage?.();
-  return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(
     "div",
     {
       id,
@@ -20967,10 +21132,10 @@ function AirbnbSelectMobileWheel({
       onKeyDown,
       className: cn("relative overflow-hidden outline-none", menuClassName),
       children: [
-        options.length === 0 && emptyMessage ? /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: "flex min-h-[160px] items-center justify-center px-4 text-center text-base leading-6 text-[var(--chekin-airbnb-gray-text)]", children: emptyMessage }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: "pointer-events-none absolute inset-x-0 top-0 h-16 bg-gradient-to-b from-white via-white/80 to-transparent" }),
-        /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-white via-white/80 to-transparent" }),
-        /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
+        options.length === 0 && emptyMessage ? /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { className: "flex min-h-[160px] items-center justify-center px-4 text-center text-base leading-6 text-[var(--chekin-airbnb-gray-text)]", children: emptyMessage }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { className: "pointer-events-none absolute inset-x-0 top-0 h-16 bg-gradient-to-b from-white via-white/80 to-transparent" }),
+        /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-white via-white/80 to-transparent" }),
+        /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
           "div",
           {
             "aria-hidden": true,
@@ -20980,7 +21145,7 @@ function AirbnbSelectMobileWheel({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(
           "div",
           {
             ref: listRef,
@@ -20995,11 +21160,11 @@ function AirbnbSelectMobileWheel({
               WebkitOverflowScrolling: "touch"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { style: { height: `${spacerHeight2}px` } }),
+              /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { style: { height: `${spacerHeight2}px` } }),
               options.map((option, index) => {
                 const { distance, style } = getMobileOptionStyles(index, scrollTop);
                 const optionKey = `${String(option.value)}-${index}`;
-                return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
                   "button",
                   {
                     id: getOptionId2(index),
@@ -21020,7 +21185,7 @@ function AirbnbSelectMobileWheel({
                   optionKey
                 );
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { style: { height: `${spacerHeight2}px` } })
+              /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { style: { height: `${spacerHeight2}px` } })
             ]
           }
         )
@@ -21030,7 +21195,7 @@ function AirbnbSelectMobileWheel({
 }
 
 // src/airbnb-fields/select/SelectMobileContent.tsx
-var import_jsx_runtime190 = require("react/jsx-runtime");
+var import_jsx_runtime191 = require("react/jsx-runtime");
 function AirbnbSelectMobileContent({
   open,
   onOpenChange,
@@ -21054,11 +21219,11 @@ function AirbnbSelectMobileContent({
   getOptionId: getOptionId2,
   noOptionsMessage
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(DrawerContent, { onClose, lockScroll: false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
-    /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(DrawerDescription, { className: "sr-only", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: "px-6 pb-4 pt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(DrawerContent, { onClose, lockScroll: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
+    /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(DrawerDescription, { className: "sr-only", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "px-6 pb-4 pt-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
         AirbnbSelectMobileWheel,
         {
           id: listboxId,
@@ -21077,16 +21242,16 @@ function AirbnbSelectMobileContent({
           noOptionsMessage
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
     ] })
   ] }) });
 }
 
 // src/airbnb-fields/select/SelectTrigger.tsx
-var React75 = __toESM(require("react"), 1);
+var React76 = __toESM(require("react"), 1);
 var import_lucide_react56 = require("lucide-react");
-var import_jsx_runtime191 = require("react/jsx-runtime");
-var AirbnbSelectTrigger = React75.forwardRef(
+var import_jsx_runtime192 = require("react/jsx-runtime");
+var AirbnbSelectTrigger = React76.forwardRef(
   ({
     id,
     open,
@@ -21098,6 +21263,7 @@ var AirbnbSelectTrigger = React75.forwardRef(
     loading,
     optional,
     tooltip,
+    helper,
     error,
     hideErrorMessage,
     labelId,
@@ -21110,7 +21276,7 @@ var AirbnbSelectTrigger = React75.forwardRef(
     onKeyDown,
     onBlur
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
       AirbnbFieldTrigger,
       {
         id,
@@ -21132,15 +21298,17 @@ var AirbnbSelectTrigger = React75.forwardRef(
         loading,
         optional,
         tooltip,
+        helper,
         forceLabelText: Boolean(optional) || Boolean(tooltip),
         hideErrorMessage,
         disabled,
         onClick,
         onKeyDown,
         onBlur,
-        trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+        trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
           import_lucide_react56.ChevronDown,
           {
+            strokeWidth: "1.5",
             className: open ? "h-6 w-6 rotate-180 text-[var(--chekin-airbnb-ink)] transition-transform" : "h-6 w-6 text-[var(--chekin-airbnb-ink)] transition-transform"
           }
         )
@@ -21151,7 +21319,7 @@ var AirbnbSelectTrigger = React75.forwardRef(
 AirbnbSelectTrigger.displayName = "AirbnbSelectTrigger";
 
 // src/airbnb-fields/select/useDesktopSelect.ts
-var React76 = __toESM(require("react"), 1);
+var React77 = __toESM(require("react"), 1);
 function useDesktopSelect({
   isMobile: isMobile3,
   isOpen,
@@ -21160,12 +21328,12 @@ function useDesktopSelect({
   disabled,
   onChange
 }) {
-  const [highlightedIndex, setHighlightedIndex] = React76.useState(-1);
-  const triggerRef = React76.useRef(null);
-  const listRef = React76.useRef(null);
-  const optionRefs = React76.useRef([]);
+  const [highlightedIndex, setHighlightedIndex] = React77.useState(-1);
+  const triggerRef = React77.useRef(null);
+  const listRef = React77.useRef(null);
+  const optionRefs = React77.useRef([]);
   const selectedIndex = getOptionIndex2(options, value);
-  React76.useEffect(() => {
+  React77.useEffect(() => {
     if (!isOpen || isMobile3) return;
     setHighlightedIndex((currentIndex) => {
       if (currentIndex >= 0) {
@@ -21180,34 +21348,34 @@ function useDesktopSelect({
       window.cancelAnimationFrame(frameId);
     };
   }, [isMobile3, isOpen, options, selectedIndex]);
-  React76.useEffect(() => {
+  React77.useEffect(() => {
     if (!isOpen || isMobile3 || highlightedIndex < 0) return;
     optionRefs.current[highlightedIndex]?.scrollIntoView({
       block: "nearest"
     });
   }, [highlightedIndex, isMobile3, isOpen]);
-  React76.useEffect(() => {
+  React77.useEffect(() => {
     if (isOpen) return;
     setHighlightedIndex(-1);
   }, [isOpen]);
-  const focusTrigger = React76.useCallback(() => {
+  const focusTrigger = React77.useCallback(() => {
     triggerRef.current?.focus();
   }, []);
-  const handleSelect = React76.useCallback(
+  const handleSelect = React77.useCallback(
     (option) => {
       if (option.isDisabled || disabled) return;
       onChange?.(option);
     },
     [disabled, onChange]
   );
-  const openMenu = React76.useCallback(
+  const openMenu = React77.useCallback(
     (targetIndex) => {
       const fallbackIndex = selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex2(options);
       setHighlightedIndex(targetIndex ?? fallbackIndex);
     },
     [options, selectedIndex]
   );
-  const handleTriggerKeyDown = React76.useCallback(
+  const handleTriggerKeyDown = React77.useCallback(
     (event, onOpen) => {
       if (disabled) return;
       if (event.key === "ArrowDown") {
@@ -21232,7 +21400,7 @@ function useDesktopSelect({
     },
     [disabled, openMenu, options, selectedIndex]
   );
-  const handleMenuKeyDown = React76.useCallback(
+  const handleMenuKeyDown = React77.useCallback(
     (event, onClose) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -21282,7 +21450,7 @@ function useDesktopSelect({
     },
     [focusTrigger, highlightedIndex, onChange, options]
   );
-  const setOptionRef = React76.useCallback(
+  const setOptionRef = React77.useCallback(
     (index, node) => {
       optionRefs.current[index] = node;
     },
@@ -21302,23 +21470,23 @@ function useDesktopSelect({
 }
 
 // src/airbnb-fields/select/useMobileSelectWheel.ts
-var React77 = __toESM(require("react"), 1);
+var React78 = __toESM(require("react"), 1);
 function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, disabled }) {
-  const [pendingValue, setPendingValue] = React77.useState(
+  const [pendingValue, setPendingValue] = React78.useState(
     value ?? null
   );
-  const [mobileScrollTop, setMobileScrollTop] = React77.useState(0);
-  const mobileListRef = React77.useRef(null);
-  const scrollSettleTimeoutRef = React77.useRef(null);
-  const scrollAnimationFrameRef = React77.useRef(null);
-  const getTargetIndex = React77.useCallback(
+  const [mobileScrollTop, setMobileScrollTop] = React78.useState(0);
+  const mobileListRef = React78.useRef(null);
+  const scrollSettleTimeoutRef = React78.useRef(null);
+  const scrollAnimationFrameRef = React78.useRef(null);
+  const getTargetIndex = React78.useCallback(
     (targetValue) => {
       const selectedIndex = getOptionIndex2(options, targetValue);
       return selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex2(options);
     },
     [options]
   );
-  const syncScrollPosition = React77.useCallback(
+  const syncScrollPosition = React78.useCallback(
     (targetValue, behavior = "instant") => {
       const targetIndex = getTargetIndex(targetValue);
       if (targetIndex < 0) return;
@@ -21337,27 +21505,27 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [getTargetIndex, options]
   );
-  const clearScrollSettleTimeout = React77.useCallback(() => {
+  const clearScrollSettleTimeout = React78.useCallback(() => {
     if (scrollSettleTimeoutRef.current === null) return;
     window.clearTimeout(scrollSettleTimeoutRef.current);
     scrollSettleTimeoutRef.current = null;
   }, []);
-  const clearScrollAnimationFrame = React77.useCallback(() => {
+  const clearScrollAnimationFrame = React78.useCallback(() => {
     if (scrollAnimationFrameRef.current === null) return;
     window.cancelAnimationFrame(scrollAnimationFrameRef.current);
     scrollAnimationFrameRef.current = null;
   }, []);
-  React77.useEffect(
+  React78.useEffect(
     () => () => {
       clearScrollSettleTimeout();
       clearScrollAnimationFrame();
     },
     [clearScrollAnimationFrame, clearScrollSettleTimeout]
   );
-  React77.useEffect(() => {
+  React78.useEffect(() => {
     setPendingValue(value ?? null);
   }, [value]);
-  React77.useLayoutEffect(() => {
+  React78.useLayoutEffect(() => {
     if (!isMobile3 || !isOpen) return;
     const frameId = window.requestAnimationFrame(() => {
       syncScrollPosition(value ?? null, "instant");
@@ -21366,7 +21534,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
       window.cancelAnimationFrame(frameId);
     };
   }, [isMobile3, isOpen, syncScrollPosition, value]);
-  const settleScroll = React77.useCallback(() => {
+  const settleScroll = React78.useCallback(() => {
     if (!mobileListRef.current) return;
     const nextIndex = Math.round(mobileListRef.current.scrollTop / MOBILE_OPTION_HEIGHT);
     const nextOption = options[nextIndex];
@@ -21378,13 +21546,13 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     }
     setPendingValue(nextOption);
   }, [options, pendingValue]);
-  const scheduleScrollSettle = React77.useCallback(() => {
+  const scheduleScrollSettle = React78.useCallback(() => {
     clearScrollSettleTimeout();
     scrollSettleTimeoutRef.current = window.setTimeout(() => {
       settleScroll();
     }, MOBILE_SCROLL_SETTLE_DELAY);
   }, [clearScrollSettleTimeout, settleScroll]);
-  const handleScroll = React77.useCallback(() => {
+  const handleScroll = React78.useCallback(() => {
     if (!mobileListRef.current) return;
     const nextScrollTop = mobileListRef.current.scrollTop;
     clearScrollAnimationFrame();
@@ -21394,7 +21562,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     });
     scheduleScrollSettle();
   }, [clearScrollAnimationFrame, scheduleScrollSettle]);
-  const focusOptionByIndex = React77.useCallback(
+  const focusOptionByIndex = React78.useCallback(
     (index, behavior = "instant", updatePendingImmediately = behavior === "instant") => {
       if (!mobileListRef.current || index < 0 || index >= options.length) return;
       const option = options[index];
@@ -21412,7 +21580,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [options, scheduleScrollSettle]
   );
-  const handleOptionClick = React77.useCallback(
+  const handleOptionClick = React78.useCallback(
     (option) => {
       if (!mobileListRef.current || disabled || option.isDisabled) return;
       const optionIndex = getOptionIndex2(options, option);
@@ -21421,7 +21589,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [disabled, focusOptionByIndex, options]
   );
-  const moveByStep = React77.useCallback(
+  const moveByStep = React78.useCallback(
     (step) => {
       const currentIndex = getOptionIndex2(options, pendingValue);
       const fallbackIndex = step === 1 ? getFirstEnabledOptionIndex2(options) : getLastEnabledOptionIndex2(options);
@@ -21433,7 +21601,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [focusOptionByIndex, options, pendingValue]
   );
-  const moveToBoundary = React77.useCallback(
+  const moveToBoundary = React78.useCallback(
     (boundary) => {
       const targetIndex = boundary === "start" ? getFirstEnabledOptionIndex2(options) : getLastEnabledOptionIndex2(options);
       if (targetIndex >= 0) {
@@ -21442,7 +21610,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [focusOptionByIndex, options]
   );
-  const syncPendingValue = React77.useCallback(
+  const syncPendingValue = React78.useCallback(
     (nextValue) => {
       const normalizedValue = nextValue ?? null;
       const matchedIndex = getOptionIndex2(options, normalizedValue);
@@ -21470,9 +21638,9 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
 }
 
 // src/airbnb-fields/select/useSelectIds.ts
-var React78 = __toESM(require("react"), 1);
+var React79 = __toESM(require("react"), 1);
 function useSelectIds2({ name, hasValue, error, hideErrorMessage }) {
-  const reactId = React78.useId().replace(/:/g, "");
+  const reactId = React79.useId().replace(/:/g, "");
   const baseId = name ? `select-${name}` : `select-${reactId}`;
   const triggerId = `${baseId}-trigger`;
   const labelId = `${baseId}-label`;
@@ -21482,7 +21650,7 @@ function useSelectIds2({ name, hasValue, error, hideErrorMessage }) {
   const listboxId = `${baseId}-listbox`;
   const describedErrorId = error && !hideErrorMessage ? errorId : void 0;
   const describedBy = [!hasValue ? helperTextId : null, describedErrorId].filter(Boolean).join(" ") || void 0;
-  const getOptionId2 = React78.useCallback(
+  const getOptionId2 = React79.useCallback(
     (index) => `${baseId}-option-${index}`,
     [baseId]
   );
@@ -21500,8 +21668,8 @@ function useSelectIds2({ name, hasValue, error, hideErrorMessage }) {
 }
 
 // src/airbnb-fields/select/Select.tsx
-var import_jsx_runtime192 = require("react/jsx-runtime");
-var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
+var import_jsx_runtime193 = require("react/jsx-runtime");
+var AirbnbSelect = React80.forwardRef(function AirbnbSelect2({
   options = [],
   value,
   onChange,
@@ -21515,6 +21683,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
   loading,
   optional,
   tooltip,
+  helper,
   error,
   invalid,
   hideErrorMessage,
@@ -21528,8 +21697,8 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
   filterOption
 }, ref) {
   const { isMatch: isMobile3 } = useScreenResize(DEVICE.mobileXL);
-  const [isOpen, setIsOpen] = React79.useState(false);
-  const containerRef = React79.useRef(null);
+  const [isOpen, setIsOpen] = React80.useState(false);
+  const containerRef = React80.useRef(null);
   const filteredOptions = filterOption ? options.filter(filterOption) : options;
   const hasValue = Boolean(value);
   const helperText = placeholder ?? label;
@@ -21591,12 +21760,12 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
     onOutsideClick: () => setIsOpen(false),
     isDisabled: !isOpen || isMobile3
   });
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     if (isBlocked) {
       setIsOpen(false);
     }
   }, [isBlocked]);
-  React79.useEffect(
+  React80.useEffect(
     function setCorrectOptionIfThereIsOnlyValue() {
       if (value?.value === void 0 || value.value === null || value.label !== "") {
         return;
@@ -21608,7 +21777,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
     },
     [onChange, filteredOptions, value]
   );
-  const handleMobileOpenChange = React79.useCallback(
+  const handleMobileOpenChange = React80.useCallback(
     (nextOpen) => {
       if (isBlocked && nextOpen) return;
       setIsOpen(nextOpen);
@@ -21619,7 +21788,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
     },
     [focusTrigger, isBlocked, syncPendingValue, value]
   );
-  const handleMobileDone = React79.useCallback(() => {
+  const handleMobileDone = React80.useCallback(() => {
     if (isBlocked) return;
     const finalOption = pendingValue;
     if (finalOption && finalOption.value !== value?.value) {
@@ -21628,7 +21797,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
     setIsOpen(false);
     focusTrigger();
   }, [focusTrigger, isBlocked, onChange, pendingValue, value]);
-  const handleTriggerClick = React79.useCallback(() => {
+  const handleTriggerClick = React80.useCallback(() => {
     if (isBlocked) return;
     setIsOpen((prev) => {
       const nextOpen = !prev;
@@ -21681,13 +21850,13 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
       handleMobileOpenChange(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)(
     "div",
     {
       ref: containerRef,
       className: cn("relative w-full max-w-[var(--max-field-width)]", className),
       children: [
-        name && /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
+        name && /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
         renderTrigger ? renderTrigger({
           id: triggerId,
           open: isOpen,
@@ -21700,6 +21869,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
           loading,
           optional,
           tooltip,
+          helper,
           error,
           invalid,
           listboxId,
@@ -21708,7 +21878,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
           onClick: handleTriggerClick,
           onKeyDown: handleRootTriggerKeyDown,
           onBlur
-        }) : /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+        }) : /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
           AirbnbSelectTrigger,
           {
             id: triggerId,
@@ -21722,6 +21892,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
             loading,
             optional,
             tooltip,
+            helper,
             error: triggerError,
             hideErrorMessage,
             labelId,
@@ -21735,7 +21906,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
             onBlur
           }
         ),
-        isMobile3 ? /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+        isMobile3 ? /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
           AirbnbSelectMobileContent,
           {
             open: isOpen,
@@ -21760,7 +21931,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
             getOptionId: getOptionId2,
             noOptionsMessage
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
           AirbnbSelectDesktopContent,
           {
             isOpen,
@@ -21794,13 +21965,13 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
 });
 
 // src/airbnb-fields/phone-field/PhoneField.tsx
-var import_jsx_runtime193 = require("react/jsx-runtime");
+var import_jsx_runtime194 = require("react/jsx-runtime");
 function formatPhoneCodeOptionLabel2(option) {
   const label = String(option.label);
   const value = String(option.value);
   return label.includes(value) ? label : `${label} (${value})`;
 }
-var AirbnbPhoneField = React80.forwardRef(
+var AirbnbPhoneField = React81.forwardRef(
   ({
     label,
     topLabel,
@@ -21816,6 +21987,7 @@ var AirbnbPhoneField = React80.forwardRef(
     loading,
     optional,
     tooltip,
+    helper,
     className,
     name,
     codeName,
@@ -21824,9 +21996,9 @@ var AirbnbPhoneField = React80.forwardRef(
     codePlaceholder = "+00",
     defaultCode
   }, ref) => {
-    const inputId = React80.useId();
+    const inputId = React81.useId();
     const effectiveCode = value?.code || defaultCode || "";
-    const codeOptions = React80.useMemo(
+    const codeOptions = React81.useMemo(
       () => options.map((option) => ({
         value: option.value,
         label: formatPhoneCodeOptionLabel2(option),
@@ -21834,7 +22006,7 @@ var AirbnbPhoneField = React80.forwardRef(
       })),
       [options]
     );
-    const selectedCodeOption = React80.useMemo(
+    const selectedCodeOption = React81.useMemo(
       () => codeOptions.find((option) => option.value === effectiveCode) ?? null,
       [codeOptions, effectiveCode]
     );
@@ -21842,9 +22014,9 @@ var AirbnbPhoneField = React80.forwardRef(
     const hasInvalidState = Boolean(error) || Boolean(invalid);
     const isBlocked = Boolean(disabled) || Boolean(loading);
     const isCodeBlocked = isBlocked || Boolean(codeReadOnly);
-    return /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
-      name && /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("input", { type: "hidden", name, value: combinedValue, disabled }),
-      codeName && /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
+      name && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("input", { type: "hidden", name, value: combinedValue, disabled }),
+      codeName && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
         "input",
         {
           type: "hidden",
@@ -21853,7 +22025,7 @@ var AirbnbPhoneField = React80.forwardRef(
           disabled
         }
       ),
-      numberName && /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
+      numberName && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
         "input",
         {
           type: "hidden",
@@ -21862,7 +22034,7 @@ var AirbnbPhoneField = React80.forwardRef(
           disabled
         }
       ),
-      topLabel && /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
+      topLabel && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
         "label",
         {
           htmlFor: inputId,
@@ -21870,8 +22042,8 @@ var AirbnbPhoneField = React80.forwardRef(
           children: topLabel
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)("div", { className: "flex items-stretch", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("div", { className: "flex items-stretch", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
           AirbnbSelect,
           {
             ref,
@@ -21900,7 +22072,7 @@ var AirbnbPhoneField = React80.forwardRef(
               onClick,
               onKeyDown,
               valueLabel
-            }) => /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)(
+            }) => /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(
               "button",
               {
                 id,
@@ -21921,8 +22093,8 @@ var AirbnbPhoneField = React80.forwardRef(
                   triggerDisabled ? "cursor-not-allowed opacity-50" : triggerLoading ? "cursor-progress" : "cursor-pointer"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("span", { children: valueLabel ?? codePlaceholder }),
-                  /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("span", { children: valueLabel ?? codePlaceholder }),
+                  /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
                     import_lucide_react57.ChevronDown,
                     {
                       className: cn("h-5 w-5 transition-transform", open ? "rotate-180" : ""),
@@ -21934,7 +22106,7 @@ var AirbnbPhoneField = React80.forwardRef(
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
           AirbnbInput,
           {
             id: inputId,
@@ -21963,18 +22135,19 @@ var AirbnbPhoneField = React80.forwardRef(
           }
         )
       ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(FieldErrorMessage, { message: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(FieldErrorMessage, { message: error }),
+      !error && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(AirbnbFieldHelperText, { helper, disabled })
     ] });
   }
 );
 AirbnbPhoneField.displayName = "AirbnbPhoneField";
 
 // src/airbnb-fields/searchable-select/SearchableSelect.tsx
-var React81 = __toESM(require("react"), 1);
+var React82 = __toESM(require("react"), 1);
 var import_lucide_react58 = require("lucide-react");
 var import_react_virtual3 = require("@tanstack/react-virtual");
 var import_react90 = require("react");
-var import_jsx_runtime194 = require("react/jsx-runtime");
+var import_jsx_runtime195 = require("react/jsx-runtime");
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
 var MOBILE_LIST_HEIGHT = 420;
@@ -22005,6 +22178,7 @@ var AirbnbSearchableSelectInternal = ({
   invalid,
   optional,
   tooltip,
+  helper,
   hideErrorMessage,
   name,
   className,
@@ -22014,13 +22188,13 @@ var AirbnbSearchableSelectInternal = ({
   loadingMessage
 }, ref) => {
   const { isMatch: isMobile3 } = useScreenResize(DEVICE.mobileXL);
-  const reactId = React81.useId();
-  const [open, setOpen] = React81.useState(false);
-  const [internalSearchValue, setInternalSearchValue] = React81.useState("");
-  const [highlightedIndex, setHighlightedIndex] = React81.useState(-1);
-  const containerRef = React81.useRef(null);
-  const triggerRef = React81.useRef(null);
-  const inputRef = React81.useRef(null);
+  const reactId = React82.useId();
+  const [open, setOpen] = React82.useState(false);
+  const [internalSearchValue, setInternalSearchValue] = React82.useState("");
+  const [highlightedIndex, setHighlightedIndex] = React82.useState(-1);
+  const containerRef = React82.useRef(null);
+  const triggerRef = React82.useRef(null);
+  const inputRef = React82.useRef(null);
   const listboxId = `${reactId}-listbox`;
   const labelId = `${reactId}-label`;
   const valueId = `${reactId}-value`;
@@ -22029,13 +22203,13 @@ var AirbnbSearchableSelectInternal = ({
   const searchInputId = `${reactId}-search`;
   const effectiveSearchValue = searchValue ?? internalSearchValue;
   const shouldFilterLocally = !onSearchChange && filterOption !== null;
-  const visibleOptions = React81.useMemo(() => {
+  const visibleOptions = React82.useMemo(() => {
     if (!shouldFilterLocally || !effectiveSearchValue) {
       return options;
     }
     return options.filter((option) => filterOption(option, effectiveSearchValue));
   }, [effectiveSearchValue, filterOption, options, shouldFilterLocally]);
-  const selectedIndex = React81.useMemo(
+  const selectedIndex = React82.useMemo(
     () => visibleOptions.findIndex((option) => option.value === value?.value),
     [value?.value, visibleOptions]
   );
@@ -22061,7 +22235,7 @@ var AirbnbSearchableSelectInternal = ({
     },
     [handleOnOpenChange]
   );
-  React81.useEffect(() => {
+  React82.useEffect(() => {
     if (isBlocked) {
       setSelectOpen(false);
       return;
@@ -22074,7 +22248,7 @@ var AirbnbSearchableSelectInternal = ({
       window.cancelAnimationFrame(frameId);
     };
   }, [isBlocked, open, setSelectOpen]);
-  React81.useEffect(() => {
+  React82.useEffect(() => {
     if (!open) {
       setHighlightedIndex(-1);
       return;
@@ -22142,7 +22316,7 @@ var AirbnbSearchableSelectInternal = ({
       }
     }
   }
-  const content = /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
     AirbnbSearchableSelectContent,
     {
       inputId: searchInputId,
@@ -22169,10 +22343,10 @@ var AirbnbSearchableSelectInternal = ({
       onOptionHover: setHighlightedIndex
     }
   );
-  React81.useImperativeHandle(ref, () => triggerRef.current, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
-    name && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+  React82.useImperativeHandle(ref, () => triggerRef.current, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
+    name && /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
       AirbnbFieldTrigger,
       {
         id: `${reactId}-trigger`,
@@ -22194,6 +22368,7 @@ var AirbnbSearchableSelectInternal = ({
         loading,
         optional,
         tooltip,
+        helper,
         forceLabelText: Boolean(optional) || Boolean(tooltip),
         hideErrorMessage,
         disabled,
@@ -22206,7 +22381,7 @@ var AirbnbSearchableSelectInternal = ({
         },
         onKeyDown: handleTriggerKeyDown,
         onBlur,
-        trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+        trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
           import_lucide_react58.ChevronDown,
           {
             className: cn(
@@ -22217,7 +22392,7 @@ var AirbnbSearchableSelectInternal = ({
         )
       }
     ),
-    isMobile3 ? /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+    isMobile3 ? /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
       Drawer,
       {
         open,
@@ -22229,13 +22404,13 @@ var AirbnbSearchableSelectInternal = ({
           }
           closeSelect();
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
-          /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(DrawerDescription, { className: "sr-only", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { className: "px-5 pb-5 pt-1", children: content })
+        children: /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
+          /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(DrawerDescription, { className: "sr-only", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { className: "px-5 pb-5 pt-1", children: content })
         ] })
       }
-    ) : open ? /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+    ) : open ? /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
       "div",
       {
         className: cn(
@@ -22247,7 +22422,7 @@ var AirbnbSearchableSelectInternal = ({
     ) : null
   ] });
 };
-var AirbnbSearchableSelect = React81.forwardRef(
+var AirbnbSearchableSelect = React82.forwardRef(
   AirbnbSearchableSelectInternal
 );
 function AirbnbSearchableSelectContent({
@@ -22274,9 +22449,9 @@ function AirbnbSearchableSelectContent({
   onOptionClick,
   onOptionHover
 }) {
-  const listRef = React81.useRef(null);
-  const lastLoadMoreOptionsLengthRef = React81.useRef(null);
-  const previousHighlightedIndexRef = React81.useRef(highlightedIndex);
+  const listRef = React82.useRef(null);
+  const lastLoadMoreOptionsLengthRef = React82.useRef(null);
+  const previousHighlightedIndexRef = React82.useRef(highlightedIndex);
   const rowCount = options.length + (loading && options.length > 0 ? 1 : 0);
   const virtualizer = (0, import_react_virtual3.useVirtualizer)({
     count: rowCount,
@@ -22287,7 +22462,7 @@ function AirbnbSearchableSelectContent({
   const virtualItems = virtualizer.getVirtualItems();
   const emptyMessage = noOptionsMessage?.() ?? "No matches found";
   const loadingText = loadingMessage?.() ?? "Loading...";
-  React81.useEffect(() => {
+  React82.useEffect(() => {
     const lastItem = virtualItems[virtualItems.length - 1];
     const shouldLoadMore = !!lastItem && hasNextPage && !loading && lastItem.index >= options.length - LOAD_MORE_THRESHOLD;
     if (shouldLoadMore && lastLoadMoreOptionsLengthRef.current !== options.length) {
@@ -22295,23 +22470,23 @@ function AirbnbSearchableSelectContent({
       onLoadMore?.();
     }
   }, [hasNextPage, loading, onLoadMore, options.length, virtualItems]);
-  React81.useEffect(() => {
+  React82.useEffect(() => {
     const hasHighlightedIndexChanged = previousHighlightedIndexRef.current !== highlightedIndex;
     previousHighlightedIndexRef.current = highlightedIndex;
     if (highlightedIndex >= 0 && hasHighlightedIndexChanged) {
       virtualizer.scrollToIndex(highlightedIndex, { align: "auto" });
     }
   }, [highlightedIndex, virtualizer]);
-  return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("div", { className: "p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("div", { className: "relative mb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("div", { className: "p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("div", { className: "relative mb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
         import_lucide_react58.Search,
         {
           "aria-hidden": "true",
           className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-neutral-500)]"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
         "input",
         {
           id: inputId,
@@ -22330,7 +22505,7 @@ function AirbnbSearchableSelectContent({
         }
       )
     ] }),
-    loading && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { className: "px-4 py-5 text-center text-base leading-6 text-[var(--chekin-airbnb-gray-text)]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { className: "px-4 py-5 text-center text-base leading-6 text-[var(--chekin-airbnb-gray-text)]", children: emptyMessage }) : /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+    loading && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { className: "px-4 py-5 text-center text-base leading-6 text-[var(--chekin-airbnb-gray-text)]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { className: "px-4 py-5 text-center text-base leading-6 text-[var(--chekin-airbnb-gray-text)]", children: emptyMessage }) : /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
       "div",
       {
         id: listboxId,
@@ -22339,7 +22514,7 @@ function AirbnbSearchableSelectContent({
         "aria-labelledby": labelId,
         className: cn("overflow-y-auto outline-none", menuClassName),
         style: { height: Math.min(height, rowCount * ROW_HEIGHT) },
-        children: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
           "div",
           {
             className: "relative w-full",
@@ -22347,7 +22522,7 @@ function AirbnbSearchableSelectContent({
             children: virtualItems.map((virtualItem) => {
               const option = options[virtualItem.index];
               if (!option) {
-                return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
                   "div",
                   {
                     className: "absolute left-0 top-0 flex w-full items-center px-4 text-base leading-6 text-[var(--chekin-airbnb-gray-text)]",
@@ -22362,7 +22537,7 @@ function AirbnbSearchableSelectContent({
               }
               const isSelected = value?.value === option.value;
               const isHighlighted = virtualItem.index === highlightedIndex;
-              return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
                 "button",
                 {
                   id: getOptionId(idPrefix, virtualItem.index),
@@ -22384,7 +22559,7 @@ function AirbnbSearchableSelectContent({
                     height: `${virtualItem.size}px`,
                     transform: `translateY(${virtualItem.start}px)`
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("span", { className: "truncate text-center", children: String(option.label) })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("span", { className: "truncate text-center", children: String(option.label) })
                 },
                 `${String(option.value)}-${virtualItem.index}`
               );
@@ -22413,16 +22588,18 @@ function getNextEnabledIndex(options, startIndex, step) {
 }
 
 // src/airbnb-fields/search-input/SearchInput.tsx
-var React82 = __toESM(require("react"), 1);
+var React83 = __toESM(require("react"), 1);
 var import_react_i18next44 = require("react-i18next");
 var import_lucide_react59 = require("lucide-react");
-var import_jsx_runtime195 = require("react/jsx-runtime");
-var AirbnbSearchInput = React82.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
+var import_jsx_runtime196 = require("react/jsx-runtime");
+var AirbnbSearchInput = React83.forwardRef(({ onReset, placeholder, helper, wrapperClassName, ...props }, ref) => {
   const { t } = (0, import_react_i18next44.useTranslation)();
+  const generatedId = React83.useId();
+  const helperId = helper ? `${props.id ?? generatedId}-helper` : void 0;
   const placeholderText = placeholder || t("search_property") + "...";
-  return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(import_lucide_react59.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[var(--chekin-neutral-500)]" }),
-    /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+  const field = /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(import_lucide_react59.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[var(--chekin-neutral-500)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
       "input",
       {
         ...props,
@@ -22435,31 +22612,39 @@ var AirbnbSearchInput = React82.forwardRef(({ onReset, placeholder, wrapperClass
         onFocus: props.onFocus,
         onBlur: props.onBlur,
         placeholder: placeholderText,
+        "aria-describedby": helperId ?? props["aria-describedby"],
         className: cn(
           "placeholder-shown:bg-accent flex h-10 w-full rounded-md border border-input bg-background py-3 pl-12 pr-4 text-base text-[#2d3748] ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-base placeholder:font-medium placeholder:text-[var(--chekin-neutral-500)] focus:border-gray-300 focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           props.className
         )
       }
     ),
-    onReset && /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+    onReset && /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
       Button,
       {
         variant: "ghost",
         onClick: onReset,
         className: "absolute right-0 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[var(--chekin-neutral-500)]",
-        children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(import_lucide_react59.X, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(import_lucide_react59.X, { className: "h-5 w-5" })
       }
     )
   ] });
+  if (!helper) {
+    return field;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)("div", { className: "w-full", children: [
+    field,
+    /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(AirbnbFieldHelperText, { id: helperId, helper, disabled: props.disabled })
+  ] });
 });
 AirbnbSearchInput.displayName = "AirbnbSearchInput";
 
 // src/airbnb-fields/switch/Switch.tsx
-var React83 = __toESM(require("react"), 1);
+var React84 = __toESM(require("react"), 1);
 var SwitchPrimitives2 = __toESM(require("@radix-ui/react-switch"), 1);
 var import_lucide_react60 = require("lucide-react");
-var import_jsx_runtime196 = require("react/jsx-runtime");
-var AirbnbSwitch = React83.forwardRef(
+var import_jsx_runtime197 = require("react/jsx-runtime");
+var AirbnbSwitch = React84.forwardRef(
   ({
     className,
     value,
@@ -22470,15 +22655,18 @@ var AirbnbSwitch = React83.forwardRef(
     id,
     label,
     error,
+    helper,
     wrapperClassName,
     ...props
   }, ref) => {
-    const generatedId = React83.useId();
+    const generatedId = React84.useId();
     const fieldId = id || generatedId;
-    const switchElement = /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
+    const helperId = `${fieldId}-helper`;
+    const switchElement = /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
       SwitchPrimitives2.Root,
       {
         ref,
+        "aria-describedby": helper ? helperId : void 0,
         className: cn(
           "group inline-flex h-[24px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border border-solid border-transparent p-[2px] transition-colors duration-200",
           "focus-visible:outline-none focus-visible:shadow-[var(--chekin-shadow-focus)]",
@@ -22495,14 +22683,14 @@ var AirbnbSwitch = React83.forwardRef(
         "aria-busy": loading,
         "aria-readonly": readOnly,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
           SwitchPrimitives2.Thumb,
           {
             className: cn(
               "flex h-[20px] w-[20px] items-center justify-center rounded-full bg-white shadow-[0_1px_3px_rgba(0,0,0,0.22)] transition-transform duration-200",
               "data-[state=checked]:translate-x-[12px] data-[state=unchecked]:translate-x-0"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
               import_lucide_react60.Check,
               {
                 "aria-hidden": "true",
@@ -22514,13 +22702,13 @@ var AirbnbSwitch = React83.forwardRef(
         )
       }
     );
-    if (!label && !error) {
+    if (!label && !error && !helper) {
       return switchElement;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)(import_jsx_runtime196.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)("div", { className: cn("flex items-center gap-x-3 gap-y-1.5", wrapperClassName), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)(import_jsx_runtime197.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)("div", { className: cn("flex items-center gap-x-3 gap-y-1.5", wrapperClassName), children: [
         switchElement,
-        label && /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
           Label,
           {
             htmlFor: fieldId,
@@ -22532,7 +22720,8 @@ var AirbnbSwitch = React83.forwardRef(
           }
         )
       ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(ErrorMessage, { disabled, children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(ErrorMessage, { disabled, children: error }),
+      !error && /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(AirbnbFieldHelperText, { id: helperId, helper, disabled })
     ] });
   }
 );
@@ -22545,6 +22734,7 @@ AirbnbSwitch.displayName = "AirbnbSwitch";
   AccordionItem,
   AccordionTrigger,
   AirbnbDatePicker,
+  AirbnbFieldHelperText,
   AirbnbFieldTrigger,
   AirbnbInput,
   AirbnbPhoneField,