@chekinapp/ui 0.0.131 → 0.0.132

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)(
@@ -13877,7 +13882,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 +13904,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 +14004,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 +14067,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 })
       }
     )
   ] });
@@ -15076,64 +15081,10 @@ var InfiniteScrollMultiSelect = React57.forwardRef(function InfiniteScrollMultiS
 var React58 = __toESM(require("react"), 1);
 var import_react_i18next36 = require("react-i18next");
 
-// src/dashboard/select-checkboxes/SelectCheckboxOption.tsx
-var import_jsx_runtime165 = require("react/jsx-runtime");
-function SelectCheckboxOption(props) {
-  const {
-    option,
-    index,
-    isSelected,
-    isHighlighted,
-    isDisabled,
-    id,
-    onClick,
-    onHover,
-    innerRef
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(
-    "button",
-    {
-      id,
-      ref: innerRef,
-      type: "button",
-      role: "option",
-      "aria-selected": isSelected,
-      "aria-disabled": isDisabled,
-      tabIndex: -1,
-      disabled: isDisabled,
-      onClick: () => onClick(option),
-      onMouseMove: () => onHover(index),
-      className: cn(
-        "flex w-full items-center gap-3 rounded-md border-0 bg-transparent px-3 py-2 text-left text-[15px] font-medium leading-5 text-[var(--chekin-color-brand-navy)] outline-none transition-colors duration-100",
-        !isDisabled && "cursor-pointer hover:bg-[var(--chekin-color-surface-pressed)]",
-        isHighlighted && !isDisabled && "bg-[var(--chekin-color-surface-pressed)]",
-        isSelected && "bg-[var(--chekin-color-surface-autocomplete)] font-semibold text-[var(--chekin-color-brand-blue)]",
-        isDisabled && "cursor-not-allowed text-[var(--chekin-color-gray-2)]"
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
-          BaseCheckbox,
-          {
-            checked: isSelected,
-            disabled: isDisabled,
-            size: "s",
-            tabIndex: -1,
-            className: "pointer-events-none shrink-0"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)("span", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("span", { className: "block break-words", children: option.label }),
-          option.description && /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("span", { className: "shrink-0 text-[12px] font-medium italic text-[var(--chekin-color-gray-1)]", children: option.description })
-        ] })
-      ]
-    }
-  );
-}
-
 // src/dashboard/select-checkboxes/CountTrigger.tsx
-var import_lucide_react49 = require("lucide-react");
+var import_lucide_react48 = require("lucide-react");
 var import_react_i18next35 = require("react-i18next");
-var import_jsx_runtime166 = require("react/jsx-runtime");
+var import_jsx_runtime165 = require("react/jsx-runtime");
 function createCountTrigger(opts) {
   const { valueText, totalCount } = opts;
   function CountTrigger(props) {
@@ -15161,7 +15112,7 @@ function createCountTrigger(opts) {
     const computedText = typeof valueText === "function" ? valueText(count, total) : valueText ?? (count > 0 ? t("n_selected", { count, defaultValue: `${count} selected` }) : "");
     const display = hasValue ? computedText : isOpen ? placeholder ?? null : null;
     const isEmpty = !hasValue;
-    return /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(
       "button",
       {
         id: triggerId,
@@ -15184,10 +15135,10 @@ function createCountTrigger(opts) {
           loading && "!cursor-progress"
         ),
         children: [
-          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,
+          leftIcon && /* @__PURE__ */ (0, import_jsx_runtime165.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_runtime165.jsx)("span", { className: "flex h-full w-10 items-center justify-center", children: leftIcon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("span", { id: valueId, className: "block min-w-0 flex-1 truncate text-left", children: display }),
+          /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("span", { className: "pointer-events-none flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
+            import_lucide_react48.ChevronDown,
             {
               size: 16,
               className: cn(
@@ -15204,9 +15155,9 @@ function createCountTrigger(opts) {
 }
 
 // src/dashboard/select-checkboxes/SelectAllRow.tsx
-var import_jsx_runtime167 = require("react/jsx-runtime");
+var import_jsx_runtime166 = require("react/jsx-runtime");
 function SelectAllRow({ label, checked, disabled, onToggle }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(
     "button",
     {
       type: "button",
@@ -15217,7 +15168,7 @@ function SelectAllRow({ label, checked, disabled, onToggle }) {
         disabled && "cursor-default opacity-40"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
           BaseCheckbox,
           {
             checked,
@@ -15227,20 +15178,20 @@ function SelectAllRow({ label, checked, disabled, onToggle }) {
             className: "pointer-events-none shrink-0"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { className: "flex-1", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "flex-1", children: label })
       ]
     }
   );
 }
 
 // src/dashboard/select-checkboxes/SelectCheckboxes.tsx
-var import_jsx_runtime168 = require("react/jsx-runtime");
+var import_jsx_runtime167 = require("react/jsx-runtime");
 function hasPaginationProps(props) {
   return props.canLoadMore !== void 0 || props.isLoadingMore !== void 0 || props.loadMoreItems !== void 0 || props.onSearchChange !== void 0;
 }
 function makeTriggerSlot(render) {
   function CustomTrigger(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(import_jsx_runtime168.Fragment, { children: render(props.isOpen, props.onContainerClick) });
+    return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_jsx_runtime167.Fragment, { children: render(props.isOpen, props.onContainerClick) });
   }
   return CustomTrigger;
 }
@@ -15325,15 +15276,7 @@ function SelectCheckboxesInternal(props, ref) {
       totalCount: flatRawOptions.length
     });
   }, [trigger, valueText, flatRawOptions.length]);
-  const components = React58.useMemo(
-    () => ({
-      ...userComponents,
-      Control,
-      Option: userComponents?.Option ?? SelectCheckboxOption
-    }),
-    [userComponents, Control]
-  );
-  const menuHeader = allowSelectAll ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  const menuHeader = allowSelectAll ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
     SelectAllRow,
     {
       label: selectAllLabel ?? t("select_all", { defaultValue: "Select All" }),
@@ -15353,7 +15296,7 @@ function SelectCheckboxesInternal(props, ref) {
     value: currentValue,
     onChange: handleChange,
     filterOption: passthroughFilter2,
-    components,
+    // components,
     closeMenuOnSelect,
     searchPosition: searchable ? "dropdown" : "trigger",
     searchable,
@@ -15362,7 +15305,7 @@ function SelectCheckboxesInternal(props, ref) {
     isMulti: true
   };
   if (isPaginated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
       InfiniteScrollSelect,
       {
         ref,
@@ -15373,7 +15316,7 @@ function SelectCheckboxesInternal(props, ref) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
     Select,
     {
       ref,
@@ -15388,6 +15331,60 @@ var SelectCheckboxes = React58.forwardRef(
   SelectCheckboxesInternal
 );
 
+// src/dashboard/select-checkboxes/SelectCheckboxOption.tsx
+var import_jsx_runtime168 = require("react/jsx-runtime");
+function SelectCheckboxOption(props) {
+  const {
+    option,
+    index,
+    isSelected,
+    isHighlighted,
+    isDisabled,
+    id,
+    onClick,
+    onHover,
+    innerRef
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+    "button",
+    {
+      id,
+      ref: innerRef,
+      type: "button",
+      role: "option",
+      "aria-selected": isSelected,
+      "aria-disabled": isDisabled,
+      tabIndex: -1,
+      disabled: isDisabled,
+      onClick: () => onClick(option),
+      onMouseMove: () => onHover(index),
+      className: cn(
+        "flex w-full items-center gap-3 rounded-md border-0 bg-transparent px-3 py-2 text-left text-[15px] font-medium leading-5 text-[var(--chekin-color-brand-navy)] outline-none transition-colors duration-100",
+        !isDisabled && "cursor-pointer hover:bg-[var(--chekin-color-surface-pressed)]",
+        isHighlighted && !isDisabled && "bg-[var(--chekin-color-surface-pressed)]",
+        isSelected && "bg-[var(--chekin-color-surface-autocomplete)] font-semibold text-[var(--chekin-color-brand-blue)]",
+        isDisabled && "cursor-not-allowed text-[var(--chekin-color-gray-2)]"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+          BaseCheckbox,
+          {
+            checked: isSelected,
+            disabled: isDisabled,
+            size: "s",
+            tabIndex: -1,
+            className: "pointer-events-none shrink-0"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("span", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: "block break-words", children: option.label }),
+          option.description && /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: "shrink-0 text-[12px] font-medium italic text-[var(--chekin-color-gray-1)]", children: option.description })
+        ] })
+      ]
+    }
+  );
+}
+
 // src/dashboard/textarea/Textarea.tsx
 var React60 = __toESM(require("react"), 1);
 var import_react_i18next37 = require("react-i18next");
@@ -15597,7 +15594,7 @@ 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 import_lucide_react49 = require("lucide-react");
 var import_react_i18next38 = require("react-i18next");
 
 // src/airbnb-fields/datepicker/useDatePickerWheel.ts
@@ -16631,7 +16628,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 +16723,7 @@ var Datepicker = React62.forwardRef(
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
-                      import_lucide_react50.ChevronDown,
+                      import_lucide_react49.ChevronDown,
                       {
                         size: 14,
                         onMouseDown: (event) => {
@@ -17171,7 +17168,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 +17290,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 +17305,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 })
             }
           )
         ] })
@@ -17879,7 +17876,7 @@ 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 import_lucide_react51 = require("lucide-react");
 var import_react_i18next41 = require("react-i18next");
 var import_jsx_runtime178 = require("react/jsx-runtime");
 function defaultDownload(url) {
@@ -17993,7 +17990,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 +18002,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 }) })
                 ]
               }
             ),
@@ -18266,11 +18263,11 @@ LegacyTextarea.displayName = "LegacyTextarea";
 
 // src/airbnb-fields/datepicker/DatePicker.tsx
 var React72 = __toESM(require("react"), 1);
-var import_lucide_react54 = require("lucide-react");
+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 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(
@@ -18334,7 +18331,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)]"
@@ -18590,7 +18587,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)(
@@ -18628,7 +18625,7 @@ AirbnbDatePicker.displayName = "AirbnbDatePicker";
 
 // src/airbnb-fields/input/Input.tsx
 var React73 = __toESM(require("react"), 1);
-var import_lucide_react55 = require("lucide-react");
+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) : "";
@@ -18793,7 +18790,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",
@@ -18811,7 +18808,7 @@ AirbnbInput.displayName = "AirbnbInput";
 
 // src/airbnb-fields/phone-field/PhoneField.tsx
 var React79 = __toESM(require("react"), 1);
-var import_lucide_react57 = require("lucide-react");
+var import_lucide_react56 = require("lucide-react");
 
 // src/airbnb-fields/select/Select.tsx
 var React78 = __toESM(require("react"), 1);
@@ -19160,7 +19157,7 @@ function AirbnbSelectMobileContent({
 
 // src/airbnb-fields/select/SelectTrigger.tsx
 var React74 = __toESM(require("react"), 1);
-var import_lucide_react56 = require("lucide-react");
+var import_lucide_react55 = require("lucide-react");
 var import_jsx_runtime189 = require("react/jsx-runtime");
 var AirbnbSelectTrigger = React74.forwardRef(
   ({
@@ -19215,7 +19212,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"
           }
@@ -19999,7 +19996,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
@@ -20047,7 +20044,7 @@ AirbnbPhoneField.displayName = "AirbnbPhoneField";
 
 // src/airbnb-fields/searchable-select/SearchableSelect.tsx
 var React80 = __toESM(require("react"), 1);
-var import_lucide_react58 = require("lucide-react");
+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");
@@ -20283,7 +20280,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",
@@ -20381,7 +20378,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]"
@@ -20491,13 +20488,13 @@ function getNextEnabledIndex(options, startIndex, step) {
 // src/airbnb-fields/search-input/SearchInput.tsx
 var React81 = __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) => {
   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 +20520,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" })
       }
     )
   ] });
@@ -20533,7 +20530,7 @@ AirbnbSearchInput.displayName = "AirbnbSearchInput";
 // src/airbnb-fields/switch/Switch.tsx
 var React82 = __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(
   ({
@@ -20579,7 +20576,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",