@chekinapp/ui 0.0.136 → 0.0.137

package/dist/index.js

@@ -14745,6 +14745,7 @@ import * as React59 from "react";
 import { useTranslation as useTranslation36 } from "react-i18next";
 
 // src/dashboard/select-checkboxes/SelectCheckboxOption.tsx
+import { Check as Check7 } from "lucide-react";
 import { jsx as jsx163, jsxs as jsxs102 } from "react/jsx-runtime";
 function SelectCheckboxOption(props) {
   const {
@@ -14758,7 +14759,7 @@ function SelectCheckboxOption(props) {
     onHover,
     innerRef
   } = props;
-  return /* @__PURE__ */ jsx163(
+  return /* @__PURE__ */ jsxs102(
     "button",
     {
       id,
@@ -14778,10 +14779,25 @@ function SelectCheckboxOption(props) {
         isSelected && "bg-[var(--chekin-color-surface-autocomplete)] font-semibold text-[var(--chekin-color-brand-blue)]",
         isDisabled && "cursor-not-allowed text-[var(--chekin-color-gray-2)]"
       ),
-      children: /* @__PURE__ */ jsxs102("span", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx163("span", { className: "block break-words", children: option.label }),
-        option.description && /* @__PURE__ */ jsx163("span", { className: "shrink-0 text-[12px] font-medium italic text-[var(--chekin-color-gray-1)]", children: option.description })
-      ] })
+      children: [
+        /* @__PURE__ */ jsx163(
+          "span",
+          {
+            "aria-hidden": "true",
+            "data-state": isSelected ? "checked" : "unchecked",
+            className: cn(
+              "checkbox__control pointer-events-none flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-solid",
+              isSelected ? "border-[var(--checkbox-checked-border)] bg-[var(--checkbox-checked-bg)] text-[var(--checkbox-check-color)]" : "border-[var(--checkbox-border)] bg-[var(--checkbox-bg)]",
+              isDisabled && "opacity-50"
+            ),
+            children: isSelected && /* @__PURE__ */ jsx163(Check7, { className: "checkbox__icon h-3 w-3" })
+          }
+        ),
+        /* @__PURE__ */ jsxs102("span", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx163("span", { className: "block break-words", children: option.label }),
+          option.description && /* @__PURE__ */ jsx163("span", { className: "shrink-0 text-[12px] font-medium italic text-[var(--chekin-color-gray-1)]", children: option.description })
+        ] })
+      ]
     }
   );
 }
@@ -14872,9 +14888,10 @@ function createCountTrigger(opts) {
 }
 
 // src/dashboard/select-checkboxes/SelectAllRow.tsx
-import { jsx as jsx165 } from "react/jsx-runtime";
+import { Check as Check8 } from "lucide-react";
+import { jsx as jsx165, jsxs as jsxs104 } from "react/jsx-runtime";
 function SelectAllRow({ label, checked, disabled, onToggle }) {
-  return /* @__PURE__ */ jsx165(
+  return /* @__PURE__ */ jsxs104(
     "button",
     {
       type: "button",
@@ -14884,7 +14901,22 @@ function SelectAllRow({ label, checked, disabled, onToggle }) {
         "flex w-full items-center gap-3 border-0 border-b border-[#f2f4f8] bg-white px-4 py-[14px] text-left text-[16px] font-bold leading-5 text-[var(--chekin-color-brand-navy)] outline-none transition-colors hover:bg-[var(--chekin-color-surface-pressed)]",
         disabled && "cursor-default opacity-40"
       ),
-      children: /* @__PURE__ */ jsx165("span", { className: "flex-1", children: label })
+      children: [
+        /* @__PURE__ */ jsx165(
+          "span",
+          {
+            "aria-hidden": "true",
+            "data-state": checked ? "checked" : "unchecked",
+            className: cn(
+              "checkbox__control pointer-events-none flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-solid",
+              checked ? "border-[var(--checkbox-checked-border)] bg-[var(--checkbox-checked-bg)] text-[var(--checkbox-check-color)]" : "border-[var(--checkbox-border)] bg-[var(--checkbox-bg)]",
+              disabled && "opacity-50"
+            ),
+            children: checked && /* @__PURE__ */ jsx165(Check8, { className: "checkbox__icon h-3 w-3" })
+          }
+        ),
+        /* @__PURE__ */ jsx165("span", { className: "flex-1", children: label })
+      ]
     }
   );
 }
@@ -15158,7 +15190,7 @@ function useTextareaValueState({
 }
 
 // src/dashboard/textarea/Textarea.tsx
-import { jsx as jsx167, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx167, jsxs as jsxs105 } from "react/jsx-runtime";
 var LINE_HEIGHT = 20;
 var VERTICAL_PADDING = 32;
 var Textarea = React61.forwardRef(function Textarea2({
@@ -15227,7 +15259,7 @@ var Textarea = React61.forwardRef(function Textarea2({
     onBlur?.(event);
     syncValueState();
   };
-  return /* @__PURE__ */ jsxs104(
+  return /* @__PURE__ */ jsxs105(
     "div",
     {
       className: cn(
@@ -15237,7 +15269,7 @@ var Textarea = React61.forwardRef(function Textarea2({
         className
       ),
       children: [
-        label && /* @__PURE__ */ jsxs104(
+        label && /* @__PURE__ */ jsxs105(
           "label",
           {
             htmlFor: textareaId,
@@ -15722,7 +15754,7 @@ function useDatePickerWheel({
 }
 
 // src/airbnb-fields/datepicker/DatePickerWheelColumn.tsx
-import { jsx as jsx168, jsxs as jsxs105 } from "react/jsx-runtime";
+import { jsx as jsx168, jsxs as jsxs106 } from "react/jsx-runtime";
 var spacerHeight = DATE_PICKER_OPTION_HEIGHT * DATE_PICKER_WHEEL_BUFFER_OPTIONS;
 function AirbnbDatePickerWheelColumn({
   id,
@@ -15736,7 +15768,7 @@ function AirbnbDatePickerWheelColumn({
   onOptionSelect,
   column
 }) {
-  return /* @__PURE__ */ jsx168("div", { className: "relative z-10 min-w-0", children: /* @__PURE__ */ jsxs105(
+  return /* @__PURE__ */ jsx168("div", { className: "relative z-10 min-w-0", children: /* @__PURE__ */ jsxs106(
     "div",
     {
       id,
@@ -15783,7 +15815,7 @@ function AirbnbDatePickerWheelColumn({
 }
 
 // src/airbnb-fields/datepicker/DatePickerContent.tsx
-import { jsx as jsx169, jsxs as jsxs106 } from "react/jsx-runtime";
+import { jsx as jsx169, jsxs as jsxs107 } from "react/jsx-runtime";
 function AirbnbDatePickerBody({
   baseId,
   label,
@@ -15805,8 +15837,8 @@ function AirbnbDatePickerBody({
   onOptionSelect,
   onDone
 }) {
-  return /* @__PURE__ */ jsxs106("div", { className: "px-6 pb-4 pt-1 bg-white", children: [
-    /* @__PURE__ */ jsxs106("div", { className: "relative overflow-hidden rounded-[24px]", children: [
+  return /* @__PURE__ */ jsxs107("div", { className: "px-6 pb-4 pt-1 bg-white", children: [
+    /* @__PURE__ */ jsxs107("div", { className: "relative overflow-hidden rounded-[24px]", children: [
       /* @__PURE__ */ jsx169("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-20 h-16 bg-gradient-to-b from-white via-white/80 to-transparent" }),
       /* @__PURE__ */ jsx169("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-20 h-16 bg-gradient-to-t from-white via-white/80 to-transparent" }),
       /* @__PURE__ */ jsx169(
@@ -15816,7 +15848,7 @@ function AirbnbDatePickerBody({
           className: "pointer-events-none absolute inset-x-0 top-1/2 z-0 h-8 -translate-y-1/2 rounded-[12px] bg-black/[0.04]"
         }
       ),
-      /* @__PURE__ */ jsxs106("div", { className: "relative grid grid-cols-[1.35fr_0.7fr_1fr] gap-1", children: [
+      /* @__PURE__ */ jsxs107("div", { className: "relative grid grid-cols-[1.35fr_0.7fr_1fr] gap-1", children: [
         /* @__PURE__ */ jsx169(
           AirbnbDatePickerWheelColumn,
           {
@@ -15917,7 +15949,7 @@ function AirbnbDatePickerContent({
     }
   );
   if (isMobile3) {
-    return /* @__PURE__ */ jsx169(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs106(
+    return /* @__PURE__ */ jsx169(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs107(
       DrawerContent,
       {
         onClose: () => onOpenChange(false),
@@ -15930,7 +15962,7 @@ function AirbnbDatePickerContent({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx169(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs106(
+  return /* @__PURE__ */ jsx169(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs107(
     DialogContent,
     {
       className: "max-w-[520px] rounded-[28px] border-0 p-0 shadow-xl",
@@ -15945,7 +15977,7 @@ function AirbnbDatePickerContent({
 }
 
 // src/dashboard/datepicker/Datepicker.tsx
-import { jsx as jsx170, jsxs as jsxs107 } from "react/jsx-runtime";
+import { jsx as jsx170, jsxs as jsxs108 } from "react/jsx-runtime";
 var MONTHS_IN_YEAR2 = 12;
 function getMonthLabels2(locale) {
   const formatter = new Intl.DateTimeFormat(locale, { month: "long" });
@@ -16307,9 +16339,9 @@ var Datepicker = React63.forwardRef(
           className
         ),
         style: wrapperWidth ? { width: wrapperWidth } : void 0,
-        children: /* @__PURE__ */ jsxs107("div", { className: "relative min-h-[var(--field-min-height,48px)] w-full", children: [
-          /* @__PURE__ */ jsxs107("div", { className: "relative w-full", children: [
-            isMobile3 ? /* @__PURE__ */ jsxs107(
+        children: /* @__PURE__ */ jsxs108("div", { className: "relative min-h-[var(--field-min-height,48px)] w-full", children: [
+          /* @__PURE__ */ jsxs108("div", { className: "relative w-full", children: [
+            isMobile3 ? /* @__PURE__ */ jsxs108(
               "button",
               {
                 ref: mobileTriggerRef,
@@ -16342,7 +16374,7 @@ var Datepicker = React63.forwardRef(
                   ) })
                 ]
               }
-            ) : /* @__PURE__ */ jsxs107(
+            ) : /* @__PURE__ */ jsxs108(
               "div",
               {
                 className: cn(
@@ -16378,7 +16410,7 @@ var Datepicker = React63.forwardRef(
                       className: subInputClass
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs107("div", { className: "relative flex h-full min-w-0 items-center gap-1 px-2 before:absolute before:inset-y-3 before:left-0 before:w-px before:bg-[var(--chekin-color-gray-3)] before:content-[''] after:absolute after:inset-y-3 after:right-0 after:w-px after:bg-[var(--chekin-color-gray-3)] after:content-[''] sm:px-3", children: [
+                  /* @__PURE__ */ jsxs108("div", { className: "relative flex h-full min-w-0 items-center gap-1 px-2 before:absolute before:inset-y-3 before:left-0 before:w-px before:bg-[var(--chekin-color-gray-3)] before:content-[''] after:absolute after:inset-y-3 after:right-0 after:w-px after:bg-[var(--chekin-color-gray-3)] after:content-[''] sm:px-3", children: [
                     /* @__PURE__ */ jsx170(
                       "input",
                       {
@@ -16872,7 +16904,7 @@ function resolveRangeSelection({
 
 // src/dashboard/date-range-picker/components/DateRangeInputs.tsx
 import { CalendarDays, SquareX as SquareX4 } from "lucide-react";
-import { jsx as jsx171, jsxs as jsxs108 } from "react/jsx-runtime";
+import { jsx as jsx171, jsxs as jsxs109 } from "react/jsx-runtime";
 var DEFAULT_PLACEHOLDER = "00-00-0000";
 var inputBaseClass = "m-0 box-border h-full w-full min-w-0 border-0 bg-transparent text-[16px] font-medium leading-5 text-[var(--chekin-color-brand-navy)] outline-none placeholder:text-[var(--chekin-color-gray-1)]";
 var iconButtonClass = "flex h-5 w-5 items-center justify-center rounded-[3px] border-0 bg-transparent p-0 text-[#9696b9] outline-none hover:shadow-[0_3px_3px_#0f477734] disabled:cursor-not-allowed";
@@ -16914,7 +16946,7 @@ function DateRangeInputs({
     isBlocked && "cursor-not-allowed",
     loading && "cursor-progress"
   );
-  return /* @__PURE__ */ jsxs108(
+  return /* @__PURE__ */ jsxs109(
     "div",
     {
       className: cn(
@@ -16984,7 +17016,7 @@ function DateRangeInputs({
             )
           }
         ),
-        /* @__PURE__ */ jsxs108("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2 text-[var(--chekin-color-gray-2)]", children: [
+        /* @__PURE__ */ jsxs109("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2 text-[var(--chekin-color-gray-2)]", children: [
           !readOnly && !hideClearDates && !isEmpty && /* @__PURE__ */ jsx171(
             "button",
             {
@@ -17057,7 +17089,7 @@ function DateRangeCalendar({
 }
 
 // src/dashboard/date-range-picker/components/DateRangePopover.tsx
-import { jsx as jsx173, jsxs as jsxs109 } from "react/jsx-runtime";
+import { jsx as jsx173, jsxs as jsxs110 } from "react/jsx-runtime";
 function DateRangePopover({
   isOpen,
   isMobile: isMobile3,
@@ -17076,7 +17108,7 @@ function DateRangePopover({
         onOpenChange: (next) => {
           if (!next) onClose();
         },
-        children: /* @__PURE__ */ jsxs109(
+        children: /* @__PURE__ */ jsxs110(
           DrawerContent,
           {
             onClose,
@@ -17105,7 +17137,7 @@ function DateRangePopover({
 }
 
 // src/dashboard/date-range-picker/DateRangePicker.tsx
-import { jsx as jsx174, jsxs as jsxs110 } from "react/jsx-runtime";
+import { jsx as jsx174, jsxs as jsxs111 } from "react/jsx-runtime";
 var DateRangePicker = React67.forwardRef(function DateRangePicker2({
   label,
   value: externalValue,
@@ -17300,8 +17332,8 @@ var DateRangePicker = React67.forwardRef(function DateRangePicker2({
         className
       ),
       style: wrapperWidth ? { width: wrapperWidth } : void 0,
-      children: /* @__PURE__ */ jsxs110("div", { className: "relative min-h-[var(--field-min-height,48px)] w-full", children: [
-        /* @__PURE__ */ jsxs110("div", { className: "relative w-full", children: [
+      children: /* @__PURE__ */ jsxs111("div", { className: "relative min-h-[var(--field-min-height,48px)] w-full", children: [
+        /* @__PURE__ */ jsxs111("div", { className: "relative w-full", children: [
           /* @__PURE__ */ jsx174(
             DateRangeInputs,
             {
@@ -17584,7 +17616,7 @@ var TimePicker = React69.forwardRef(function TimePicker2({ format: formatName =
 import * as React70 from "react";
 import { Download, Paperclip, SquareX as SquareX5 } from "lucide-react";
 import { useTranslation as useTranslation41 } from "react-i18next";
-import { jsx as jsx176, jsxs as jsxs111 } from "react/jsx-runtime";
+import { jsx as jsx176, jsxs as jsxs112 } from "react/jsx-runtime";
 function defaultDownload(url) {
   window.open(url, "_blank", "noopener,noreferrer");
 }
@@ -17642,7 +17674,7 @@ var FileInput = React70.forwardRef(function FileInput2({
     event.stopPropagation();
     if (isUrl) onDownload(value);
   };
-  return /* @__PURE__ */ jsxs111(
+  return /* @__PURE__ */ jsxs112(
     "label",
     {
       htmlFor: inputId,
@@ -17672,9 +17704,9 @@ var FileInput = React70.forwardRef(function FileInput2({
             "aria-invalid": isInvalid
           }
         ),
-        /* @__PURE__ */ jsxs111("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ jsxs111("div", { className: "relative w-full", children: [
-            /* @__PURE__ */ jsxs111(
+        /* @__PURE__ */ jsxs112("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ jsxs112("div", { className: "relative w-full", children: [
+            /* @__PURE__ */ jsxs112(
               "div",
               {
                 className: cn(
@@ -17682,13 +17714,13 @@ var FileInput = React70.forwardRef(function FileInput2({
                   isEmpty && "bg-[var(--empty-field-background)]"
                 ),
                 children: [
-                  hasFileChip ? /* @__PURE__ */ jsxs111(
+                  hasFileChip ? /* @__PURE__ */ jsxs112(
                     "div",
                     {
                       className: "inline-flex h-6 max-w-[85%] items-center rounded-[4px] border border-[#acacd5] bg-[#f0f0f8] pl-[10px] pr-1",
                       onClick: (event) => event.preventDefault(),
                       children: [
-                        isUrl ? /* @__PURE__ */ jsxs111(
+                        isUrl ? /* @__PURE__ */ jsxs112(
                           "button",
                           {
                             type: "button",
@@ -17754,7 +17786,7 @@ var FileInput = React70.forwardRef(function FileInput2({
 
 // src/dashboard/select-icons-box/SelectIconsBox.tsx
 import * as React71 from "react";
-import { jsx as jsx177, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx177, jsxs as jsxs113 } from "react/jsx-runtime";
 var FOCUSABLE_TRIGGER_SELECTOR2 = 'input:not([type="hidden"]):not([disabled]):not([readonly]), button:not([disabled])';
 var SelectIconsBox = React71.forwardRef(
   function SelectIconsBox2({
@@ -17802,7 +17834,7 @@ var SelectIconsBox = React71.forwardRef(
       );
       focusable?.focus();
     };
-    return /* @__PURE__ */ jsxs112(
+    return /* @__PURE__ */ jsxs113(
       "div",
       {
         ref: combinedContainerRef,
@@ -17906,13 +17938,13 @@ function getErrorMessage(error) {
 
 // src/lib/toastResponseError.tsx
 import i18next from "i18next";
-import { jsx as jsx178, jsxs as jsxs113 } from "react/jsx-runtime";
+import { jsx as jsx178, jsxs as jsxs114 } from "react/jsx-runtime";
 function addSupportEmailToMessage(message, prefixText) {
   if (typeof message !== "string") {
     return message;
   }
   const builtMessage = `${prefixText ? `${prefixText} ` : ""}${message}`;
-  return /* @__PURE__ */ jsxs113("div", { children: [
+  return /* @__PURE__ */ jsxs114("div", { children: [
     /* @__PURE__ */ jsx178("div", { children: builtMessage }),
     i18next.t("reach_us_at_email")
   ] });
@@ -17929,11 +17961,11 @@ function toastResponseError(error, options = {}) {
 
 // src/legacy-fields/textarea/Textarea.tsx
 import { forwardRef as forwardRef72, useId as useId15 } from "react";
-import { jsx as jsx179, jsxs as jsxs114 } from "react/jsx-runtime";
+import { jsx as jsx179, jsxs as jsxs115 } from "react/jsx-runtime";
 var LegacyTextarea = forwardRef72(
   ({ className, textareaClassName, label, disabled, name, invalid, ...textareaProps }, ref) => {
     const inputId = useId15();
-    return /* @__PURE__ */ jsxs114("div", { className: cn("relative", className), children: [
+    return /* @__PURE__ */ jsxs115("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsx179(
         "textarea",
         {
@@ -17975,7 +18007,7 @@ import { Calendar as Calendar2 } from "lucide-react";
 import * as React72 from "react";
 import { Loader2 as Loader24 } from "lucide-react";
 import { useTranslation as useTranslation42 } from "react-i18next";
-import { Fragment as Fragment17, jsx as jsx180, jsxs as jsxs115 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx180, jsxs as jsxs116 } from "react/jsx-runtime";
 var AirbnbFieldTrigger = React72.forwardRef(
   ({
     as = "button",
@@ -18012,9 +18044,9 @@ var AirbnbFieldTrigger = React72.forwardRef(
     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__ */ jsxs115("span", { className: "inline-flex max-w-full items-center gap-1.5 align-middle", children: [
+    const resolvedLabelText = visibleLabelText && hasLabelMeta ? /* @__PURE__ */ jsxs116("span", { className: "inline-flex max-w-full items-center gap-1.5 align-middle", children: [
       /* @__PURE__ */ jsx180("span", { className: "min-w-0 truncate", children: visibleLabelText }),
-      optionalLabel && /* @__PURE__ */ jsxs115("span", { className: "text-current opacity-70 lowercase", children: [
+      optionalLabel && /* @__PURE__ */ jsxs116("span", { className: "text-current opacity-70 lowercase", children: [
         "(",
         optionalLabel,
         ")"
@@ -18034,7 +18066,7 @@ var AirbnbFieldTrigger = React72.forwardRef(
     const hasInvalidState = Boolean(error);
     const errorMessage = typeof error === "string" ? error : void 0;
     const isBlocked = Boolean(disabled) || Boolean(loading);
-    const resolvedTrailingAdornment = loading || trailingAdornment ? /* @__PURE__ */ jsxs115("span", { className: "flex items-center gap-2", children: [
+    const resolvedTrailingAdornment = loading || trailingAdornment ? /* @__PURE__ */ jsxs116("span", { className: "flex items-center gap-2", children: [
       trailingAdornment,
       loading && /* @__PURE__ */ jsx180(
         Loader24,
@@ -18052,8 +18084,8 @@ var AirbnbFieldTrigger = React72.forwardRef(
       disabled ? "cursor-not-allowed opacity-50" : loading ? "cursor-progress" : "cursor-pointer",
       className
     );
-    const sharedContent = /* @__PURE__ */ jsxs115(Fragment17, { children: [
-      /* @__PURE__ */ jsxs115(
+    const sharedContent = /* @__PURE__ */ jsxs116(Fragment17, { children: [
+      /* @__PURE__ */ jsxs116(
         "span",
         {
           className: cn(
@@ -18099,7 +18131,7 @@ var AirbnbFieldTrigger = React72.forwardRef(
         }
       )
     ] });
-    return /* @__PURE__ */ jsxs115("div", { className: "w-full", children: [
+    return /* @__PURE__ */ jsxs116("div", { className: "w-full", children: [
       topLabel && /* @__PURE__ */ jsx180("p", { className: "mb-3 text-[16px] font-semibold leading-5 text-[#222222]", children: topLabel }),
       as === "button" ? /* @__PURE__ */ jsx180(
         "button",
@@ -18142,7 +18174,7 @@ var AirbnbFieldTrigger = React72.forwardRef(
 AirbnbFieldTrigger.displayName = "AirbnbFieldTrigger";
 
 // src/airbnb-fields/datepicker/DatePicker.tsx
-import { jsx as jsx181, jsxs as jsxs116 } from "react/jsx-runtime";
+import { jsx as jsx181, jsxs as jsxs117 } from "react/jsx-runtime";
 var DEFAULT_MIN_DATE = new Date(1920, 0, 1);
 var AirbnbDatePicker = React73.forwardRef(
   ({
@@ -18258,7 +18290,7 @@ var AirbnbDatePicker = React73.forwardRef(
         setIsOpen(false);
       }
     }, [isBlocked]);
-    return /* @__PURE__ */ jsxs116("div", { className: cn("relative w-full max-w-[var(--max-field-width)]", className), children: [
+    return /* @__PURE__ */ jsxs117("div", { className: cn("relative w-full max-w-[var(--max-field-width)]", className), children: [
       name && /* @__PURE__ */ jsx181(
         "input",
         {
@@ -18333,7 +18365,7 @@ AirbnbDatePicker.displayName = "AirbnbDatePicker";
 import * as React74 from "react";
 import { Eye as Eye2 } from "lucide-react";
 import { useTranslation as useTranslation43 } from "react-i18next";
-import { jsx as jsx182, jsxs as jsxs117 } from "react/jsx-runtime";
+import { jsx as jsx182, jsxs as jsxs118 } from "react/jsx-runtime";
 var getInputValue = (value) => value != null ? String(value) : "";
 var AirbnbInput = React74.forwardRef(
   ({
@@ -18428,7 +18460,7 @@ var AirbnbInput = React74.forwardRef(
     const togglePasswordReveal = () => {
       setIsPasswordRevealed((isRevealed) => !isRevealed);
     };
-    return /* @__PURE__ */ jsx182("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ jsxs117(
+    return /* @__PURE__ */ jsx182("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ jsxs118(
       AirbnbFieldTrigger,
       {
         as: "div",
@@ -18520,7 +18552,7 @@ import { ChevronDown as ChevronDown6 } from "lucide-react";
 import * as React79 from "react";
 
 // src/airbnb-fields/select/SelectDesktopMenu.tsx
-import { jsx as jsx183, jsxs as jsxs118 } from "react/jsx-runtime";
+import { jsx as jsx183, jsxs as jsxs119 } from "react/jsx-runtime";
 function AirbnbSelectDesktopMenu({
   id,
   options,
@@ -18539,7 +18571,7 @@ function AirbnbSelectDesktopMenu({
   noOptionsMessage
 }) {
   const emptyMessage = noOptionsMessage?.();
-  return /* @__PURE__ */ jsxs118(
+  return /* @__PURE__ */ jsxs119(
     "div",
     {
       id,
@@ -18715,7 +18747,7 @@ function getMobileOptionStyles(index, scrollTop) {
 }
 
 // src/airbnb-fields/select/SelectMobileWheel.tsx
-import { jsx as jsx185, jsxs as jsxs119 } from "react/jsx-runtime";
+import { jsx as jsx185, jsxs as jsxs120 } from "react/jsx-runtime";
 function AirbnbSelectMobileWheel({
   id,
   options,
@@ -18734,7 +18766,7 @@ function AirbnbSelectMobileWheel({
 }) {
   const spacerHeight2 = getWheelSpacerHeight();
   const emptyMessage = noOptionsMessage?.();
-  return /* @__PURE__ */ jsxs119(
+  return /* @__PURE__ */ jsxs120(
     "div",
     {
       id,
@@ -18759,7 +18791,7 @@ function AirbnbSelectMobileWheel({
             )
           }
         ),
-        /* @__PURE__ */ jsxs119(
+        /* @__PURE__ */ jsxs120(
           "div",
           {
             ref: listRef,
@@ -18809,7 +18841,7 @@ function AirbnbSelectMobileWheel({
 }
 
 // src/airbnb-fields/select/SelectMobileContent.tsx
-import { jsx as jsx186, jsxs as jsxs120 } from "react/jsx-runtime";
+import { jsx as jsx186, jsxs as jsxs121 } from "react/jsx-runtime";
 function AirbnbSelectMobileContent({
   open,
   onOpenChange,
@@ -18833,10 +18865,10 @@ function AirbnbSelectMobileContent({
   getOptionId: getOptionId2,
   noOptionsMessage
 }) {
-  return /* @__PURE__ */ jsx186(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs120(DrawerContent, { onClose, lockScroll: false, children: [
+  return /* @__PURE__ */ jsx186(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs121(DrawerContent, { onClose, lockScroll: false, children: [
     /* @__PURE__ */ jsx186(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
     /* @__PURE__ */ jsx186(DrawerDescription, { className: "sr-only", children: label }),
-    /* @__PURE__ */ jsxs120("div", { className: "px-6 pb-4 pt-1", children: [
+    /* @__PURE__ */ jsxs121("div", { className: "px-6 pb-4 pt-1", children: [
       /* @__PURE__ */ jsx186(
         AirbnbSelectMobileWheel,
         {
@@ -19279,7 +19311,7 @@ function useSelectIds2({ name, hasValue, error, hideErrorMessage }) {
 }
 
 // src/airbnb-fields/select/Select.tsx
-import { jsx as jsx188, jsxs as jsxs121 } from "react/jsx-runtime";
+import { jsx as jsx188, jsxs as jsxs122 } from "react/jsx-runtime";
 var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
   options = [],
   value,
@@ -19460,7 +19492,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
       handleMobileOpenChange(false);
     }
   };
-  return /* @__PURE__ */ jsxs121(
+  return /* @__PURE__ */ jsxs122(
     "div",
     {
       ref: containerRef,
@@ -19573,7 +19605,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
 });
 
 // src/airbnb-fields/phone-field/PhoneField.tsx
-import { jsx as jsx189, jsxs as jsxs122 } from "react/jsx-runtime";
+import { jsx as jsx189, jsxs as jsxs123 } from "react/jsx-runtime";
 function formatPhoneCodeOptionLabel2(option) {
   const label = String(option.label);
   const value = String(option.value);
@@ -19621,7 +19653,7 @@ var AirbnbPhoneField = React80.forwardRef(
     const hasInvalidState = Boolean(error) || Boolean(invalid);
     const isBlocked = Boolean(disabled) || Boolean(loading);
     const isCodeBlocked = isBlocked || Boolean(codeReadOnly);
-    return /* @__PURE__ */ jsxs122("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
+    return /* @__PURE__ */ jsxs123("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
       name && /* @__PURE__ */ jsx189("input", { type: "hidden", name, value: combinedValue, disabled }),
       codeName && /* @__PURE__ */ jsx189(
         "input",
@@ -19649,7 +19681,7 @@ var AirbnbPhoneField = React80.forwardRef(
           children: topLabel
         }
       ),
-      /* @__PURE__ */ jsxs122("div", { className: "flex items-stretch", children: [
+      /* @__PURE__ */ jsxs123("div", { className: "flex items-stretch", children: [
         /* @__PURE__ */ jsx189(
           AirbnbSelect,
           {
@@ -19679,7 +19711,7 @@ var AirbnbPhoneField = React80.forwardRef(
               onClick,
               onKeyDown,
               valueLabel
-            }) => /* @__PURE__ */ jsxs122(
+            }) => /* @__PURE__ */ jsxs123(
               "button",
               {
                 id,
@@ -19753,7 +19785,7 @@ import * as React81 from "react";
 import { ChevronDown as ChevronDown7, Search as Search4 } from "lucide-react";
 import { useVirtualizer as useVirtualizer3 } from "@tanstack/react-virtual";
 import { useCallback as useCallback57 } from "react";
-import { jsx as jsx190, jsxs as jsxs123 } from "react/jsx-runtime";
+import { jsx as jsx190, jsxs as jsxs124 } from "react/jsx-runtime";
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
 var MOBILE_LIST_HEIGHT = 420;
@@ -19949,7 +19981,7 @@ var AirbnbSearchableSelectInternal = ({
     }
   );
   React81.useImperativeHandle(ref, () => triggerRef.current, []);
-  return /* @__PURE__ */ jsxs123("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
+  return /* @__PURE__ */ jsxs124("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
     name && /* @__PURE__ */ jsx190("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
     /* @__PURE__ */ jsx190(
       AirbnbFieldTrigger,
@@ -20008,7 +20040,7 @@ var AirbnbSearchableSelectInternal = ({
           }
           closeSelect();
         },
-        children: /* @__PURE__ */ jsxs123(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
+        children: /* @__PURE__ */ jsxs124(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
           /* @__PURE__ */ jsx190(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
           /* @__PURE__ */ jsx190(DrawerDescription, { className: "sr-only", children: label }),
           /* @__PURE__ */ jsx190("div", { className: "px-5 pb-5 pt-1", children: content })
@@ -20081,8 +20113,8 @@ function AirbnbSearchableSelectContent({
       virtualizer.scrollToIndex(highlightedIndex, { align: "auto" });
     }
   }, [highlightedIndex, virtualizer]);
-  return /* @__PURE__ */ jsxs123("div", { className: "p-2", children: [
-    /* @__PURE__ */ jsxs123("div", { className: "relative mb-2", children: [
+  return /* @__PURE__ */ jsxs124("div", { className: "p-2", children: [
+    /* @__PURE__ */ jsxs124("div", { className: "relative mb-2", children: [
       /* @__PURE__ */ jsx190(
         Search4,
         {
@@ -20195,11 +20227,11 @@ function getNextEnabledIndex(options, startIndex, step) {
 import * as React82 from "react";
 import { useTranslation as useTranslation44 } from "react-i18next";
 import { Search as Search5, X as X11 } from "lucide-react";
-import { jsx as jsx191, jsxs as jsxs124 } from "react/jsx-runtime";
+import { jsx as jsx191, jsxs as jsxs125 } from "react/jsx-runtime";
 var AirbnbSearchInput = React82.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
   const { t } = useTranslation44();
   const placeholderText = placeholder || t("search_property") + "...";
-  return /* @__PURE__ */ jsxs124("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
+  return /* @__PURE__ */ jsxs125("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
     /* @__PURE__ */ jsx191(Search5, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
     /* @__PURE__ */ jsx191(
       "input",
@@ -20236,8 +20268,8 @@ AirbnbSearchInput.displayName = "AirbnbSearchInput";
 // src/airbnb-fields/switch/Switch.tsx
 import * as React83 from "react";
 import * as SwitchPrimitives2 from "@radix-ui/react-switch";
-import { Check as Check7 } from "lucide-react";
-import { Fragment as Fragment18, jsx as jsx192, jsxs as jsxs125 } from "react/jsx-runtime";
+import { Check as Check9 } from "lucide-react";
+import { Fragment as Fragment18, jsx as jsx192, jsxs as jsxs126 } from "react/jsx-runtime";
 var AirbnbSwitch = React83.forwardRef(
   ({
     className,
@@ -20282,7 +20314,7 @@ var AirbnbSwitch = React83.forwardRef(
               "data-[state=checked]:translate-x-[12px] data-[state=unchecked]:translate-x-0"
             ),
             children: /* @__PURE__ */ jsx192(
-              Check7,
+              Check9,
               {
                 "aria-hidden": "true",
                 className: "h-3 w-3 text-[#222222] opacity-0 transition-opacity duration-150 group-data-[state=checked]:opacity-100",
@@ -20296,8 +20328,8 @@ var AirbnbSwitch = React83.forwardRef(
     if (!label && !error) {
       return switchElement;
     }
-    return /* @__PURE__ */ jsxs125(Fragment18, { children: [
-      /* @__PURE__ */ jsxs125("div", { className: cn("flex items-center gap-x-3 gap-y-1.5", wrapperClassName), children: [
+    return /* @__PURE__ */ jsxs126(Fragment18, { children: [
+      /* @__PURE__ */ jsxs126("div", { className: cn("flex items-center gap-x-3 gap-y-1.5", wrapperClassName), children: [
         switchElement,
         label && /* @__PURE__ */ jsx192(
           Label,