@chekinapp/ui 0.0.131 → 0.0.133

package/dist/index.cjs

@@ -8184,7 +8184,6 @@ var SectionTagColors = /* @__PURE__ */ ((SectionTagColors2) => {
 
 // src/section/Section.tsx
 var import_react68 = require("react");
-var import_lucide_react29 = require("lucide-react");
 var import_react_i18next15 = require("react-i18next");
 
 // src/section/constants.ts
@@ -8197,16 +8196,17 @@ var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
 // src/section/Section.tsx
 var import_jsx_runtime100 = require("react/jsx-runtime");
 function TooltipInfo({ content, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Tooltip, { side: "right", content, contentClassName: "max-w-64", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
-    "button",
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    HelpTooltip,
     {
-      type: "button",
-      className: cn("inline-flex text-[var(--chekin-color-gray-1)]", className),
+      side: "right",
+      content,
+      contentClassName: "max-w-64",
+      className: cn("text-[var(--chekin-color-gray-1)]", className),
       onClick: (event) => event.stopPropagation(),
-      "aria-label": typeof content === "string" ? content : "More information",
-      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react29.CircleHelp, { className: "h-4 w-4" })
+      label: typeof content === "string" ? content : "More information"
     }
-  ) });
+  );
 }
 var Section = (0, import_react68.forwardRef)(
   ({
@@ -8371,7 +8371,7 @@ var SectionGroup = Object.assign(SectionGroupRoot, {
 
 // src/sheet/Sheet.tsx
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react30 = require("lucide-react");
+var import_lucide_react29 = require("lucide-react");
 var import_jsx_runtime103 = require("react/jsx-runtime");
 function Sheet({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
@@ -8425,7 +8425,7 @@ function SheetContent({
         children: [
           children,
           /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--chekin-radius-small)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-[var(--chekin-shadow-focus)] disabled:pointer-events-none", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react30.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react29.XIcon, { className: "size-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -8484,7 +8484,7 @@ function SheetDescription({
 var React28 = __toESM(require("react"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_class_variance_authority13 = require("class-variance-authority");
-var import_lucide_react31 = require("lucide-react");
+var import_lucide_react30 = require("lucide-react");
 
 // src/skeleton/Skeleton.tsx
 var import_jsx_runtime104 = require("react/jsx-runtime");
@@ -8757,7 +8757,7 @@ var SidebarTrigger = React28.forwardRef(({ className, onClick, icon, ...props },
       },
       ...props,
       children: [
-        icon || (isMobile3 ? openMobile : open) ? icon || /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react31.ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react31.ArrowRightFromLineIcon, {}),
+        icon || (isMobile3 ? openMobile : open) ? icon || /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react30.ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react30.ArrowRightFromLineIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
@@ -9365,7 +9365,7 @@ var React35 = __toESM(require("react"), 1);
 
 // src/carousel/CarouselControls.tsx
 var React30 = __toESM(require("react"), 1);
-var import_lucide_react32 = require("lucide-react");
+var import_lucide_react31 = require("lucide-react");
 
 // src/carousel/CarouselContext.tsx
 var React29 = __toESM(require("react"), 1);
@@ -9404,7 +9404,7 @@ var CarouselPrevious = React30.forwardRef(
           goToPrevious();
         },
         ...props,
-        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react32.ChevronLeft, { className: "size-4" })
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react31.ChevronLeft, { className: "size-4" })
       }
     );
   }
@@ -9434,7 +9434,7 @@ var CarouselNext = React30.forwardRef(
           goToNext();
         },
         ...props,
-        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react32.ChevronRight, { className: "size-4" })
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react31.ChevronRight, { className: "size-4" })
       }
     );
   }
@@ -9611,7 +9611,7 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/small-grid-single-item/SmallGridSingleItem.tsx
 var import_react74 = require("react");
-var import_lucide_react33 = require("lucide-react");
+var import_lucide_react32 = require("lucide-react");
 var import_react_i18next17 = require("react-i18next");
 var import_jsx_runtime115 = require("react/jsx-runtime");
 var SmallGridSingleItem = (0, import_react74.memo)(
@@ -9662,7 +9662,7 @@ var SmallGridSingleItem = (0, import_react74.memo)(
                   className: "size-8",
                   size: "icon",
                   variant: "outline",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react33.Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react32.Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
                 }
               ),
               onEdit && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
@@ -9673,7 +9673,7 @@ var SmallGridSingleItem = (0, import_react74.memo)(
                   disabled,
                   onClick: onEdit,
                   variant: "outline",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react33.Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react32.Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" })
                 }
               )
             ] })
@@ -9698,7 +9698,7 @@ SmallGridSingleItem.displayName = "SmallGridSingleItem";
 
 // src/sorting-action/SortingAction.tsx
 var import_react_i18next18 = require("react-i18next");
-var import_lucide_react34 = require("lucide-react");
+var import_lucide_react33 = require("lucide-react");
 var import_jsx_runtime116 = require("react/jsx-runtime");
 function SortingAction({
   value,
@@ -9719,7 +9719,7 @@ function SortingAction({
           className
         ),
         "aria-label": "Open sorting menu",
-        children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react34.ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react33.ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
       }
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(DropdownMenuContent, { className: "w-full max-w-[256px]", align: "start", children: [
@@ -9730,7 +9730,7 @@ function SortingAction({
           className: cn(value === "asc" && "text-[var(--chekin-color-brand-blue)]"),
           onClick: () => onSortChange?.("asc"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react34.ArrowUp, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react33.ArrowUp, { className: "h-4 w-4" }),
             variant === "by_text" ? t("sort_a_z") : t("sort_in_asc")
           ]
         }
@@ -9742,13 +9742,13 @@ function SortingAction({
           className: cn(value === "desc" && "text-[var(--chekin-color-brand-blue)]"),
           onClick: () => onSortChange?.("desc"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react34.ArrowDown, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react33.ArrowDown, { className: "h-4 w-4" }),
             variant === "by_text" ? t("sort_z_a") : t("sort_in_desc")
           ]
         }
       ),
       value && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(DropdownMenuItem, { onClick: () => onSortChange?.(null), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react34.Minus, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react33.Minus, { className: "h-4 w-4" }),
         t("clear_sorting")
       ] })
     ] })
@@ -9758,7 +9758,7 @@ function SortingAction({
 // src/status-button/StatusButton.tsx
 var import_react75 = require("react");
 var import_react_i18next19 = require("react-i18next");
-var import_lucide_react35 = require("lucide-react");
+var import_lucide_react34 = require("lucide-react");
 var import_jsx_runtime117 = require("react/jsx-runtime");
 function StatusButton({
   hidden,
@@ -9777,7 +9777,7 @@ function StatusButton({
   const configMap = (0, import_react75.useMemo)(() => {
     const defaultLoadingConfig = {
       text: loadingText ?? `${t("saving")}...`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react35.Loader2, { className: "h-4 w-4 animate-spin" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react34.Loader2, { className: "h-4 w-4 animate-spin" }),
       variant,
       isLoading: true
     };
@@ -9787,13 +9787,13 @@ function StatusButton({
       validating: { ...defaultLoadingConfig, text: t("validating") },
       error: {
         text: t("error"),
-        icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react35.AlertCircle, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react34.AlertCircle, { className: "h-4 w-4" }),
         variant: "destructive",
         isLoading: false
       },
       success: {
         text: successText ?? t("saved_exclamation"),
-        icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react35.CheckCircle, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react34.CheckCircle, { className: "h-4 w-4" }),
         variant,
         isLoading: false
       },
@@ -9832,12 +9832,12 @@ function StatusButton({
 }
 
 // src/status-box/StatusBox.tsx
-var import_lucide_react36 = require("lucide-react");
+var import_lucide_react35 = require("lucide-react");
 var import_jsx_runtime118 = require("react/jsx-runtime");
 function StatusBox({ status, title, text }) {
   if (status === "success") {
     return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-green-100 bg-green-50 p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react36.CheckIcon, { className: "h-5 w-5 text-green-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react35.CheckIcon, { className: "h-5 w-5 text-green-600" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "font-semibold text-green-800", children: title }),
         /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-sm text-green-700", children: text })
@@ -9846,7 +9846,7 @@ function StatusBox({ status, title, text }) {
   }
   if (status === "failed") {
     return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-red-100 bg-red-50 p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react36.XIcon, { className: "h-5 w-5 text-red-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react35.XIcon, { className: "h-5 w-5 text-red-600" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "font-semibold text-red-800", children: title }),
         /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-sm text-red-700", children: text })
@@ -9854,7 +9854,7 @@ function StatusBox({ status, title, text }) {
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-amber-100 bg-amber-50 p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react36.AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react35.AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "font-semibold text-amber-800", children: title }),
       /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-sm text-amber-700", children: text })
@@ -10114,7 +10114,7 @@ function TabbedSection({
 }
 
 // src/table-filter/TableFilter.tsx
-var import_lucide_react37 = require("lucide-react");
+var import_lucide_react36 = require("lucide-react");
 var import_jsx_runtime124 = require("react/jsx-runtime");
 function TableFilter({ onRemove, onClick, children, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
@@ -10130,7 +10130,7 @@ function TableFilter({ onRemove, onClick, children, className }) {
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
-          import_lucide_react37.SquareX,
+          import_lucide_react36.SquareX,
           {
             onClick: onRemove,
             size: 15,
@@ -10688,7 +10688,7 @@ function ThreeDotsLoader({
 }
 
 // src/uploaded-files-list/UploadedFilesList.tsx
-var import_lucide_react38 = require("lucide-react");
+var import_lucide_react37 = require("lucide-react");
 var import_jsx_runtime132 = require("react/jsx-runtime");
 function UploadedFilesList({
   files,
@@ -10711,7 +10711,7 @@ function UploadedFilesList({
             onClick: () => onRemoveFile(file.name),
             className: "flex h-[18px] w-[18px] shrink-0 cursor-pointer items-center justify-center rounded bg-[#6b6b95] transition-all hover:shadow-md active:opacity-95",
             "aria-label": `Remove ${file.name}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react38.X, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react37.X, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
           }
         )
       ]
@@ -10816,7 +10816,7 @@ function VerticalTabs({
 }
 
 // src/video-modal/VideoModal.tsx
-var import_lucide_react39 = require("lucide-react");
+var import_lucide_react38 = require("lucide-react");
 var React40 = __toESM(require("react"), 1);
 var import_jsx_runtime134 = require("react/jsx-runtime");
 function VideoModal({
@@ -10870,7 +10870,7 @@ function VideoModal({
               "max-sm:right-2 max-sm:top-2"
             ),
             "aria-label": "Close",
-            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react39.X, { className: "h-5 w-5", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react38.X, { className: "h-5 w-5", "aria-hidden": true })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "relative w-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
@@ -10894,7 +10894,7 @@ function VideoModal({
 // src/video-player/VideoPlayer.tsx
 var import_react82 = require("react");
 var import_react_i18next21 = require("react-i18next");
-var import_lucide_react40 = require("lucide-react");
+var import_lucide_react39 = require("lucide-react");
 var import_jsx_runtime135 = require("react/jsx-runtime");
 function VideoPlayer({
   src,
@@ -11061,12 +11061,12 @@ function VideoPlayer({
             onClick: onClose,
             className: "absolute right-4 top-4 z-10 rounded-full text-white transition-all duration-300 hover:scale-110 hover:bg-white/20 active:scale-95",
             "aria-label": t("close"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react40.X, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.X, { className: "h-6 w-6" })
           }
         ),
         title && isFullScreenMode && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "absolute left-4 top-4 z-10 animate-in slide-in-from-left-4 text-white delay-200 duration-500", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("h3", { className: "text-lg font-medium drop-shadow-lg", children: title }) }),
         isLoading && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "absolute inset-0 z-20 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-3 text-white", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react40.Loader2, { className: "h-8 w-8 animate-spin" }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.Loader2, { className: "h-8 w-8 animate-spin" }),
           /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-lg font-medium", children: t("loading_video") })
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: videoContainerClasses, onClick: (event) => event.stopPropagation(), children: videoSource === "youtube" ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
@@ -11133,7 +11133,7 @@ function VideoPlayer({
                         onClick: togglePlay,
                         className: "h-10 w-10 rounded-full text-white transition-all duration-200 hover:scale-110 hover:bg-white/20 active:scale-95",
                         "aria-label": isPlaying ? t("pause") : t("play"),
-                        children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react40.Pause, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react40.Play, { className: "h-5 w-5" })
+                        children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.Pause, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.Play, { className: "h-5 w-5" })
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
@@ -11144,7 +11144,7 @@ function VideoPlayer({
                         onClick: skipBackward,
                         className: "h-10 w-10 rounded-full text-white transition-all duration-200 hover:scale-110 hover:bg-white/20 active:scale-95",
                         "aria-label": t("skip_backward"),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react40.SkipBack, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.SkipBack, { className: "h-5 w-5" })
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
@@ -11155,7 +11155,7 @@ function VideoPlayer({
                         onClick: skipForward,
                         className: "h-10 w-10 rounded-full text-white transition-all duration-200 hover:scale-110 hover:bg-white/20 active:scale-95",
                         "aria-label": t("skip_forward"),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react40.SkipForward, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.SkipForward, { className: "h-5 w-5" })
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
@@ -11166,7 +11166,7 @@ function VideoPlayer({
                         onClick: toggleMute,
                         className: "h-10 w-10 rounded-full text-white transition-all duration-200 hover:scale-110 hover:bg-white/20 active:scale-95",
                         "aria-label": isMuted ? t("unmute") : t("mute"),
-                        children: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react40.VolumeX, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react40.Volume2, { className: "h-5 w-5" })
+                        children: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.VolumeX, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.Volume2, { className: "h-5 w-5" })
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("span", { className: "text-sm font-medium text-white/90", children: [
@@ -11183,7 +11183,7 @@ function VideoPlayer({
                       onClick: toggleFullScreen,
                       className: "h-10 w-10 rounded-full text-white transition-all duration-200 hover:scale-110 hover:bg-white/20 active:scale-95",
                       "aria-label": isFullScreenMode ? t("exit_full_screen") : t("enter_full_screen"),
-                      children: isFullScreenMode ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react40.Minimize, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react40.Maximize, { className: "h-5 w-5" })
+                      children: isFullScreenMode ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.Minimize, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.Maximize, { className: "h-5 w-5" })
                     }
                   )
                 ] })
@@ -11687,7 +11687,7 @@ var Webcam = (0, import_react84.memo)(
 Webcam.displayName = "Webcam";
 
 // src/mobile-webcam/MobileWebcam.tsx
-var import_lucide_react41 = require("lucide-react");
+var import_lucide_react40 = require("lucide-react");
 var import_react86 = require("react");
 var import_react_dom = require("react-dom");
 var import_react_i18next24 = require("react-i18next");
@@ -11758,7 +11758,7 @@ var MobileWebcam = (0, import_react86.forwardRef)(
             type: "button",
             onClick: onBack,
             className: "mobile-camera__back-btn fixed left-7 top-9 z-[7] flex border-0 bg-transparent p-0 landscape:left-[50px] landscape:top-[70px]",
-            children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_lucide_react41.ChevronLeft, { size: 32, strokeWidth: 3, className: "text-white" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_lucide_react40.ChevronLeft, { size: 32, strokeWidth: 3, className: "text-white" })
           }
         ),
         title && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "mobile-camera__title fixed left-1/2 top-8 z-[7] -translate-x-1/2 whitespace-nowrap text-[18px] font-bold text-white landscape:top-[5px]", children: title }),
@@ -11783,7 +11783,7 @@ var MobileWebcam = (0, import_react86.forwardRef)(
               disabled,
               onClick: () => onScreenshot({ isNative: false }),
               className: "mobile-camera__take-btn relative flex h-[75px] w-[75px] items-center justify-center self-center rounded-full border-0 bg-white p-[10px] shadow-[0_0_10px_#ffffff] hover:opacity-80 disabled:cursor-default disabled:opacity-60 disabled:hover:opacity-60",
-              children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_lucide_react41.Camera, { size: 26, className: "text-[var(--primary)]" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_lucide_react40.Camera, { size: 26, className: "text-[var(--primary)]" })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
@@ -12221,7 +12221,7 @@ function ResponsiveDropdown({
 
 // src/dashboard/input/Input.tsx
 var React44 = __toESM(require("react"), 1);
-var import_lucide_react42 = require("lucide-react");
+var import_lucide_react41 = require("lucide-react");
 var import_react_i18next25 = require("react-i18next");
 
 // src/dashboard/input/useInputValueState.ts
@@ -12514,7 +12514,11 @@ var Input = React44.forwardRef(
             /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
               "div",
               {
-                className: cn("input__content relative w-full cursor-text", contentClassName),
+                className: cn(
+                  "input__content relative w-full cursor-text",
+                  readOnly && !disabled && !loading && "cursor-default",
+                  contentClassName
+                ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
                     Fieldset,
@@ -12569,7 +12573,8 @@ var Input = React44.forwardRef(
                         isEmpty && !isFocused ? "bg-[var(--empty-field-background)]" : "bg-transparent",
                         isEmpty && "text-[var(--chekin-color-gray-1)]",
                         inputType === "password" && "[&:not(:placeholder-shown)]:font-bold [&:not(:placeholder-shown)]:tracking-[2px]",
-                        (disabled || readOnly) && "cursor-not-allowed",
+                        disabled && "cursor-not-allowed",
+                        readOnly && !disabled && !loading && "cursor-default",
                         loading && "cursor-progress",
                         leftIcon && "pl-10",
                         (showRightPaddingForReset || showRightPaddingForReveal) && "pr-10",
@@ -12588,7 +12593,7 @@ var Input = React44.forwardRef(
                       disabled,
                       className: "input__reset-button absolute right-0 top-0 flex h-full w-10 items-center justify-center border-0 bg-transparent p-0 text-[#9696b9] hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-50",
                       "aria-label": t("reset"),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react42.X, { size: 14 })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react41.X, { size: 14 })
                     }
                   ),
                   isPasswordReveal && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
@@ -12599,7 +12604,7 @@ var Input = React44.forwardRef(
                       className: "input__password-button absolute right-[14px] top-[18px] flex h-[13px] w-[21px] cursor-pointer items-center justify-center border-0 bg-transparent p-0 hover:opacity-85",
                       "aria-label": isPasswordRevealed ? t("hide_password") : t("show_password"),
                       children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
-                        import_lucide_react42.Eye,
+                        import_lucide_react41.Eye,
                         {
                           size: 20,
                           className: cn(
@@ -12621,7 +12626,7 @@ var Input = React44.forwardRef(
                   onClick: onDecrement,
                   className: "input__decrement-button mr-2 inline-flex h-[23px] w-8 cursor-pointer items-center justify-center rounded-[3px] border-0 bg-[var(--chekin-color-brand-blue)] p-0 text-[20px] font-bold text-white outline-none hover:opacity-90 active:opacity-100",
                   "aria-label": t("decrement"),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react42.Minus, { size: 16, strokeWidth: 3, "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react41.Minus, { size: 16, strokeWidth: 3, "aria-hidden": true })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
@@ -12631,7 +12636,7 @@ var Input = React44.forwardRef(
                   onClick: onIncrement,
                   className: "input__increment-button inline-flex h-[23px] w-8 cursor-pointer items-center justify-center rounded-[3px] border-0 bg-[var(--chekin-color-brand-blue)] p-0 text-[20px] font-bold text-white outline-none hover:opacity-90 active:opacity-100",
                   "aria-label": t("increment"),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react42.Plus, { size: 16, strokeWidth: 3, "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react41.Plus, { size: 16, strokeWidth: 3, "aria-hidden": true })
                 }
               )
             ] })
@@ -12835,7 +12840,7 @@ function countriesFilter(option, inputValue) {
 }
 
 // src/dashboard/_select-internals/slots/DefaultOption.tsx
-var import_lucide_react43 = require("lucide-react");
+var import_lucide_react42 = require("lucide-react");
 var import_jsx_runtime146 = require("react/jsx-runtime");
 function DefaultOption(props) {
   const {
@@ -12882,7 +12887,7 @@ function DefaultOption(props) {
         /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "block min-w-0 break-words", children: labelContent }),
         option.description && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "ml-auto shrink-0 self-center text-[12px] font-medium italic text-[var(--chekin-color-gray-1)]", children: option.description }),
         isSelected && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-          import_lucide_react43.Check,
+          import_lucide_react42.Check,
           {
             "aria-hidden": "true",
             className: cn(
@@ -13135,7 +13140,7 @@ function SelectMenuPanel({
 }
 
 // src/dashboard/_select-internals/SelectSearchInput.tsx
-var import_lucide_react44 = require("lucide-react");
+var import_lucide_react43 = require("lucide-react");
 var import_jsx_runtime149 = require("react/jsx-runtime");
 function SelectSearchInput({
   inputRef,
@@ -13148,7 +13153,7 @@ function SelectSearchInput({
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "border-b border-[var(--chekin-color-gray-3)] bg-white p-2", children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "relative", children: [
     /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
-      import_lucide_react44.Search,
+      import_lucide_react43.Search,
       {
         "aria-hidden": "true",
         className: "pointer-events-none absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-[var(--chekin-color-gray-2)]"
@@ -13173,7 +13178,7 @@ function SelectSearchInput({
 }
 
 // src/dashboard/_select-internals/SelectTrigger.tsx
-var import_lucide_react45 = require("lucide-react");
+var import_lucide_react44 = require("lucide-react");
 var import_jsx_runtime150 = require("react/jsx-runtime");
 function SelectTrigger({
   triggerRef,
@@ -13232,7 +13237,7 @@ function SelectTrigger({
         leftIcon && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "pointer-events-none absolute left-0 top-0 flex h-full max-w-10 items-center justify-center text-[var(--chekin-color-gray-2)]", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "flex h-full w-10 items-center justify-center", children: leftIcon }) }),
         /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { id: valueId, className: "block min-w-0 flex-1 truncate text-left", children: hasValue ? valueLabel : showPlaceholderWhenIdle || isOpen ? placeholder : null }),
         /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
-          import_lucide_react45.ChevronDown,
+          import_lucide_react44.ChevronDown,
           {
             size: 16,
             className: cn(
@@ -13247,7 +13252,7 @@ function SelectTrigger({
 }
 
 // src/dashboard/_select-internals/ComboboxTrigger.tsx
-var import_lucide_react46 = require("lucide-react");
+var import_lucide_react45 = require("lucide-react");
 var import_react_i18next29 = require("react-i18next");
 var import_jsx_runtime151 = require("react/jsx-runtime");
 function ComboboxTrigger({
@@ -13387,7 +13392,7 @@ function ComboboxTrigger({
               onClick: onClear,
               className: "flex h-5 w-5 items-center justify-center rounded-[3px] border-0 bg-transparent p-0 text-[#9696b9] hover:shadow-[0_3px_3px_#0f477734]",
               "aria-label": clearLabel,
-              children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_lucide_react46.SquareX, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_lucide_react45.SquareX, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
             }
           ),
           !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
@@ -13586,7 +13591,21 @@ function useSelectState(params) {
     );
     return !existsInOptions && !existsInSelected;
   }, [isCreatable, trimmedInput, isValidNewOption, options, selectedOptions]);
+  const sssDebugHighlightCount = React48.useRef(0);
   React48.useEffect(() => {
+    sssDebugHighlightCount.current += 1;
+    console.log(
+      `[SC-debug] highlight effect run #${sssDebugHighlightCount.current}`,
+      {
+        isOpen,
+        filteredOptionsLength: filteredOptions.length,
+        isOptionDisabledStable: typeof isOptionDisabled
+      }
+    );
+    if (sssDebugHighlightCount.current === 30) {
+      console.warn("[SC-debug] highlight effect ran 30x \u2014 opening debugger");
+      debugger;
+    }
     if (!isOpen || filteredOptions.length === 0) {
       setHighlightedIndex(-1);
       return;
@@ -13614,6 +13633,11 @@ function useSelectState(params) {
   );
   const selectOption = React48.useCallback(
     (option) => {
+      console.log("[SC-debug] selectOption called", {
+        value: option.value,
+        isMulti,
+        currentSelectedCount: selectedOptions.length
+      });
       if (!isOptionEnabled(option, isOptionDisabled)) return;
       if (isMulti) {
         const exists = isValueSelected(option);
@@ -13877,7 +13901,7 @@ function useSelectState(params) {
 }
 
 // src/dashboard/_select-internals/slots/DefaultMultiValueChip.tsx
-var import_lucide_react47 = require("lucide-react");
+var import_lucide_react46 = require("lucide-react");
 var import_react_i18next30 = require("react-i18next");
 var import_jsx_runtime152 = require("react/jsx-runtime");
 function DefaultMultiValueChip({
@@ -13899,7 +13923,7 @@ function DefaultMultiValueChip({
         },
         className: "flex h-4 w-4 items-center justify-center rounded-sm border-0 bg-transparent p-0 text-[var(--chekin-color-gray-1)] outline-none transition-colors hover:bg-white/70 hover:text-[var(--chekin-color-brand-navy)] focus-visible:ring-2 focus-visible:ring-[var(--chekin-color-brand-blue)]/30",
         "aria-label": t("remove_item", { label: labelText }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(import_lucide_react47.X, { size: 12, strokeWidth: 2.5 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(import_lucide_react46.X, { size: 12, strokeWidth: 2.5 })
       }
     )
   ] });
@@ -13999,7 +14023,7 @@ function DefaultControl(props) {
 }
 
 // src/dashboard/_select-internals/slots/StaticControl.tsx
-var import_lucide_react48 = require("lucide-react");
+var import_lucide_react47 = require("lucide-react");
 var import_jsx_runtime154 = require("react/jsx-runtime");
 function StaticControl(props) {
   const {
@@ -14062,7 +14086,7 @@ function StaticControl(props) {
         onClick: onClear,
         className: "absolute right-9 top-1/2 flex h-5 w-5 -translate-y-1/2 items-center justify-center rounded-[3px] border-0 bg-transparent p-0 text-[#9696b9] hover:shadow-[0_3px_3px_#0f477734]",
         "aria-label": clearLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_lucide_react48.SquareX, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_lucide_react47.SquareX, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
       }
     )
   ] });
@@ -15073,7 +15097,7 @@ var InfiniteScrollMultiSelect = React57.forwardRef(function InfiniteScrollMultiS
 });
 
 // src/dashboard/select-checkboxes/SelectCheckboxes.tsx
-var React58 = __toESM(require("react"), 1);
+var React59 = __toESM(require("react"), 1);
 var import_react_i18next36 = require("react-i18next");
 
 // src/dashboard/select-checkboxes/SelectCheckboxOption.tsx
@@ -15131,12 +15155,22 @@ function SelectCheckboxOption(props) {
 }
 
 // src/dashboard/select-checkboxes/CountTrigger.tsx
-var import_lucide_react49 = require("lucide-react");
+var React58 = __toESM(require("react"), 1);
+var import_lucide_react48 = require("lucide-react");
 var import_react_i18next35 = require("react-i18next");
 var import_jsx_runtime166 = require("react/jsx-runtime");
 function createCountTrigger(opts) {
-  const { valueText, totalCount } = opts;
+  const { getValueText, getTotalCount } = opts;
   function CountTrigger(props) {
+    const ctDebugRenderCount = React58.useRef(0);
+    ctDebugRenderCount.current += 1;
+    React58.useEffect(() => {
+      console.log("[SC-debug] CountTrigger MOUNTED");
+      return () => {
+        console.log("[SC-debug] CountTrigger UNMOUNTED");
+      };
+    }, []);
+    console.log(`[SC-debug] CountTrigger render #${ctDebugRenderCount.current}`);
     const { t } = (0, import_react_i18next35.useTranslation)();
     const {
       triggerId,
@@ -15156,6 +15190,8 @@ function createCountTrigger(opts) {
       onTriggerFocus,
       leftIcon
     } = props;
+    const valueText = getValueText();
+    const totalCount = getTotalCount();
     const count = selectedOptions.length;
     const total = totalCount ?? count;
     const computedText = typeof valueText === "function" ? valueText(count, total) : valueText ?? (count > 0 ? t("n_selected", { count, defaultValue: `${count} selected` }) : "");
@@ -15187,7 +15223,7 @@ function createCountTrigger(opts) {
           leftIcon && /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "pointer-events-none absolute left-0 top-0 flex h-full max-w-10 items-center justify-center text-[var(--chekin-color-gray-2)]", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "flex h-full w-10 items-center justify-center", children: leftIcon }) }),
           /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { id: valueId, className: "block min-w-0 flex-1 truncate text-left", children: display }),
           /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "pointer-events-none flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
-            import_lucide_react49.ChevronDown,
+            import_lucide_react48.ChevronDown,
             {
               size: 16,
               className: cn(
@@ -15266,25 +15302,62 @@ function SelectCheckboxesInternal(props, ref) {
   const isPaginated = hasPaginationProps(
     paginationAndRest
   );
-  const [inputValue, setInputValue] = React58.useState("");
+  const scDebugRenderCount = React59.useRef(0);
+  const scDebugPrevPropsRef = React59.useRef({});
+  scDebugRenderCount.current += 1;
+  {
+    const current = {
+      value,
+      defaultValue,
+      onChange,
+      trigger,
+      userComponents,
+      valueText,
+      filterOption,
+      rawOptions,
+      onSearchChange
+    };
+    const prev = scDebugPrevPropsRef.current;
+    const changed = [];
+    for (const key of Object.keys(current)) {
+      if (prev[key] !== current[key]) changed.push(key);
+    }
+    console.log(
+      `[SC-debug] SelectCheckboxes render #${scDebugRenderCount.current}`,
+      { changed, isPaginated, isControlled: value !== void 0 }
+    );
+    scDebugPrevPropsRef.current = current;
+    if (scDebugRenderCount.current === 30) {
+      console.warn(
+        "[SC-debug] hit 30 renders of SelectCheckboxes \u2014 opening debugger"
+      );
+      debugger;
+    }
+  }
+  const [inputValue, setInputValue] = React59.useState("");
   const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = React58.useState(
+  const [internalValue, setInternalValue] = React59.useState(
     () => defaultValue ?? []
   );
   const currentValue = isControlled ? value : internalValue;
-  const selected = React58.useMemo(() => currentValue ?? [], [currentValue]);
-  const handleChange = React58.useCallback(
+  const selected = React59.useMemo(() => currentValue ?? [], [currentValue]);
+  const handleChange = React59.useCallback(
     (next, meta) => {
+      console.log("[SC-debug] handleChange", {
+        action: meta?.action,
+        nextLength: next.length,
+        isControlled
+      });
       if (!isControlled) setInternalValue(next);
       onChange?.(next, meta);
     },
     [isControlled, onChange]
   );
-  const flatRawOptions = React58.useMemo(
+  const flatRawOptions = React59.useMemo(
     () => flattenGroupedOptions(rawOptions),
     [rawOptions]
   );
-  const filteredGrouped = React58.useMemo(() => {
+  const filteredGrouped = React59.useMemo(() => {
     const trimmed = inputValue.trim();
     if (!trimmed) return rawOptions;
     return rawOptions.map((item) => {
@@ -15295,7 +15368,7 @@ function SelectCheckboxesInternal(props, ref) {
       return filterOption(item, trimmed) ? item : null;
     }).filter((item) => item !== null);
   }, [rawOptions, inputValue, filterOption]);
-  const filteredFlat = React58.useMemo(
+  const filteredFlat = React59.useMemo(
     () => flattenGroupedOptions(filteredGrouped),
     [filteredGrouped]
   );
@@ -15303,7 +15376,7 @@ function SelectCheckboxesInternal(props, ref) {
     return acc + (selected.some((s) => s.value === option.value) ? 1 : 0);
   }, 0);
   const allVisibleSelected = filteredFlat.length > 0 && visibleSelectedCount === filteredFlat.length;
-  const handleToggleAll = React58.useCallback(() => {
+  const handleToggleAll = React59.useCallback(() => {
     if (allVisibleSelected) {
       const visibleValues = new Set(filteredFlat.map((option) => option.value));
       handleChange(
@@ -15318,14 +15391,19 @@ function SelectCheckboxesInternal(props, ref) {
     }
     handleChange(merged, { action: "select" });
   }, [allVisibleSelected, filteredFlat, handleChange, selected]);
-  const Control = React58.useMemo(() => {
+  const valueTextRef = React59.useRef(valueText);
+  const totalCountRef = React59.useRef(flatRawOptions.length);
+  valueTextRef.current = valueText;
+  totalCountRef.current = flatRawOptions.length;
+  const Control = React59.useMemo(() => {
+    console.log("[SC-debug] (re)creating Control component", { hasCustomTrigger: !!trigger });
     if (trigger) return makeTriggerSlot(trigger);
     return createCountTrigger({
-      valueText,
-      totalCount: flatRawOptions.length
+      getValueText: () => valueTextRef.current,
+      getTotalCount: () => totalCountRef.current
     });
-  }, [trigger, valueText, flatRawOptions.length]);
-  const components = React58.useMemo(
+  }, [trigger]);
+  const components = React59.useMemo(
     () => ({
       ...userComponents,
       Control,
@@ -15341,7 +15419,7 @@ function SelectCheckboxesInternal(props, ref) {
       onToggle: handleToggleAll
     }
   ) : void 0;
-  const handleInputChange = React58.useCallback(
+  const handleInputChange = React59.useCallback(
     (next) => {
       setInputValue(next);
       onSearchChange?.(next);
@@ -15384,16 +15462,16 @@ function SelectCheckboxesInternal(props, ref) {
     }
   );
 }
-var SelectCheckboxes = React58.forwardRef(
+var SelectCheckboxes = React59.forwardRef(
   SelectCheckboxesInternal
 );
 
 // src/dashboard/textarea/Textarea.tsx
-var React60 = __toESM(require("react"), 1);
+var React61 = __toESM(require("react"), 1);
 var import_react_i18next37 = require("react-i18next");
 
 // src/dashboard/textarea/useTextareaValueState.ts
-var React59 = __toESM(require("react"), 1);
+var React60 = __toESM(require("react"), 1);
 var isEmptyValue2 = (value) => {
   if (value === void 0 || value === null) return true;
   return String(value).length === 0;
@@ -15412,12 +15490,12 @@ function useTextareaValueState({
   value,
   defaultValue
 }) {
-  const textareaRef = React59.useRef(null);
+  const textareaRef = React60.useRef(null);
   const isControlled = typeof empty !== "undefined" || typeof value !== "undefined";
   const propsAreEmpty = getTextareaEmptyState({ empty, value, defaultValue });
-  const [nativeIsEmpty, setNativeIsEmpty] = React59.useState(propsAreEmpty);
+  const [nativeIsEmpty, setNativeIsEmpty] = React60.useState(propsAreEmpty);
   const isEmpty = isControlled ? propsAreEmpty : nativeIsEmpty;
-  const setNativeValue = React59.useCallback(
+  const setNativeValue = React60.useCallback(
     (nextValue) => {
       if (isControlled) return;
       const nextIsEmpty = nextValue.length === 0;
@@ -15427,14 +15505,14 @@ function useTextareaValueState({
     },
     [isControlled]
   );
-  const syncValueState = React59.useCallback(() => {
+  const syncValueState = React60.useCallback(() => {
     if (!textareaRef.current) return;
     setNativeValue(textareaRef.current.value);
   }, [setNativeValue]);
-  React59.useLayoutEffect(() => {
+  React60.useLayoutEffect(() => {
     syncValueState();
   });
-  React59.useEffect(() => {
+  React60.useEffect(() => {
     const textarea = textareaRef.current;
     const form = textarea?.form;
     if (isControlled || !form) return;
@@ -15461,7 +15539,7 @@ function useTextareaValueState({
 var import_jsx_runtime169 = require("react/jsx-runtime");
 var LINE_HEIGHT = 20;
 var VERTICAL_PADDING = 32;
-var Textarea = React60.forwardRef(function Textarea2({
+var Textarea = React61.forwardRef(function Textarea2({
   className,
   textareaClassName,
   label,
@@ -15489,12 +15567,12 @@ var Textarea = React60.forwardRef(function Textarea2({
 }, ref) {
   const { textareaRef, isControlled, isEmpty, setNativeValue, syncValueState } = useTextareaValueState({ empty, value, defaultValue });
   const combinedRef = useCombinedRef(ref, textareaRef);
-  const reactId = React60.useId();
+  const reactId = React61.useId();
   const textareaId = id ?? name ?? `dash-textarea-${reactId}`;
   const { t } = (0, import_react_i18next37.useTranslation)();
   const isInvalid = Boolean(invalid || error);
   const isBlocked = Boolean(disabled);
-  const resize = React60.useCallback(() => {
+  const resize = React61.useCallback(() => {
     const el = textareaRef.current;
     if (!el || !autosize) return;
     el.style.height = "auto";
@@ -15504,7 +15582,7 @@ var Textarea = React60.forwardRef(function Textarea2({
     el.style.height = `${nextHeight}px`;
     el.style.overflowY = el.scrollHeight > nextHeight ? "auto" : "hidden";
   }, [autosize, maxRows, minRows, textareaRef]);
-  React60.useLayoutEffect(() => {
+  React61.useLayoutEffect(() => {
     resize();
   }, [resize, value]);
   const handleInput = (event) => {
@@ -15596,12 +15674,12 @@ var Textarea = React60.forwardRef(function Textarea2({
 });
 
 // src/dashboard/datepicker/Datepicker.tsx
-var React62 = __toESM(require("react"), 1);
-var import_lucide_react50 = require("lucide-react");
+var React63 = __toESM(require("react"), 1);
+var import_lucide_react49 = require("lucide-react");
 var import_react_i18next38 = require("react-i18next");
 
 // src/airbnb-fields/datepicker/useDatePickerWheel.ts
-var React61 = __toESM(require("react"), 1);
+var React62 = __toESM(require("react"), 1);
 
 // src/airbnb-fields/datepicker/datePicker.utils.ts
 var DISPLAY_PAD_LENGTH = 2;
@@ -15752,21 +15830,21 @@ function useDatePickerWheel({
   minDate,
   maxDate
 }) {
-  const years = React61.useMemo(() => getYearRange(minDate, maxDate), [maxDate, minDate]);
-  const [draftDate, setDraftDate] = React61.useState(
+  const years = React62.useMemo(() => getYearRange(minDate, maxDate), [maxDate, minDate]);
+  const [draftDate, setDraftDate] = React62.useState(
     () => resolveInitialDate({ value, defaultValue, minDate, maxDate })
   );
   const draftYear = draftDate.getFullYear();
   const draftMonth = draftDate.getMonth();
-  const [monthScrollTop, setMonthScrollTop] = React61.useState(0);
-  const [dayScrollTop, setDayScrollTop] = React61.useState(0);
-  const [yearScrollTop, setYearScrollTop] = React61.useState(0);
-  const monthListRef = React61.useRef(null);
-  const dayListRef = React61.useRef(null);
-  const yearListRef = React61.useRef(null);
-  const settleTimeoutsRef = React61.useRef({});
-  const animationFramesRef = React61.useRef({});
-  const columnRefs = React61.useMemo(
+  const [monthScrollTop, setMonthScrollTop] = React62.useState(0);
+  const [dayScrollTop, setDayScrollTop] = React62.useState(0);
+  const [yearScrollTop, setYearScrollTop] = React62.useState(0);
+  const monthListRef = React62.useRef(null);
+  const dayListRef = React62.useRef(null);
+  const yearListRef = React62.useRef(null);
+  const settleTimeoutsRef = React62.useRef({});
+  const animationFramesRef = React62.useRef({});
+  const columnRefs = React62.useMemo(
     () => ({
       month: monthListRef,
       day: dayListRef,
@@ -15774,7 +15852,7 @@ function useDatePickerWheel({
     }),
     []
   );
-  const setColumnScrollTop = React61.useCallback(
+  const setColumnScrollTop = React62.useCallback(
     (column, nextScrollTop) => {
       if (column === "month") {
         setMonthScrollTop(nextScrollTop);
@@ -15788,19 +15866,19 @@ function useDatePickerWheel({
     },
     []
   );
-  const clearSettleTimeout = React61.useCallback((column) => {
+  const clearSettleTimeout = React62.useCallback((column) => {
     const timeoutId = settleTimeoutsRef.current[column];
     if (timeoutId === void 0) return;
     window.clearTimeout(timeoutId);
     delete settleTimeoutsRef.current[column];
   }, []);
-  const clearAnimationFrame = React61.useCallback((column) => {
+  const clearAnimationFrame = React62.useCallback((column) => {
     const frameId = animationFramesRef.current[column];
     if (frameId === void 0) return;
     window.cancelAnimationFrame(frameId);
     delete animationFramesRef.current[column];
   }, []);
-  React61.useEffect(
+  React62.useEffect(
     () => () => {
       ["month", "day", "year"].forEach((column) => {
         clearSettleTimeout(column);
@@ -15809,22 +15887,22 @@ function useDatePickerWheel({
     },
     [clearAnimationFrame, clearSettleTimeout]
   );
-  React61.useEffect(() => {
+  React62.useEffect(() => {
     if (isOpen) return;
     setDraftDate(resolveInitialDate({ value, defaultValue, minDate, maxDate }));
   }, [defaultValue, isOpen, maxDate, minDate, value]);
-  const months = React61.useMemo(
+  const months = React62.useMemo(
     () => getAllowedMonths(draftYear, minDate, maxDate),
     [draftYear, maxDate, minDate]
   );
-  const days = React61.useMemo(
+  const days = React62.useMemo(
     () => getAllowedDays(draftYear, draftMonth, minDate, maxDate),
     [draftMonth, draftYear, maxDate, minDate]
   );
   const monthIndex = months.findIndex((month) => month === draftMonth);
   const dayIndex = days.findIndex((day) => day === draftDate.getDate());
   const yearIndex = years.findIndex((year) => year === draftYear);
-  const syncScrollPositions = React61.useCallback(
+  const syncScrollPositions = React62.useCallback(
     (nextDate, behavior = "auto") => {
       const nextMonths = getAllowedMonths(nextDate.getFullYear(), minDate, maxDate);
       const nextMonthIndex = nextMonths.findIndex((month) => month === nextDate.getMonth());
@@ -15848,7 +15926,7 @@ function useDatePickerWheel({
     },
     [maxDate, minDate, years]
   );
-  React61.useLayoutEffect(() => {
+  React62.useLayoutEffect(() => {
     if (!isOpen) return;
     const nextDate = resolveInitialDate({ value, defaultValue, minDate, maxDate });
     setDraftDate(nextDate);
@@ -15859,7 +15937,7 @@ function useDatePickerWheel({
       window.cancelAnimationFrame(frameId);
     };
   }, [defaultValue, isOpen, maxDate, minDate, syncScrollPositions, value]);
-  const updateDraftDate = React61.useCallback(
+  const updateDraftDate = React62.useCallback(
     (column, targetIndex, behavior = "smooth") => {
       const currentDate = stripTime(draftDate);
       const currentYear = currentDate.getFullYear();
@@ -15904,7 +15982,7 @@ function useDatePickerWheel({
     },
     [days, draftDate, maxDate, minDate, months, syncScrollPositions, years]
   );
-  const settleColumnScroll = React61.useCallback(
+  const settleColumnScroll = React62.useCallback(
     (column) => {
       const list = columnRefs[column].current;
       if (!list) return;
@@ -15917,7 +15995,7 @@ function useDatePickerWheel({
     },
     [columnRefs, days.length, months.length, updateDraftDate, years.length]
   );
-  const scheduleScrollSettle = React61.useCallback(
+  const scheduleScrollSettle = React62.useCallback(
     (column) => {
       clearSettleTimeout(column);
       settleTimeoutsRef.current[column] = window.setTimeout(() => {
@@ -15926,7 +16004,7 @@ function useDatePickerWheel({
     },
     [clearSettleTimeout, settleColumnScroll]
   );
-  const handleColumnScroll = React61.useCallback(
+  const handleColumnScroll = React62.useCallback(
     (column) => {
       const list = columnRefs[column].current;
       if (!list) return;
@@ -15940,13 +16018,13 @@ function useDatePickerWheel({
     },
     [clearAnimationFrame, columnRefs, scheduleScrollSettle, setColumnScrollTop]
   );
-  const handleOptionSelect = React61.useCallback(
+  const handleOptionSelect = React62.useCallback(
     (column, targetIndex) => {
       updateDraftDate(column, targetIndex, "smooth");
     },
     [updateDraftDate]
   );
-  const focusAdjacentColumn = React61.useCallback(
+  const focusAdjacentColumn = React62.useCallback(
     (column, direction) => {
       const order = ["month", "day", "year"];
       const currentIndex = order.indexOf(column);
@@ -15956,7 +16034,7 @@ function useDatePickerWheel({
     },
     [columnRefs]
   );
-  const handleColumnKeyDown = React61.useCallback(
+  const handleColumnKeyDown = React62.useCallback(
     (column, event) => {
       const currentIndex = column === "month" ? monthIndex : column === "day" ? dayIndex : yearIndex;
       const maxIndex = column === "month" ? months.length - 1 : column === "day" ? days.length - 1 : years.length - 1;
@@ -16278,7 +16356,7 @@ function dateFromParts(day, monthIndex, year) {
   if (!isValidCalendarDate(yearNum, monthIndex, dayNum)) return null;
   return new Date(yearNum, monthIndex, dayNum);
 }
-var Datepicker = React62.forwardRef(
+var Datepicker = React63.forwardRef(
   function Datepicker2({
     label,
     value,
@@ -16311,14 +16389,14 @@ var Datepicker = React62.forwardRef(
     maxDate,
     formatValue
   }, ref) {
-    const containerRef = React62.useRef(null);
-    const dayInputRef = React62.useRef(null);
-    const monthInputRef = React62.useRef(null);
-    const monthListRef = React62.useRef(null);
-    const yearInputRef = React62.useRef(null);
-    const mobileTriggerRef = React62.useRef(null);
-    const wheelBaseId = React62.useId();
-    const reactId = React62.useId();
+    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 baseId = name ?? `dash-datepicker-${reactId}`;
     const dayId = `${baseId}-day`;
     const monthId = `${baseId}-month`;
@@ -16327,38 +16405,38 @@ var Datepicker = React62.forwardRef(
     const errorId = `${baseId}-error`;
     const { t, i18n } = (0, import_react_i18next38.useTranslation)();
     const resolvedLocale = locale ?? i18n.resolvedLanguage ?? i18n.language ?? "en-US";
-    const resolvedMonthLabels = React62.useMemo(
+    const resolvedMonthLabels = React63.useMemo(
       () => monthLabels ?? getMonthLabels2(resolvedLocale),
       [resolvedLocale, monthLabels]
     );
     const resolvedMonthPlaceholder = monthPlaceholder ?? t("month");
     const resolvedDoneLabel = doneLabel ?? t("done");
     const isControlled = value !== void 0;
-    const initialParts = React62.useMemo(
+    const initialParts = React63.useMemo(
       () => partsFromDate(value ?? defaultValue ?? null),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    const [day, setDay] = React62.useState(initialParts.day);
-    const [monthIndex, setMonthIndex] = React62.useState(
+    const [day, setDay] = React63.useState(initialParts.day);
+    const [monthIndex, setMonthIndex] = React63.useState(
       initialParts.monthIndex
     );
-    const [year, setYear] = React62.useState(initialParts.year);
-    const [isMonthOpen, setIsMonthOpen] = React62.useState(false);
-    const [isWheelOpen, setIsWheelOpen] = React62.useState(false);
-    const [focusedField, setFocusedField] = React62.useState(null);
-    const [monthInputValue, setMonthInputValue] = React62.useState("");
-    const [monthHighlightIndex, setMonthHighlightIndex] = React62.useState(-1);
+    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 isMobile3 = useIsMobile();
-    const emitChangeRef = React62.useRef(() => {
+    const emitChangeRef = React63.useRef(() => {
     });
-    const dayStateRef = React62.useRef(day);
-    const yearStateRef = React62.useRef(year);
-    const monthIndexRef = React62.useRef(monthIndex);
+    const dayStateRef = React63.useRef(day);
+    const yearStateRef = React63.useRef(year);
+    const monthIndexRef = React63.useRef(monthIndex);
     dayStateRef.current = day;
     yearStateRef.current = year;
     monthIndexRef.current = monthIndex;
-    React62.useImperativeHandle(
+    React63.useImperativeHandle(
       ref,
       () => ({
         getDayValue: () => dayStateRef.current,
@@ -16376,27 +16454,27 @@ var Datepicker = React62.forwardRef(
       }),
       []
     );
-    React62.useEffect(() => {
+    React63.useEffect(() => {
       if (!isControlled) return;
       const next = partsFromDate(value ?? null);
       setDay(next.day);
       setMonthIndex(next.monthIndex);
       setYear(next.year);
     }, [isControlled, value]);
-    React62.useEffect(() => {
+    React63.useEffect(() => {
       if (focusedField === "month") return;
       setMonthInputValue(
         monthIndex !== null ? resolvedMonthLabels[monthIndex] ?? "" : ""
       );
     }, [monthIndex, resolvedMonthLabels, focusedField]);
-    const filteredMonths = React62.useMemo(() => {
+    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]);
-    React62.useEffect(() => {
+    React63.useEffect(() => {
       if (!isMonthOpen) {
         setMonthHighlightIndex(-1);
         return;
@@ -16417,7 +16495,7 @@ var Datepicker = React62.forwardRef(
     const isFocused = focusedField !== null || isMonthOpen || isWheelOpen;
     const isInvalid = Boolean(invalid || error);
     const wrapperWidth = toCssSize(width);
-    const currentDate = React62.useMemo(
+    const currentDate = React63.useMemo(
       () => dateFromParts(day, monthIndex, year),
       [day, monthIndex, year]
     );
@@ -16426,7 +16504,7 @@ var Datepicker = React62.forwardRef(
       onOutsideClick: () => setIsMonthOpen(false),
       isDisabled: !isMonthOpen || isMobile3
     });
-    const emitChange = React62.useCallback(
+    const emitChange = React63.useCallback(
       (nextDay, nextMonth, nextYear) => {
         if (!onChange) return;
         const date = dateFromParts(nextDay, nextMonth, nextYear);
@@ -16462,7 +16540,7 @@ var Datepicker = React62.forwardRef(
       setIsMonthOpen(true);
       setMonthHighlightIndex(0);
     };
-    const commitMonthInput = React62.useCallback(() => {
+    const commitMonthInput = React63.useCallback(() => {
       const query = monthInputValue.trim().toLowerCase();
       if (!query) {
         if (monthIndex !== null) {
@@ -16522,15 +16600,15 @@ var Datepicker = React62.forwardRef(
         setIsMonthOpen(false);
       }
     };
-    const focusDayInput = React62.useCallback(() => {
+    const focusDayInput = React63.useCallback(() => {
       if (isBlocked || readOnly) return;
       dayInputRef.current?.focus();
     }, [isBlocked, readOnly]);
-    const openWheel = React62.useCallback(() => {
+    const openWheel = React63.useCallback(() => {
       if (isBlocked || readOnly) return;
       setIsWheelOpen(true);
     }, [isBlocked, readOnly]);
-    const closeWheel = React62.useCallback(() => {
+    const closeWheel = React63.useCallback(() => {
       setIsWheelOpen(false);
       mobileTriggerRef.current?.focus();
     }, []);
@@ -16542,7 +16620,7 @@ var Datepicker = React62.forwardRef(
       minDate,
       maxDate
     });
-    const handleWheelDone = React62.useCallback(() => {
+    const handleWheelDone = React63.useCallback(() => {
       const next = wheel.draftDate;
       setDay(String(next.getDate()));
       setMonthIndex(next.getMonth());
@@ -16551,7 +16629,7 @@ var Datepicker = React62.forwardRef(
       setIsWheelOpen(false);
       mobileTriggerRef.current?.focus();
     }, [name, onChange, wheel.draftDate]);
-    const defaultFormatValue = React62.useCallback(
+    const defaultFormatValue = React63.useCallback(
       (date) => `${date.getDate()} ${resolvedMonthLabels[date.getMonth()]} ${date.getFullYear()}`,
       [resolvedMonthLabels]
     );
@@ -16631,7 +16709,7 @@ var Datepicker = React62.forwardRef(
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "block min-w-0 flex-1 truncate text-left", children: triggerText ?? (isWheelOpen ? mobilePlaceholder : null) }),
                   /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "pointer-events-none flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
-                    import_lucide_react50.ChevronDown,
+                    import_lucide_react49.ChevronDown,
                     {
                       size: 16,
                       className: cn(
@@ -16726,7 +16804,7 @@ var Datepicker = React62.forwardRef(
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
-                      import_lucide_react50.ChevronDown,
+                      import_lucide_react49.ChevronDown,
                       {
                         size: 14,
                         onMouseDown: (event) => {
@@ -16847,7 +16925,7 @@ var Datepicker = React62.forwardRef(
 );
 
 // src/dashboard/date-range-picker/DateRangePicker.tsx
-var React66 = __toESM(require("react"), 1);
+var React67 = __toESM(require("react"), 1);
 var import_react_i18next39 = require("react-i18next");
 
 // src/dashboard/date-range-picker/isDayBlocked.ts
@@ -16926,7 +17004,7 @@ var createDisabledMatchers = ({
 };
 
 // src/dashboard/date-range-picker/hooks/useRangeValue.ts
-var React63 = __toESM(require("react"), 1);
+var React64 = __toESM(require("react"), 1);
 var getRangeKey = (range) => `${range?.from?.getTime() ?? ""}-${range?.to?.getTime() ?? ""}`;
 function useRangeValue({
   value: externalValue,
@@ -16935,10 +17013,10 @@ function useRangeValue({
   name
 }) {
   const isControlled = externalValue !== void 0;
-  const [draft, setDraft] = React63.useState(
+  const [draft, setDraft] = React64.useState(
     isControlled ? externalValue : defaultValue
   );
-  const lastExternalKeyRef = React63.useRef(getRangeKey(externalValue));
+  const lastExternalKeyRef = React64.useRef(getRangeKey(externalValue));
   if (isControlled) {
     const externalKey = getRangeKey(externalValue);
     if (externalKey !== lastExternalKeyRef.current) {
@@ -16946,7 +17024,7 @@ function useRangeValue({
       setDraft(externalValue);
     }
   }
-  const commit = React63.useCallback(
+  const commit = React64.useCallback(
     (next) => {
       setDraft(next);
       if (next === void 0) {
@@ -16961,7 +17039,7 @@ function useRangeValue({
 }
 
 // src/dashboard/date-range-picker/hooks/useRangeTextInputs.ts
-var React64 = __toESM(require("react"), 1);
+var React65 = __toESM(require("react"), 1);
 
 // src/dashboard/date-range-picker/utils/inputFormat.ts
 function parseDateInputFormat(format2) {
@@ -17051,18 +17129,18 @@ function useRangeTextInputs({
   onFromComplete,
   onToComplete
 }) {
-  const tokens = React64.useMemo(
+  const tokens = React65.useMemo(
     () => parseDateInputFormat(displayFormat),
     [displayFormat]
   );
-  const maxDigits = React64.useMemo(() => getMaxDigits(tokens), [tokens]);
-  const [fromText, setFromText] = React64.useState(value?.from ? format2(value.from) : "");
-  const [toText, setToText] = React64.useState(value?.to ? format2(value.to) : "");
-  React64.useEffect(() => {
+  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(() => {
     setFromText(value?.from ? format2(value.from) : "");
     setToText(value?.to ? format2(value.to) : "");
   }, [format2, value?.from, value?.to]);
-  const handleFromChange = React64.useCallback(
+  const handleFromChange = React65.useCallback(
     (raw) => {
       const formatted = autoFormatDateInput(raw, tokens);
       const wasComplete = countDigits(fromText) === maxDigits;
@@ -17074,7 +17152,7 @@ function useRangeTextInputs({
     },
     [fromText, maxDigits, onFromComplete, parse3, tokens]
   );
-  const handleToChange = React64.useCallback(
+  const handleToChange = React65.useCallback(
     (raw) => {
       const formatted = autoFormatDateInput(raw, tokens);
       const wasComplete = countDigits(toText) === maxDigits;
@@ -17086,7 +17164,7 @@ function useRangeTextInputs({
     },
     [maxDigits, onToComplete, parse3, toText, tokens]
   );
-  const handleFromBlur = React64.useCallback(() => {
+  const handleFromBlur = React65.useCallback(() => {
     if (!fromText) {
       const next = { from: void 0, to: value?.to };
       onCommit(next);
@@ -17103,7 +17181,7 @@ function useRangeTextInputs({
     setFromText(value?.from ? format2(value.from) : "");
     return void 0;
   }, [format2, fromText, onBlur, onCommit, parse3, value]);
-  const handleToBlur = React64.useCallback(() => {
+  const handleToBlur = React65.useCallback(() => {
     if (!toText) {
       const next = { from: value?.from, to: void 0 };
       onCommit(next);
@@ -17132,21 +17210,21 @@ function useRangeTextInputs({
 }
 
 // src/dashboard/date-range-picker/hooks/useRangeMonthSync.ts
-var React65 = __toESM(require("react"), 1);
+var React66 = __toESM(require("react"), 1);
 function useRangeMonthSync(value) {
-  const isPreloadedRef = React65.useRef(false);
-  const [month, setMonth] = React65.useState(value?.from ?? /* @__PURE__ */ new Date());
-  React65.useEffect(() => {
+  const isPreloadedRef = React66.useRef(false);
+  const [month, setMonth] = React66.useState(value?.from ?? /* @__PURE__ */ new Date());
+  React66.useEffect(() => {
     if (value?.from && !isPreloadedRef.current) {
       setMonth(value.from);
       isPreloadedRef.current = true;
     }
   }, [value?.from]);
-  const syncMonthToValue = React65.useCallback((next) => {
+  const syncMonthToValue = React66.useCallback((next) => {
     isPreloadedRef.current = true;
     if (next?.from) setMonth(next.from);
   }, []);
-  const resetPreload = React65.useCallback(() => {
+  const resetPreload = React66.useCallback(() => {
     isPreloadedRef.current = false;
   }, []);
   return { month, setMonth, syncMonthToValue, resetPreload };
@@ -17171,7 +17249,7 @@ function resolveRangeSelection({
 }
 
 // src/dashboard/date-range-picker/components/DateRangeInputs.tsx
-var import_lucide_react51 = require("lucide-react");
+var import_lucide_react50 = require("lucide-react");
 var import_jsx_runtime173 = require("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)]";
@@ -17293,7 +17371,7 @@ function DateRangeInputs({
               onClick: onReset,
               className: iconButtonClass,
               "aria-label": clearLabel,
-              children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_lucide_react51.SquareX, { size: 16, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_lucide_react50.SquareX, { size: 16, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
             }
           ),
           !readOnly && !hideCalendarIcon && /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
@@ -17308,7 +17386,7 @@ function DateRangeInputs({
                 focusedInput !== null || isOpen ? "text-[var(--chekin-color-brand-blue)]" : "text-[var(--chekin-color-gray-2)]"
               ),
               "aria-label": openCalendarLabel,
-              children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_lucide_react51.CalendarDays, { size: 18 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_lucide_react50.CalendarDays, { size: 18 })
             }
           )
         ] })
@@ -17406,7 +17484,7 @@ function DateRangePopover({
 
 // src/dashboard/date-range-picker/DateRangePicker.tsx
 var import_jsx_runtime176 = require("react/jsx-runtime");
-var DateRangePicker = React66.forwardRef(function DateRangePicker2({
+var DateRangePicker = React67.forwardRef(function DateRangePicker2({
   label,
   value: externalValue,
   defaultValue,
@@ -17441,20 +17519,20 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
   components: customComponents,
   ...dayPickerProps
 }, ref) {
-  const containerRef = React66.useRef(null);
-  const fromInputRef = React66.useRef(null);
-  const toInputRef = React66.useRef(null);
-  const reactId = React66.useId();
+  const containerRef = React67.useRef(null);
+  const fromInputRef = React67.useRef(null);
+  const toInputRef = React67.useRef(null);
+  const reactId = React67.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 = React66.useMemo(() => {
+  const normalizedValue = React67.useMemo(() => {
     if (externalValue === void 0) return void 0;
     return { from: toDate(externalValue?.from), to: toDate(externalValue?.to) };
   }, [externalValue]);
-  const normalizedDefaultValue = React66.useMemo(() => {
+  const normalizedDefaultValue = React67.useMemo(() => {
     if (defaultValue === void 0) return void 0;
     return { from: toDate(defaultValue?.from), to: toDate(defaultValue?.to) };
   }, [defaultValue]);
@@ -17464,16 +17542,16 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
     onChange,
     name
   });
-  const normalizedMinDate = React66.useMemo(() => toDate(minDate), [minDate]);
-  const normalizedMaxDate = React66.useMemo(() => toDate(maxDate), [maxDate]);
-  const formatter = React66.useMemo(() => formatDate(displayFormat), [displayFormat]);
-  const parser = React66.useMemo(() => parseDate(displayFormat), [displayFormat]);
-  const closeCalendarRef = React66.useRef(() => {
+  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 handleFromComplete = React66.useCallback(() => {
+  const handleFromComplete = React67.useCallback(() => {
     toInputRef.current?.focus();
   }, []);
-  const handleToComplete = React66.useCallback(() => {
+  const handleToComplete = React67.useCallback(() => {
     toInputRef.current?.blur();
     closeCalendarRef.current();
   }, []);
@@ -17497,9 +17575,9 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
     onToComplete: handleToComplete
   });
   const { month, setMonth, syncMonthToValue } = useRangeMonthSync(value);
-  const [isOpen, setIsOpen] = React66.useState(false);
-  const [focusedInput, setFocusedInput] = React66.useState(null);
-  const [autoFocus, setAutoFocus] = React66.useState(false);
+  const [isOpen, setIsOpen] = React67.useState(false);
+  const [focusedInput, setFocusedInput] = React67.useState(null);
+  const [autoFocus, setAutoFocus] = React67.useState(false);
   const isMobile3 = useIsMobile();
   const { t } = (0, import_react_i18next39.useTranslation)();
   const drawerTitle = label ?? t("select_dates");
@@ -17510,14 +17588,14 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
   const isFocused = focusedInput !== null || isOpen;
   const wrapperWidth = toCssSize(width);
   const monthsToShow = numberOfMonths ?? (isMobile3 ? 1 : 2);
-  const closeCalendar = React66.useCallback(() => {
+  const closeCalendar = React67.useCallback(() => {
     setIsOpen(false);
     setFocusedInput(null);
     setAutoFocus(false);
     if (value?.from) setMonth(value.from);
   }, [setMonth, value?.from]);
   closeCalendarRef.current = closeCalendar;
-  const openCalendar = React66.useCallback(() => {
+  const openCalendar = React67.useCallback(() => {
     if (isBlocked || readOnly) return;
     setIsOpen(true);
   }, [isBlocked, readOnly]);
@@ -17526,7 +17604,7 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
     onOutsideClick: closeCalendar,
     isDisabled: !isOpen || isMobile3
   });
-  const handlePickerChange = React66.useCallback(
+  const handlePickerChange = React67.useCallback(
     (range, pickedDate) => {
       const { next, shouldClose } = resolveRangeSelection({
         previous: value,
@@ -17547,7 +17625,7 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
     setToText("");
     setMonth(/* @__PURE__ */ new Date());
   };
-  const disabledMatchers = React66.useMemo(
+  const disabledMatchers = React67.useMemo(
     () => createDisabledMatchers({
       minDate: normalizedMinDate,
       maxDate: normalizedMaxDate,
@@ -17566,7 +17644,7 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
     openCalendar();
     if (autoFocusOnOpen) setAutoFocus(true);
   };
-  React66.useImperativeHandle(
+  React67.useImperativeHandle(
     ref,
     () => ({
       setDateRange: (range) => {
@@ -17747,7 +17825,7 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
 });
 
 // src/dashboard/date-range-picker/useValidateDates.ts
-var React67 = __toESM(require("react"), 1);
+var React68 = __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");
@@ -17770,11 +17848,11 @@ function useValidateDates({
   const { t } = (0, import_react_i18next40.useTranslation)();
   const handleError = useEvent(onError);
   const handleSuccess = useEvent(onSuccess);
-  const errorFormatter = React67.useMemo(
+  const errorFormatter = React68.useMemo(
     () => formatDate(displayFormat ?? DEFAULT_DISPLAY_FORMAT),
     [displayFormat]
   );
-  const validateDates = React67.useCallback(
+  const validateDates = React68.useCallback(
     (dates) => {
       const startDate = dates?.from;
       const endDate = dates?.to;
@@ -17824,7 +17902,7 @@ function useValidateDates({
 }
 
 // src/dashboard/time-picker/TimePicker.tsx
-var React68 = __toESM(require("react"), 1);
+var React69 = __toESM(require("react"), 1);
 var import_date_fns5 = require("date-fns");
 var import_jsx_runtime177 = require("react/jsx-runtime");
 var SHORT_TIME_FORMAT = "HH:mm";
@@ -17868,8 +17946,8 @@ var FORMAT_SETTINGS = {
   },
   hours: { interval_unit: "H", interval: 1, min_time: "00:00", max_time: "23:00" }
 };
-var TimePicker = React68.forwardRef(function TimePicker2({ format: formatName = "time", timeSettings, options, ...selectProps }, ref) {
-  const resolvedOptions = React68.useMemo(() => {
+var TimePicker = React69.forwardRef(function TimePicker2({ format: formatName = "time", timeSettings, options, ...selectProps }, ref) {
+  const resolvedOptions = React69.useMemo(() => {
     if (options) return options;
     const settings = timeSettings ?? FORMAT_SETTINGS[formatName];
     return buildOptions(settings);
@@ -17878,14 +17956,14 @@ var TimePicker = React68.forwardRef(function TimePicker2({ format: formatName =
 });
 
 // src/dashboard/file-input/FileInput.tsx
-var React69 = __toESM(require("react"), 1);
-var import_lucide_react52 = require("lucide-react");
+var React70 = __toESM(require("react"), 1);
+var import_lucide_react51 = require("lucide-react");
 var import_react_i18next41 = require("react-i18next");
 var import_jsx_runtime178 = require("react/jsx-runtime");
 function defaultDownload(url) {
   window.open(url, "_blank", "noopener,noreferrer");
 }
-var FileInput = React69.forwardRef(function FileInput2({
+var FileInput = React70.forwardRef(function FileInput2({
   label,
   value,
   onChange,
@@ -17908,12 +17986,12 @@ var FileInput = React69.forwardRef(function FileInput2({
   width,
   downloadLabel
 }, ref) {
-  const internalRef = React69.useRef(null);
+  const internalRef = React70.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 = React69.useId();
+  const reactId = React70.useId();
   const inputId = `${name || "dash-file"}-${reactId}`;
   const labelId = `${inputId}-label`;
   const errorId = `${inputId}-error`;
@@ -17993,7 +18071,7 @@ var FileInput = React69.forwardRef(function FileInput2({
                             className: "inline-flex items-center gap-[7px] truncate border-0 bg-transparent p-0 text-[14px] font-medium text-[var(--chekin-color-brand-navy)] outline-none",
                             children: [
                               /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: "truncate", children: resolvedDownloadLabel }),
-                              /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_lucide_react52.Download, { size: 15 })
+                              /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_lucide_react51.Download, { size: 15 })
                             ]
                           }
                         ) : /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: "truncate text-[14px] font-medium text-[var(--chekin-color-brand-navy)]", children: value.name }),
@@ -18005,13 +18083,13 @@ var FileInput = React69.forwardRef(function FileInput2({
                             onClick: handleClear,
                             className: "ml-2 flex h-[15px] w-[15px] items-center justify-center rounded-[3px] border-0 bg-transparent p-0 text-[#9696b9] outline-none hover:shadow-[0_3px_3px_#0f477734]",
                             "aria-label": t("remove_file"),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_lucide_react52.SquareX, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_lucide_react51.SquareX, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
                           }
                         )
                       ]
                     }
                   ) : /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: "block min-w-0 flex-1 truncate text-left text-[var(--chekin-color-gray-1)]", children: placeholder ?? "" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: "ml-auto flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_lucide_react52.Paperclip, { size: 20 }) })
+                  /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: "ml-auto flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_lucide_react51.Paperclip, { size: 20 }) })
                 ]
               }
             ),
@@ -18050,10 +18128,10 @@ var FileInput = React69.forwardRef(function FileInput2({
 });
 
 // src/dashboard/select-icons-box/SelectIconsBox.tsx
-var React70 = __toESM(require("react"), 1);
+var React71 = __toESM(require("react"), 1);
 var import_jsx_runtime179 = require("react/jsx-runtime");
 var FOCUSABLE_TRIGGER_SELECTOR2 = 'input:not([type="hidden"]):not([disabled]):not([readonly]), button:not([disabled])';
-var SelectIconsBox = React70.forwardRef(
+var SelectIconsBox = React71.forwardRef(
   function SelectIconsBox2({
     children,
     icons,
@@ -18069,10 +18147,10 @@ var SelectIconsBox = React70.forwardRef(
     className,
     boxClassName
   }, ref) {
-    const containerRef = React70.useRef(null);
+    const containerRef = React71.useRef(null);
     const combinedContainerRef = useCombinedRef(containerRef, ref);
     const isControlled = controlledOpen !== void 0;
-    const [internalOpen, setInternalOpen] = React70.useState(defaultOpen);
+    const [internalOpen, setInternalOpen] = React71.useState(defaultOpen);
     const isOpen = isControlled ? controlledOpen : internalOpen;
     const setOpen = (next) => {
       if (!isControlled) setInternalOpen(next);
@@ -18265,15 +18343,15 @@ var LegacyTextarea = (0, import_react89.forwardRef)(
 LegacyTextarea.displayName = "LegacyTextarea";
 
 // src/airbnb-fields/datepicker/DatePicker.tsx
-var React72 = __toESM(require("react"), 1);
-var import_lucide_react54 = require("lucide-react");
+var React73 = __toESM(require("react"), 1);
+var import_lucide_react53 = require("lucide-react");
 
 // src/airbnb-fields/field-trigger/FieldTrigger.tsx
-var React71 = __toESM(require("react"), 1);
-var import_lucide_react53 = require("lucide-react");
+var React72 = __toESM(require("react"), 1);
+var import_lucide_react52 = require("lucide-react");
 var import_react_i18next42 = require("react-i18next");
 var import_jsx_runtime182 = require("react/jsx-runtime");
-var AirbnbFieldTrigger = React71.forwardRef(
+var AirbnbFieldTrigger = React72.forwardRef(
   ({
     as = "button",
     id,
@@ -18334,7 +18412,7 @@ var AirbnbFieldTrigger = React71.forwardRef(
     const resolvedTrailingAdornment = loading || trailingAdornment ? /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("span", { className: "flex items-center gap-2", children: [
       trailingAdornment,
       loading && /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
-        import_lucide_react53.Loader2,
+        import_lucide_react52.Loader2,
         {
           "aria-hidden": "true",
           className: "h-5 w-5 animate-spin text-[var(--chekin-color-gray-1)]"
@@ -18441,7 +18519,7 @@ AirbnbFieldTrigger.displayName = "AirbnbFieldTrigger";
 // src/airbnb-fields/datepicker/DatePicker.tsx
 var import_jsx_runtime183 = require("react/jsx-runtime");
 var DEFAULT_MIN_DATE = new Date(1920, 0, 1);
-var AirbnbDatePicker = React72.forwardRef(
+var AirbnbDatePicker = React73.forwardRef(
   ({
     label,
     topLabel,
@@ -18466,24 +18544,24 @@ var AirbnbDatePicker = React72.forwardRef(
     formatValue = formatDateValue
   }, ref) => {
     const { isMatch: isMobile3 } = useScreenResize(DEVICE.mobileXL);
-    const [isOpen, setIsOpen] = React72.useState(false);
-    const triggerId = React72.useId();
-    const pickerId = React72.useId();
-    const labelId = React72.useId();
-    const valueId = React72.useId();
-    const helperTextId = React72.useId();
-    const errorId = React72.useId();
-    const internalRef = React72.useRef(null);
+    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 combinedRef = useCombinedRef(ref, internalRef);
-    const monthLabels = React72.useMemo(() => getMonthLabels(locale), [locale]);
-    const resolvedMinDate = React72.useMemo(() => minDate ?? DEFAULT_MIN_DATE, [minDate]);
-    const resolvedMaxDate = React72.useMemo(() => maxDate ?? /* @__PURE__ */ new Date(), [maxDate]);
-    const normalizedValue = React72.useMemo(() => normalizeDateValue(value), [value]);
-    const normalizedDefaultValue = React72.useMemo(
+    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(
       () => normalizeDateValue(defaultValue),
       [defaultValue]
     );
-    const resolvedValue = React72.useMemo(
+    const resolvedValue = React73.useMemo(
       () => normalizedValue ? clampDate(normalizedValue, resolvedMinDate, resolvedMaxDate) : null,
       [normalizedValue, resolvedMaxDate, resolvedMinDate]
     );
@@ -18514,7 +18592,7 @@ var AirbnbDatePicker = React72.forwardRef(
       minDate: resolvedMinDate,
       maxDate: resolvedMaxDate
     });
-    const handleOpenChange = React72.useCallback(
+    const handleOpenChange = React73.useCallback(
       (nextOpen) => {
         if (isBlocked && nextOpen) return;
         setIsOpen(nextOpen);
@@ -18524,7 +18602,7 @@ var AirbnbDatePicker = React72.forwardRef(
       },
       [isBlocked]
     );
-    const handleDone = React72.useCallback(() => {
+    const handleDone = React73.useCallback(() => {
       if (isBlocked) return;
       onChange(clampDate(draftDate, resolvedMinDate, resolvedMaxDate));
       handleOpenChange(false);
@@ -18536,11 +18614,11 @@ var AirbnbDatePicker = React72.forwardRef(
       resolvedMaxDate,
       resolvedMinDate
     ]);
-    const handleTriggerClick = React72.useCallback(() => {
+    const handleTriggerClick = React73.useCallback(() => {
       if (isBlocked) return;
       setIsOpen(true);
     }, [isBlocked]);
-    const handleTriggerKeyDown = React72.useCallback(
+    const handleTriggerKeyDown = React73.useCallback(
       (event) => {
         if (isBlocked) return;
         if (event.key === "ArrowDown" || event.key === "ArrowUp" || event.key === "Enter" || event.key === " ") {
@@ -18550,7 +18628,7 @@ var AirbnbDatePicker = React72.forwardRef(
       },
       [isBlocked]
     );
-    React72.useEffect(() => {
+    React73.useEffect(() => {
       if (isBlocked) {
         setIsOpen(false);
       }
@@ -18590,7 +18668,7 @@ var AirbnbDatePicker = React72.forwardRef(
           onClick: handleTriggerClick,
           onKeyDown: handleTriggerKeyDown,
           onBlur,
-          trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(import_lucide_react54.Calendar, { className: "h-5 w-5 text-[#1F1F1B]", strokeWidth: 2 })
+          trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(import_lucide_react53.Calendar, { className: "h-5 w-5 text-[#1F1F1B]", strokeWidth: 2 })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
@@ -18627,12 +18705,12 @@ var AirbnbDatePicker = React72.forwardRef(
 AirbnbDatePicker.displayName = "AirbnbDatePicker";
 
 // src/airbnb-fields/input/Input.tsx
-var React73 = __toESM(require("react"), 1);
-var import_lucide_react55 = require("lucide-react");
+var React74 = __toESM(require("react"), 1);
+var import_lucide_react54 = require("lucide-react");
 var import_react_i18next43 = require("react-i18next");
 var import_jsx_runtime184 = require("react/jsx-runtime");
 var getInputValue = (value) => value != null ? String(value) : "";
-var AirbnbInput = React73.forwardRef(
+var AirbnbInput = React74.forwardRef(
   ({
     label,
     topLabel,
@@ -18661,16 +18739,16 @@ var AirbnbInput = React73.forwardRef(
     ...props
   }, ref) => {
     const { t } = (0, import_react_i18next43.useTranslation)();
-    const generatedId = React73.useId();
-    const inputRef = React73.useRef(null);
+    const generatedId = React74.useId();
+    const inputRef = React74.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] = React73.useState(false);
-    const [isPasswordRevealed, setIsPasswordRevealed] = React73.useState(false);
-    const [currentValue, setCurrentValue] = React73.useState(
+    const [isFocused, setIsFocused] = React74.useState(false);
+    const [isPasswordRevealed, setIsPasswordRevealed] = React74.useState(false);
+    const [currentValue, setCurrentValue] = React74.useState(
       () => value != null ? getInputValue(value) : getInputValue(defaultValue)
     );
     const resolvedValue = value != null ? getInputValue(value) : currentValue;
@@ -18683,16 +18761,16 @@ var AirbnbInput = React73.forwardRef(
     const triggerError = error ?? invalid;
     const hasLabelMeta = Boolean(optional) || Boolean(tooltip);
     const isBlocked = Boolean(disabled) || Boolean(loading);
-    React73.useLayoutEffect(() => {
+    React74.useLayoutEffect(() => {
       const nextValue = value != null ? getInputValue(value) : getInputValue(inputRef.current?.value);
       setCurrentValue((prevValue) => prevValue === nextValue ? prevValue : nextValue);
     }, [value]);
-    React73.useEffect(() => {
+    React74.useEffect(() => {
       if (!isPasswordInput) {
         setIsPasswordRevealed(false);
       }
     }, [isPasswordInput]);
-    const setRefs = React73.useCallback(
+    const setRefs = React74.useCallback(
       (node) => {
         inputRef.current = node;
         if (node && value == null) {
@@ -18793,7 +18871,7 @@ var AirbnbInput = React73.forwardRef(
               className: "absolute bottom-0 right-0 flex h-6 w-6 items-center justify-center border-0 bg-transparent p-0 text-[#7A8399] hover:text-[#1F1F1B] hover:opacity-85 disabled:cursor-not-allowed disabled:opacity-50",
               "aria-label": isPasswordRevealed ? t("hide_password") : t("show_password"),
               children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
-                import_lucide_react55.Eye,
+                import_lucide_react54.Eye,
                 {
                   size: 18,
                   "aria-hidden": "true",
@@ -18810,11 +18888,11 @@ var AirbnbInput = React73.forwardRef(
 AirbnbInput.displayName = "AirbnbInput";
 
 // src/airbnb-fields/phone-field/PhoneField.tsx
-var React79 = __toESM(require("react"), 1);
-var import_lucide_react57 = require("lucide-react");
+var React80 = __toESM(require("react"), 1);
+var import_lucide_react56 = require("lucide-react");
 
 // src/airbnb-fields/select/Select.tsx
-var React78 = __toESM(require("react"), 1);
+var React79 = __toESM(require("react"), 1);
 
 // src/airbnb-fields/select/SelectDesktopMenu.tsx
 var import_jsx_runtime185 = require("react/jsx-runtime");
@@ -19159,10 +19237,10 @@ function AirbnbSelectMobileContent({
 }
 
 // src/airbnb-fields/select/SelectTrigger.tsx
-var React74 = __toESM(require("react"), 1);
-var import_lucide_react56 = require("lucide-react");
+var React75 = __toESM(require("react"), 1);
+var import_lucide_react55 = require("lucide-react");
 var import_jsx_runtime189 = require("react/jsx-runtime");
-var AirbnbSelectTrigger = React74.forwardRef(
+var AirbnbSelectTrigger = React75.forwardRef(
   ({
     id,
     open,
@@ -19215,7 +19293,7 @@ var AirbnbSelectTrigger = React74.forwardRef(
         onKeyDown,
         onBlur,
         trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
-          import_lucide_react56.ChevronDown,
+          import_lucide_react55.ChevronDown,
           {
             className: open ? "h-6 w-6 rotate-180 text-[#1F1F1B] transition-transform" : "h-6 w-6 text-[#1F1F1B] transition-transform"
           }
@@ -19227,7 +19305,7 @@ var AirbnbSelectTrigger = React74.forwardRef(
 AirbnbSelectTrigger.displayName = "AirbnbSelectTrigger";
 
 // src/airbnb-fields/select/useDesktopSelect.ts
-var React75 = __toESM(require("react"), 1);
+var React76 = __toESM(require("react"), 1);
 function useDesktopSelect({
   isMobile: isMobile3,
   isOpen,
@@ -19236,12 +19314,12 @@ function useDesktopSelect({
   disabled,
   onChange
 }) {
-  const [highlightedIndex, setHighlightedIndex] = React75.useState(-1);
-  const triggerRef = React75.useRef(null);
-  const listRef = React75.useRef(null);
-  const optionRefs = React75.useRef([]);
+  const [highlightedIndex, setHighlightedIndex] = React76.useState(-1);
+  const triggerRef = React76.useRef(null);
+  const listRef = React76.useRef(null);
+  const optionRefs = React76.useRef([]);
   const selectedIndex = getOptionIndex2(options, value);
-  React75.useEffect(() => {
+  React76.useEffect(() => {
     if (!isOpen || isMobile3) return;
     setHighlightedIndex((currentIndex) => {
       if (currentIndex >= 0) {
@@ -19256,34 +19334,34 @@ function useDesktopSelect({
       window.cancelAnimationFrame(frameId);
     };
   }, [isMobile3, isOpen, options, selectedIndex]);
-  React75.useEffect(() => {
+  React76.useEffect(() => {
     if (!isOpen || isMobile3 || highlightedIndex < 0) return;
     optionRefs.current[highlightedIndex]?.scrollIntoView({
       block: "nearest"
     });
   }, [highlightedIndex, isMobile3, isOpen]);
-  React75.useEffect(() => {
+  React76.useEffect(() => {
     if (isOpen) return;
     setHighlightedIndex(-1);
   }, [isOpen]);
-  const focusTrigger = React75.useCallback(() => {
+  const focusTrigger = React76.useCallback(() => {
     triggerRef.current?.focus();
   }, []);
-  const handleSelect = React75.useCallback(
+  const handleSelect = React76.useCallback(
     (option) => {
       if (option.isDisabled || disabled) return;
       onChange?.(option);
     },
     [disabled, onChange]
   );
-  const openMenu = React75.useCallback(
+  const openMenu = React76.useCallback(
     (targetIndex) => {
       const fallbackIndex = selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex2(options);
       setHighlightedIndex(targetIndex ?? fallbackIndex);
     },
     [options, selectedIndex]
   );
-  const handleTriggerKeyDown = React75.useCallback(
+  const handleTriggerKeyDown = React76.useCallback(
     (event, onOpen) => {
       if (disabled) return;
       if (event.key === "ArrowDown") {
@@ -19308,7 +19386,7 @@ function useDesktopSelect({
     },
     [disabled, openMenu, options, selectedIndex]
   );
-  const handleMenuKeyDown = React75.useCallback(
+  const handleMenuKeyDown = React76.useCallback(
     (event, onClose) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -19358,7 +19436,7 @@ function useDesktopSelect({
     },
     [focusTrigger, highlightedIndex, onChange, options]
   );
-  const setOptionRef = React75.useCallback(
+  const setOptionRef = React76.useCallback(
     (index, node) => {
       optionRefs.current[index] = node;
     },
@@ -19378,23 +19456,23 @@ function useDesktopSelect({
 }
 
 // src/airbnb-fields/select/useMobileSelectWheel.ts
-var React76 = __toESM(require("react"), 1);
+var React77 = __toESM(require("react"), 1);
 function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, disabled }) {
-  const [pendingValue, setPendingValue] = React76.useState(
+  const [pendingValue, setPendingValue] = React77.useState(
     value ?? null
   );
-  const [mobileScrollTop, setMobileScrollTop] = React76.useState(0);
-  const mobileListRef = React76.useRef(null);
-  const scrollSettleTimeoutRef = React76.useRef(null);
-  const scrollAnimationFrameRef = React76.useRef(null);
-  const getTargetIndex = React76.useCallback(
+  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(
     (targetValue) => {
       const selectedIndex = getOptionIndex2(options, targetValue);
       return selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex2(options);
     },
     [options]
   );
-  const syncScrollPosition = React76.useCallback(
+  const syncScrollPosition = React77.useCallback(
     (targetValue, behavior = "instant") => {
       const targetIndex = getTargetIndex(targetValue);
       if (targetIndex < 0) return;
@@ -19413,27 +19491,27 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [getTargetIndex, options]
   );
-  const clearScrollSettleTimeout = React76.useCallback(() => {
+  const clearScrollSettleTimeout = React77.useCallback(() => {
     if (scrollSettleTimeoutRef.current === null) return;
     window.clearTimeout(scrollSettleTimeoutRef.current);
     scrollSettleTimeoutRef.current = null;
   }, []);
-  const clearScrollAnimationFrame = React76.useCallback(() => {
+  const clearScrollAnimationFrame = React77.useCallback(() => {
     if (scrollAnimationFrameRef.current === null) return;
     window.cancelAnimationFrame(scrollAnimationFrameRef.current);
     scrollAnimationFrameRef.current = null;
   }, []);
-  React76.useEffect(
+  React77.useEffect(
     () => () => {
       clearScrollSettleTimeout();
       clearScrollAnimationFrame();
     },
     [clearScrollAnimationFrame, clearScrollSettleTimeout]
   );
-  React76.useEffect(() => {
+  React77.useEffect(() => {
     setPendingValue(value ?? null);
   }, [value]);
-  React76.useLayoutEffect(() => {
+  React77.useLayoutEffect(() => {
     if (!isMobile3 || !isOpen) return;
     const frameId = window.requestAnimationFrame(() => {
       syncScrollPosition(value ?? null, "instant");
@@ -19442,7 +19520,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
       window.cancelAnimationFrame(frameId);
     };
   }, [isMobile3, isOpen, syncScrollPosition, value]);
-  const settleScroll = React76.useCallback(() => {
+  const settleScroll = React77.useCallback(() => {
     if (!mobileListRef.current) return;
     const nextIndex = Math.round(mobileListRef.current.scrollTop / MOBILE_OPTION_HEIGHT);
     const nextOption = options[nextIndex];
@@ -19454,13 +19532,13 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     }
     setPendingValue(nextOption);
   }, [options, pendingValue]);
-  const scheduleScrollSettle = React76.useCallback(() => {
+  const scheduleScrollSettle = React77.useCallback(() => {
     clearScrollSettleTimeout();
     scrollSettleTimeoutRef.current = window.setTimeout(() => {
       settleScroll();
     }, MOBILE_SCROLL_SETTLE_DELAY);
   }, [clearScrollSettleTimeout, settleScroll]);
-  const handleScroll = React76.useCallback(() => {
+  const handleScroll = React77.useCallback(() => {
     if (!mobileListRef.current) return;
     const nextScrollTop = mobileListRef.current.scrollTop;
     clearScrollAnimationFrame();
@@ -19470,7 +19548,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     });
     scheduleScrollSettle();
   }, [clearScrollAnimationFrame, scheduleScrollSettle]);
-  const focusOptionByIndex = React76.useCallback(
+  const focusOptionByIndex = React77.useCallback(
     (index, behavior = "instant", updatePendingImmediately = behavior === "instant") => {
       if (!mobileListRef.current || index < 0 || index >= options.length) return;
       const option = options[index];
@@ -19488,7 +19566,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [options, scheduleScrollSettle]
   );
-  const handleOptionClick = React76.useCallback(
+  const handleOptionClick = React77.useCallback(
     (option) => {
       if (!mobileListRef.current || disabled || option.isDisabled) return;
       const optionIndex = getOptionIndex2(options, option);
@@ -19497,7 +19575,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [disabled, focusOptionByIndex, options]
   );
-  const moveByStep = React76.useCallback(
+  const moveByStep = React77.useCallback(
     (step) => {
       const currentIndex = getOptionIndex2(options, pendingValue);
       const fallbackIndex = step === 1 ? getFirstEnabledOptionIndex2(options) : getLastEnabledOptionIndex2(options);
@@ -19509,7 +19587,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [focusOptionByIndex, options, pendingValue]
   );
-  const moveToBoundary = React76.useCallback(
+  const moveToBoundary = React77.useCallback(
     (boundary) => {
       const targetIndex = boundary === "start" ? getFirstEnabledOptionIndex2(options) : getLastEnabledOptionIndex2(options);
       if (targetIndex >= 0) {
@@ -19518,7 +19596,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [focusOptionByIndex, options]
   );
-  const syncPendingValue = React76.useCallback(
+  const syncPendingValue = React77.useCallback(
     (nextValue) => {
       const normalizedValue = nextValue ?? null;
       const matchedIndex = getOptionIndex2(options, normalizedValue);
@@ -19546,9 +19624,9 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
 }
 
 // src/airbnb-fields/select/useSelectIds.ts
-var React77 = __toESM(require("react"), 1);
+var React78 = __toESM(require("react"), 1);
 function useSelectIds2({ name, hasValue, error, hideErrorMessage }) {
-  const reactId = React77.useId().replace(/:/g, "");
+  const reactId = React78.useId().replace(/:/g, "");
   const baseId = name ? `select-${name}` : `select-${reactId}`;
   const triggerId = `${baseId}-trigger`;
   const labelId = `${baseId}-label`;
@@ -19558,7 +19636,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 = React77.useCallback(
+  const getOptionId2 = React78.useCallback(
     (index) => `${baseId}-option-${index}`,
     [baseId]
   );
@@ -19577,7 +19655,7 @@ function useSelectIds2({ name, hasValue, error, hideErrorMessage }) {
 
 // src/airbnb-fields/select/Select.tsx
 var import_jsx_runtime190 = require("react/jsx-runtime");
-var AirbnbSelect = React78.forwardRef(function AirbnbSelect2({
+var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
   options = [],
   value,
   onChange,
@@ -19604,8 +19682,8 @@ var AirbnbSelect = React78.forwardRef(function AirbnbSelect2({
   filterOption
 }, ref) {
   const { isMatch: isMobile3 } = useScreenResize(DEVICE.mobileXL);
-  const [isOpen, setIsOpen] = React78.useState(false);
-  const containerRef = React78.useRef(null);
+  const [isOpen, setIsOpen] = React79.useState(false);
+  const containerRef = React79.useRef(null);
   const filteredOptions = filterOption ? options.filter(filterOption) : options;
   const hasValue = Boolean(value);
   const helperText = placeholder ?? label;
@@ -19667,12 +19745,12 @@ var AirbnbSelect = React78.forwardRef(function AirbnbSelect2({
     onOutsideClick: () => setIsOpen(false),
     isDisabled: !isOpen || isMobile3
   });
-  React78.useEffect(() => {
+  React79.useEffect(() => {
     if (isBlocked) {
       setIsOpen(false);
     }
   }, [isBlocked]);
-  React78.useEffect(
+  React79.useEffect(
     function setCorrectOptionIfThereIsOnlyValue() {
       if (value?.value === void 0 || value.value === null || value.label !== "") {
         return;
@@ -19684,7 +19762,7 @@ var AirbnbSelect = React78.forwardRef(function AirbnbSelect2({
     },
     [onChange, filteredOptions, value]
   );
-  const handleMobileOpenChange = React78.useCallback(
+  const handleMobileOpenChange = React79.useCallback(
     (nextOpen) => {
       if (isBlocked && nextOpen) return;
       setIsOpen(nextOpen);
@@ -19695,7 +19773,7 @@ var AirbnbSelect = React78.forwardRef(function AirbnbSelect2({
     },
     [focusTrigger, isBlocked, syncPendingValue, value]
   );
-  const handleMobileDone = React78.useCallback(() => {
+  const handleMobileDone = React79.useCallback(() => {
     if (isBlocked) return;
     const finalOption = pendingValue;
     if (finalOption && finalOption.value !== value?.value) {
@@ -19704,7 +19782,7 @@ var AirbnbSelect = React78.forwardRef(function AirbnbSelect2({
     setIsOpen(false);
     focusTrigger();
   }, [focusTrigger, isBlocked, onChange, pendingValue, value]);
-  const handleTriggerClick = React78.useCallback(() => {
+  const handleTriggerClick = React79.useCallback(() => {
     if (isBlocked) return;
     setIsOpen((prev) => {
       const nextOpen = !prev;
@@ -19876,7 +19954,7 @@ function formatPhoneCodeOptionLabel2(option) {
   const value = String(option.value);
   return label.includes(value) ? label : `${label} (${value})`;
 }
-var AirbnbPhoneField = React79.forwardRef(
+var AirbnbPhoneField = React80.forwardRef(
   ({
     label,
     topLabel,
@@ -19900,9 +19978,9 @@ var AirbnbPhoneField = React79.forwardRef(
     codePlaceholder = "+00",
     defaultCode
   }, ref) => {
-    const inputId = React79.useId();
+    const inputId = React80.useId();
     const effectiveCode = value?.code || defaultCode || "";
-    const codeOptions = React79.useMemo(
+    const codeOptions = React80.useMemo(
       () => options.map((option) => ({
         value: option.value,
         label: formatPhoneCodeOptionLabel2(option),
@@ -19910,7 +19988,7 @@ var AirbnbPhoneField = React79.forwardRef(
       })),
       [options]
     );
-    const selectedCodeOption = React79.useMemo(
+    const selectedCodeOption = React80.useMemo(
       () => codeOptions.find((option) => option.value === effectiveCode) ?? null,
       [codeOptions, effectiveCode]
     );
@@ -19999,7 +20077,7 @@ var AirbnbPhoneField = React79.forwardRef(
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { children: valueLabel ?? codePlaceholder }),
                   /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-                    import_lucide_react57.ChevronDown,
+                    import_lucide_react56.ChevronDown,
                     {
                       className: cn("h-5 w-5 transition-transform", open ? "rotate-180" : ""),
                       strokeWidth: 2
@@ -20046,8 +20124,8 @@ var AirbnbPhoneField = React79.forwardRef(
 AirbnbPhoneField.displayName = "AirbnbPhoneField";
 
 // src/airbnb-fields/searchable-select/SearchableSelect.tsx
-var React80 = __toESM(require("react"), 1);
-var import_lucide_react58 = require("lucide-react");
+var React81 = __toESM(require("react"), 1);
+var import_lucide_react57 = require("lucide-react");
 var import_react_virtual3 = require("@tanstack/react-virtual");
 var import_react90 = require("react");
 var import_jsx_runtime192 = require("react/jsx-runtime");
@@ -20090,13 +20168,13 @@ var AirbnbSearchableSelectInternal = ({
   loadingMessage
 }, ref) => {
   const { isMatch: isMobile3 } = useScreenResize(DEVICE.mobileXL);
-  const reactId = React80.useId();
-  const [open, setOpen] = React80.useState(false);
-  const [internalSearchValue, setInternalSearchValue] = React80.useState("");
-  const [highlightedIndex, setHighlightedIndex] = React80.useState(-1);
-  const containerRef = React80.useRef(null);
-  const triggerRef = React80.useRef(null);
-  const inputRef = React80.useRef(null);
+  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 listboxId = `${reactId}-listbox`;
   const labelId = `${reactId}-label`;
   const valueId = `${reactId}-value`;
@@ -20105,13 +20183,13 @@ var AirbnbSearchableSelectInternal = ({
   const searchInputId = `${reactId}-search`;
   const effectiveSearchValue = searchValue ?? internalSearchValue;
   const shouldFilterLocally = !onSearchChange && filterOption !== null;
-  const visibleOptions = React80.useMemo(() => {
+  const visibleOptions = React81.useMemo(() => {
     if (!shouldFilterLocally || !effectiveSearchValue) {
       return options;
     }
     return options.filter((option) => filterOption(option, effectiveSearchValue));
   }, [effectiveSearchValue, filterOption, options, shouldFilterLocally]);
-  const selectedIndex = React80.useMemo(
+  const selectedIndex = React81.useMemo(
     () => visibleOptions.findIndex((option) => option.value === value?.value),
     [value?.value, visibleOptions]
   );
@@ -20137,7 +20215,7 @@ var AirbnbSearchableSelectInternal = ({
     },
     [handleOnOpenChange]
   );
-  React80.useEffect(() => {
+  React81.useEffect(() => {
     if (isBlocked) {
       setSelectOpen(false);
       return;
@@ -20150,7 +20228,7 @@ var AirbnbSearchableSelectInternal = ({
       window.cancelAnimationFrame(frameId);
     };
   }, [isBlocked, open, setSelectOpen]);
-  React80.useEffect(() => {
+  React81.useEffect(() => {
     if (!open) {
       setHighlightedIndex(-1);
       return;
@@ -20245,7 +20323,7 @@ var AirbnbSearchableSelectInternal = ({
       onOptionHover: setHighlightedIndex
     }
   );
-  React80.useImperativeHandle(ref, () => triggerRef.current, []);
+  React81.useImperativeHandle(ref, () => triggerRef.current, []);
   return /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
     name && /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
     /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
@@ -20283,7 +20361,7 @@ var AirbnbSearchableSelectInternal = ({
         onKeyDown: handleTriggerKeyDown,
         onBlur,
         trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
-          import_lucide_react58.ChevronDown,
+          import_lucide_react57.ChevronDown,
           {
             className: cn(
               "h-6 w-6 text-[#1F1F1B] transition-transform",
@@ -20323,7 +20401,7 @@ var AirbnbSearchableSelectInternal = ({
     ) : null
   ] });
 };
-var AirbnbSearchableSelect = React80.forwardRef(
+var AirbnbSearchableSelect = React81.forwardRef(
   AirbnbSearchableSelectInternal
 );
 function AirbnbSearchableSelectContent({
@@ -20350,9 +20428,9 @@ function AirbnbSearchableSelectContent({
   onOptionClick,
   onOptionHover
 }) {
-  const listRef = React80.useRef(null);
-  const lastLoadMoreOptionsLengthRef = React80.useRef(null);
-  const previousHighlightedIndexRef = React80.useRef(highlightedIndex);
+  const listRef = React81.useRef(null);
+  const lastLoadMoreOptionsLengthRef = React81.useRef(null);
+  const previousHighlightedIndexRef = React81.useRef(highlightedIndex);
   const rowCount = options.length + (loading && options.length > 0 ? 1 : 0);
   const virtualizer = (0, import_react_virtual3.useVirtualizer)({
     count: rowCount,
@@ -20363,7 +20441,7 @@ function AirbnbSearchableSelectContent({
   const virtualItems = virtualizer.getVirtualItems();
   const emptyMessage = noOptionsMessage?.() ?? "No matches found";
   const loadingText = loadingMessage?.() ?? "Loading...";
-  React80.useEffect(() => {
+  React81.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) {
@@ -20371,7 +20449,7 @@ function AirbnbSearchableSelectContent({
       onLoadMore?.();
     }
   }, [hasNextPage, loading, onLoadMore, options.length, virtualItems]);
-  React80.useEffect(() => {
+  React81.useEffect(() => {
     const hasHighlightedIndexChanged = previousHighlightedIndexRef.current !== highlightedIndex;
     previousHighlightedIndexRef.current = highlightedIndex;
     if (highlightedIndex >= 0 && hasHighlightedIndexChanged) {
@@ -20381,7 +20459,7 @@ function AirbnbSearchableSelectContent({
   return /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "p-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "relative mb-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
-        import_lucide_react58.Search,
+        import_lucide_react57.Search,
         {
           "aria-hidden": "true",
           className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[#9696B9]"
@@ -20489,15 +20567,15 @@ function getNextEnabledIndex(options, startIndex, step) {
 }
 
 // src/airbnb-fields/search-input/SearchInput.tsx
-var React81 = __toESM(require("react"), 1);
+var React82 = __toESM(require("react"), 1);
 var import_react_i18next44 = require("react-i18next");
-var import_lucide_react59 = require("lucide-react");
+var import_lucide_react58 = require("lucide-react");
 var import_jsx_runtime193 = require("react/jsx-runtime");
-var AirbnbSearchInput = React81.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
+var AirbnbSearchInput = React82.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
   const { t } = (0, import_react_i18next44.useTranslation)();
   const placeholderText = placeholder || t("search_property") + "...";
   return /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(import_lucide_react59.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(import_lucide_react58.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
     /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
       "input",
       {
@@ -20523,7 +20601,7 @@ var AirbnbSearchInput = React81.forwardRef(({ onReset, placeholder, wrapperClass
         variant: "ghost",
         onClick: onReset,
         className: "absolute right-0 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]",
-        children: /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(import_lucide_react59.X, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(import_lucide_react58.X, { className: "h-5 w-5" })
       }
     )
   ] });
@@ -20531,11 +20609,11 @@ var AirbnbSearchInput = React81.forwardRef(({ onReset, placeholder, wrapperClass
 AirbnbSearchInput.displayName = "AirbnbSearchInput";
 
 // src/airbnb-fields/switch/Switch.tsx
-var React82 = __toESM(require("react"), 1);
+var React83 = __toESM(require("react"), 1);
 var SwitchPrimitives2 = __toESM(require("@radix-ui/react-switch"), 1);
-var import_lucide_react60 = require("lucide-react");
+var import_lucide_react59 = require("lucide-react");
 var import_jsx_runtime194 = require("react/jsx-runtime");
-var AirbnbSwitch = React82.forwardRef(
+var AirbnbSwitch = React83.forwardRef(
   ({
     className,
     value,
@@ -20549,7 +20627,7 @@ var AirbnbSwitch = React82.forwardRef(
     wrapperClassName,
     ...props
   }, ref) => {
-    const generatedId = React82.useId();
+    const generatedId = React83.useId();
     const fieldId = id || generatedId;
     const switchElement = /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
       SwitchPrimitives2.Root,
@@ -20579,7 +20657,7 @@ var AirbnbSwitch = React82.forwardRef(
               "data-[state=checked]:translate-x-[12px] data-[state=unchecked]:translate-x-0"
             ),
             children: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
-              import_lucide_react60.Check,
+              import_lucide_react59.Check,
               {
                 "aria-hidden": "true",
                 className: "h-3 w-3 text-[#222222] opacity-0 transition-opacity duration-150 group-data-[state=checked]:opacity-100",