@chekinapp/ui 0.0.86 → 0.0.87

package/dist/index.js

@@ -3400,7 +3400,7 @@ var DialogContent = React15.forwardRef(
         ]
       }
     );
-    const portalContainer = container || (typeof window !== "undefined" ? window.chekinCustomDocument?.body : void 0);
+    const portalContainer = container || getCustomContainer();
     return /* @__PURE__ */ jsx34(DialogPortal, { "data-slot": "dialog-portal", container: portalContainer, children: lockScroll ? /* @__PURE__ */ jsx34(
       DialogOverlay,
       {
@@ -5732,8 +5732,8 @@ function Modal({
   onClose,
   children,
   withCloseButton = true,
-  closeOnDocumentClick = true,
-  closeOnEscape = true,
+  closeOnDocumentClick = false,
+  closeOnEscape = false,
   scrollableOverlay,
   className,
   title,
@@ -5742,6 +5742,7 @@ function Modal({
   iconSrc,
   iconAlt,
   iconProps = { width: 84 },
+  iconClassName,
   buttons,
   lockScroll = true,
   container,
@@ -5787,7 +5788,7 @@ function Modal({
             children: /* @__PURE__ */ jsx70(X4, { className: "h-5 w-5" })
           }
         ),
-        (icon || iconSrc || iconProps?.src) && /* @__PURE__ */ jsx70("div", { className: "modal__icon mx-auto mt-4 select-none", children: icon ?? /* @__PURE__ */ jsx70("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
+        (icon || iconSrc || iconProps?.src) && /* @__PURE__ */ jsx70("div", { className: cn("modal__icon mx-auto mt-4 select-none", iconClassName), children: icon ?? /* @__PURE__ */ jsx70("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
         title ? /* @__PURE__ */ jsx70(DialogTitle, { className: cn("modal__title", "px-6 text-lg font-bold"), children: title }) : /* @__PURE__ */ jsx70(DialogVisuallyHidden, { children: /* @__PURE__ */ jsx70(DialogTitle, { children: "Dialog" }) }),
         text && /* @__PURE__ */ jsx70(DialogDescription, { className: cn("modal__text", "text-base"), children: text }),
         children,
@@ -11949,11 +11950,110 @@ function ResponsiveSheet({
   ) });
 }
 
-// src/airbnb/input/Input.tsx
+// src/responsive-dropdown/ResponsiveDropdown.tsx
 import * as React46 from "react";
-import { jsx as jsx143 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx143, jsxs as jsxs90 } from "react/jsx-runtime";
+function ResponsiveDropdown({
+  trigger,
+  options,
+  children,
+  side,
+  align,
+  disabled,
+  title,
+  className,
+  dropdownClassName,
+  drawerClassName
+}) {
+  const { isMatch: isMobile2 } = useScreenResize(DEVICE.mobileXL);
+  const isMobileMode = isMobile2 && isMobileModalModeAvailable();
+  const [open, setOpen] = React46.useState(false);
+  const visibleOptions = options?.filter((option) => !option.hidden) ?? [];
+  const renderTrigger = (isOpen) => typeof trigger === "function" ? trigger(isOpen) : trigger;
+  const handleOpenChange = (nextOpen) => {
+    if (disabled) {
+      return;
+    }
+    setOpen(nextOpen);
+  };
+  const handleOptionClick = (option) => (event) => {
+    if (disabled || option.disabled) {
+      return;
+    }
+    option.onClick?.(event);
+    setOpen(false);
+  };
+  if (isMobileMode) {
+    return /* @__PURE__ */ jsxs90(Fragment15, { children: [
+      /* @__PURE__ */ jsx143(
+        "div",
+        {
+          className: "responsive-dropdown__mobile-trigger",
+          onClick: () => handleOpenChange(true),
+          children: renderTrigger(open)
+        }
+      ),
+      /* @__PURE__ */ jsx143(Drawer, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs90(
+        DrawerContent,
+        {
+          onClose: () => setOpen(false),
+          lockScroll: false,
+          className: cn("px-0 pb-2", className, drawerClassName),
+          children: [
+            title ? /* @__PURE__ */ jsx143(DrawerTitle, { className: "sr-only", children: title }) : null,
+            /* @__PURE__ */ jsxs90("div", { className: "flex flex-col", children: [
+              visibleOptions.map((option) => /* @__PURE__ */ jsx143(
+                "div",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  "aria-disabled": option.disabled,
+                  onClick: handleOptionClick(option),
+                  className: cn(
+                    "cursor-pointer px-5 py-3 text-base font-medium text-[var(--chekin-color-brand-navy)] outline-none hover:bg-gray-50",
+                    option.disabled && "pointer-events-none opacity-50"
+                  ),
+                  children: option.label
+                },
+                option.id
+              )),
+              children
+            ] })
+          ]
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs90(DropdownMenu, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx143(DropdownMenuTrigger, { asChild: true, disabled, children: renderTrigger(open) }),
+    /* @__PURE__ */ jsxs90(
+      DropdownMenuContent,
+      {
+        side,
+        align,
+        className: cn("min-w-[295px]", className, dropdownClassName),
+        children: [
+          visibleOptions.map((option) => /* @__PURE__ */ jsx143(
+            DropdownMenuItem,
+            {
+              disabled: option.disabled,
+              onClick: handleOptionClick(option),
+              children: option.label
+            },
+            option.id
+          )),
+          children
+        ]
+      }
+    )
+  ] });
+}
+
+// src/airbnb/input/Input.tsx
+import * as React47 from "react";
+import { jsx as jsx144 } from "react/jsx-runtime";
 var getInputValue = (value) => value != null ? String(value) : "";
-var AirbnbInput = React46.forwardRef(
+var AirbnbInput = React47.forwardRef(
   ({
     variant = "default",
     label,
@@ -11982,15 +12082,15 @@ var AirbnbInput = React46.forwardRef(
     placeholder,
     ...props
   }, ref) => {
-    const generatedId = React46.useId();
-    const inputRef = React46.useRef(null);
+    const generatedId = React47.useId();
+    const inputRef = React47.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] = React46.useState(false);
-    const [currentValue, setCurrentValue] = React46.useState(
+    const [isFocused, setIsFocused] = React47.useState(false);
+    const [currentValue, setCurrentValue] = React47.useState(
       () => value != null ? getInputValue(value) : getInputValue(defaultValue)
     );
     const resolvedValue = value != null ? getInputValue(value) : currentValue;
@@ -12000,11 +12100,11 @@ var AirbnbInput = React46.forwardRef(
     const triggerError = error ?? invalid;
     const hasLabelMeta = Boolean(optional) || Boolean(tooltip);
     const isBlocked = Boolean(disabled) || Boolean(loading);
-    React46.useLayoutEffect(() => {
+    React47.useLayoutEffect(() => {
       const nextValue = value != null ? getInputValue(value) : getInputValue(inputRef.current?.value);
       setCurrentValue((prevValue) => prevValue === nextValue ? prevValue : nextValue);
     }, [value]);
-    const setRefs = React46.useCallback(
+    const setRefs = React47.useCallback(
       (node) => {
         inputRef.current = node;
         if (node && value == null) {
@@ -12034,7 +12134,7 @@ var AirbnbInput = React46.forwardRef(
       setIsFocused(false);
       onBlur?.(event);
     };
-    return /* @__PURE__ */ jsx143("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ jsx143(
+    return /* @__PURE__ */ jsx144("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ jsx144(
       FieldTrigger,
       {
         as: "div",
@@ -12066,7 +12166,7 @@ var AirbnbInput = React46.forwardRef(
         forceFloatingLabel: shouldShowLabel,
         forceLabelText: hasLabelMeta,
         hideErrorMessage: !renderErrorMessage,
-        children: /* @__PURE__ */ jsx143(
+        children: /* @__PURE__ */ jsx144(
           "input",
           {
             ...props,
@@ -12102,14 +12202,14 @@ var AirbnbInput = React46.forwardRef(
 AirbnbInput.displayName = "Input";
 
 // src/airbnb/phone-field/PhoneField.tsx
-import * as React52 from "react";
+import * as React53 from "react";
 import { ChevronDown as ChevronDown3 } from "lucide-react";
 
 // src/airbnb/select/Select.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 
 // src/airbnb/select/SelectDesktopMenu.tsx
-import { jsx as jsx144, jsxs as jsxs90 } from "react/jsx-runtime";
+import { jsx as jsx145, jsxs as jsxs91 } from "react/jsx-runtime";
 function SelectDesktopMenu({
   id,
   options,
@@ -12128,7 +12228,7 @@ function SelectDesktopMenu({
   noOptionsMessage
 }) {
   const emptyMessage = noOptionsMessage?.();
-  return /* @__PURE__ */ jsxs90(
+  return /* @__PURE__ */ jsxs91(
     "div",
     {
       id,
@@ -12141,12 +12241,12 @@ function SelectDesktopMenu({
       onKeyDown,
       className: cn("max-h-[280px] overflow-y-auto p-2 outline-none", menuClassName),
       children: [
-        options.length === 0 && emptyMessage ? /* @__PURE__ */ jsx144("div", { className: "px-4 py-3 text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
+        options.length === 0 && emptyMessage ? /* @__PURE__ */ jsx145("div", { className: "px-4 py-3 text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
         options.map((option, index) => {
           const isSelected = selectedValue?.value === option.value;
           const isHighlighted = index === highlightedIndex;
           const optionKey = `${String(option.value)}-${index}`;
-          return /* @__PURE__ */ jsx144(
+          return /* @__PURE__ */ jsx145(
             "button",
             {
               id: getOptionId2(index),
@@ -12178,7 +12278,7 @@ function SelectDesktopMenu({
 }
 
 // src/airbnb/select/SelectDesktopContent.tsx
-import { jsx as jsx145 } from "react/jsx-runtime";
+import { jsx as jsx146 } from "react/jsx-runtime";
 function SelectDesktopContent({
   isOpen,
   listboxId,
@@ -12199,14 +12299,14 @@ function SelectDesktopContent({
   noOptionsMessage
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx145(
+  return /* @__PURE__ */ jsx146(
     "div",
     {
       className: cn(
         "absolute left-0 right-0 top-[calc(100%+8px)] z-20 overflow-hidden rounded-[20px] border border-[#DEDAD2] bg-white shadow-[0_14px_30px_rgba(18,18,18,0.08)]",
         dropdownClassName
       ),
-      children: /* @__PURE__ */ jsx145(
+      children: /* @__PURE__ */ jsx146(
         SelectDesktopMenu,
         {
           id: listboxId,
@@ -12304,7 +12404,7 @@ function getMobileOptionStyles(index, scrollTop) {
 }
 
 // src/airbnb/select/SelectMobileWheel.tsx
-import { jsx as jsx146, jsxs as jsxs91 } from "react/jsx-runtime";
+import { jsx as jsx147, jsxs as jsxs92 } from "react/jsx-runtime";
 function SelectMobileWheel({
   id,
   options,
@@ -12323,7 +12423,7 @@ function SelectMobileWheel({
 }) {
   const spacerHeight2 = getWheelSpacerHeight();
   const emptyMessage = noOptionsMessage?.();
-  return /* @__PURE__ */ jsxs91(
+  return /* @__PURE__ */ jsxs92(
     "div",
     {
       id,
@@ -12335,10 +12435,10 @@ function SelectMobileWheel({
       onKeyDown,
       className: cn("relative overflow-hidden outline-none", menuClassName),
       children: [
-        options.length === 0 && emptyMessage ? /* @__PURE__ */ jsx146("div", { className: "flex min-h-[160px] items-center justify-center px-4 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
-        /* @__PURE__ */ jsx146("div", { className: "pointer-events-none absolute inset-x-0 top-0 h-16 bg-gradient-to-b from-white via-white/80 to-transparent" }),
-        /* @__PURE__ */ jsx146("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-white via-white/80 to-transparent" }),
-        /* @__PURE__ */ jsx146(
+        options.length === 0 && emptyMessage ? /* @__PURE__ */ jsx147("div", { className: "flex min-h-[160px] items-center justify-center px-4 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
+        /* @__PURE__ */ jsx147("div", { className: "pointer-events-none absolute inset-x-0 top-0 h-16 bg-gradient-to-b from-white via-white/80 to-transparent" }),
+        /* @__PURE__ */ jsx147("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-white via-white/80 to-transparent" }),
+        /* @__PURE__ */ jsx147(
           "div",
           {
             "aria-hidden": true,
@@ -12348,7 +12448,7 @@ function SelectMobileWheel({
             )
           }
         ),
-        /* @__PURE__ */ jsxs91(
+        /* @__PURE__ */ jsxs92(
           "div",
           {
             ref: listRef,
@@ -12363,11 +12463,11 @@ function SelectMobileWheel({
               WebkitOverflowScrolling: "touch"
             },
             children: [
-              /* @__PURE__ */ jsx146("div", { style: { height: `${spacerHeight2}px` } }),
+              /* @__PURE__ */ jsx147("div", { style: { height: `${spacerHeight2}px` } }),
               options.map((option, index) => {
                 const { distance, style } = getMobileOptionStyles(index, scrollTop);
                 const optionKey = `${String(option.value)}-${index}`;
-                return /* @__PURE__ */ jsx146(
+                return /* @__PURE__ */ jsx147(
                   "button",
                   {
                     id: getOptionId2(index),
@@ -12388,7 +12488,7 @@ function SelectMobileWheel({
                   optionKey
                 );
               }),
-              /* @__PURE__ */ jsx146("div", { style: { height: `${spacerHeight2}px` } })
+              /* @__PURE__ */ jsx147("div", { style: { height: `${spacerHeight2}px` } })
             ]
           }
         )
@@ -12398,7 +12498,7 @@ function SelectMobileWheel({
 }
 
 // src/airbnb/select/SelectMobileContent.tsx
-import { jsx as jsx147, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx148, jsxs as jsxs93 } from "react/jsx-runtime";
 function SelectMobileContent({
   open,
   onOpenChange,
@@ -12422,11 +12522,11 @@ function SelectMobileContent({
   getOptionId: getOptionId2,
   noOptionsMessage
 }) {
-  return /* @__PURE__ */ jsx147(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs92(DrawerContent, { onClose, lockScroll: false, children: [
-    /* @__PURE__ */ jsx147(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
-    /* @__PURE__ */ jsx147(DrawerDescription, { className: "sr-only", children: label }),
-    /* @__PURE__ */ jsxs92("div", { className: "px-6 pb-4 pt-1", children: [
-      /* @__PURE__ */ jsx147(
+  return /* @__PURE__ */ jsx148(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs93(DrawerContent, { onClose, lockScroll: false, children: [
+    /* @__PURE__ */ jsx148(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
+    /* @__PURE__ */ jsx148(DrawerDescription, { className: "sr-only", children: label }),
+    /* @__PURE__ */ jsxs93("div", { className: "px-6 pb-4 pt-1", children: [
+      /* @__PURE__ */ jsx148(
         SelectMobileWheel,
         {
           id: listboxId,
@@ -12445,16 +12545,16 @@ function SelectMobileContent({
           noOptionsMessage
         }
       ),
-      /* @__PURE__ */ jsx147(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
+      /* @__PURE__ */ jsx148(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
     ] })
   ] }) });
 }
 
 // src/airbnb/select/SelectTrigger.tsx
-import * as React47 from "react";
+import * as React48 from "react";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { jsx as jsx148 } from "react/jsx-runtime";
-var SelectTrigger2 = React47.forwardRef(
+import { jsx as jsx149 } from "react/jsx-runtime";
+var SelectTrigger2 = React48.forwardRef(
   ({
     id,
     open,
@@ -12479,7 +12579,7 @@ var SelectTrigger2 = React47.forwardRef(
     onKeyDown,
     onBlur
   }, ref) => {
-    return /* @__PURE__ */ jsx148(
+    return /* @__PURE__ */ jsx149(
       FieldTrigger,
       {
         id,
@@ -12508,7 +12608,7 @@ var SelectTrigger2 = React47.forwardRef(
         onClick,
         onKeyDown,
         onBlur,
-        trailingAdornment: /* @__PURE__ */ jsx148(
+        trailingAdornment: /* @__PURE__ */ jsx149(
           ChevronDown2,
           {
             className: open ? "h-6 w-6 rotate-180 text-[#1F1F1B] transition-transform" : "h-6 w-6 text-[#1F1F1B] transition-transform"
@@ -12521,7 +12621,7 @@ var SelectTrigger2 = React47.forwardRef(
 SelectTrigger2.displayName = "SelectTrigger";
 
 // src/airbnb/select/useDesktopSelect.ts
-import * as React48 from "react";
+import * as React49 from "react";
 function useDesktopSelect({
   isMobile: isMobile2,
   isOpen,
@@ -12530,12 +12630,12 @@ function useDesktopSelect({
   disabled,
   onChange
 }) {
-  const [highlightedIndex, setHighlightedIndex] = React48.useState(-1);
-  const triggerRef = React48.useRef(null);
-  const listRef = React48.useRef(null);
-  const optionRefs = React48.useRef([]);
+  const [highlightedIndex, setHighlightedIndex] = React49.useState(-1);
+  const triggerRef = React49.useRef(null);
+  const listRef = React49.useRef(null);
+  const optionRefs = React49.useRef([]);
   const selectedIndex = getOptionIndex(options, value);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!isOpen || isMobile2) return;
     setHighlightedIndex((currentIndex) => {
       if (currentIndex >= 0) {
@@ -12550,34 +12650,34 @@ function useDesktopSelect({
       window.cancelAnimationFrame(frameId);
     };
   }, [isMobile2, isOpen, options, selectedIndex]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!isOpen || isMobile2 || highlightedIndex < 0) return;
     optionRefs.current[highlightedIndex]?.scrollIntoView({
       block: "nearest"
     });
   }, [highlightedIndex, isMobile2, isOpen]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (isOpen) return;
     setHighlightedIndex(-1);
   }, [isOpen]);
-  const focusTrigger = React48.useCallback(() => {
+  const focusTrigger = React49.useCallback(() => {
     triggerRef.current?.focus();
   }, []);
-  const handleSelect = React48.useCallback(
+  const handleSelect = React49.useCallback(
     (option) => {
       if (option.isDisabled || disabled) return;
       onChange(option);
     },
     [disabled, onChange]
   );
-  const openMenu = React48.useCallback(
+  const openMenu = React49.useCallback(
     (targetIndex) => {
       const fallbackIndex = selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex(options);
       setHighlightedIndex(targetIndex ?? fallbackIndex);
     },
     [options, selectedIndex]
   );
-  const handleTriggerKeyDown = React48.useCallback(
+  const handleTriggerKeyDown = React49.useCallback(
     (event, onOpen) => {
       if (disabled) return;
       if (event.key === "ArrowDown") {
@@ -12602,7 +12702,7 @@ function useDesktopSelect({
     },
     [disabled, openMenu, options, selectedIndex]
   );
-  const handleMenuKeyDown = React48.useCallback(
+  const handleMenuKeyDown = React49.useCallback(
     (event, onClose) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -12652,7 +12752,7 @@ function useDesktopSelect({
     },
     [focusTrigger, highlightedIndex, onChange, options]
   );
-  const setOptionRef = React48.useCallback(
+  const setOptionRef = React49.useCallback(
     (index, node) => {
       optionRefs.current[index] = node;
     },
@@ -12672,23 +12772,23 @@ function useDesktopSelect({
 }
 
 // src/airbnb/select/useMobileSelectWheel.ts
-import * as React49 from "react";
+import * as React50 from "react";
 function useMobileSelectWheel({ isMobile: isMobile2, isOpen, options, value, disabled }) {
-  const [pendingValue, setPendingValue] = React49.useState(
+  const [pendingValue, setPendingValue] = React50.useState(
     value ?? null
   );
-  const [mobileScrollTop, setMobileScrollTop] = React49.useState(0);
-  const mobileListRef = React49.useRef(null);
-  const scrollSettleTimeoutRef = React49.useRef(null);
-  const scrollAnimationFrameRef = React49.useRef(null);
-  const getTargetIndex = React49.useCallback(
+  const [mobileScrollTop, setMobileScrollTop] = React50.useState(0);
+  const mobileListRef = React50.useRef(null);
+  const scrollSettleTimeoutRef = React50.useRef(null);
+  const scrollAnimationFrameRef = React50.useRef(null);
+  const getTargetIndex = React50.useCallback(
     (targetValue) => {
       const selectedIndex = getOptionIndex(options, targetValue);
       return selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex(options);
     },
     [options]
   );
-  const syncScrollPosition = React49.useCallback(
+  const syncScrollPosition = React50.useCallback(
     (targetValue, behavior = "instant") => {
       const targetIndex = getTargetIndex(targetValue);
       if (targetIndex < 0) return;
@@ -12707,27 +12807,27 @@ function useMobileSelectWheel({ isMobile: isMobile2, isOpen, options, value, dis
     },
     [getTargetIndex, options]
   );
-  const clearScrollSettleTimeout = React49.useCallback(() => {
+  const clearScrollSettleTimeout = React50.useCallback(() => {
     if (scrollSettleTimeoutRef.current === null) return;
     window.clearTimeout(scrollSettleTimeoutRef.current);
     scrollSettleTimeoutRef.current = null;
   }, []);
-  const clearScrollAnimationFrame = React49.useCallback(() => {
+  const clearScrollAnimationFrame = React50.useCallback(() => {
     if (scrollAnimationFrameRef.current === null) return;
     window.cancelAnimationFrame(scrollAnimationFrameRef.current);
     scrollAnimationFrameRef.current = null;
   }, []);
-  React49.useEffect(
+  React50.useEffect(
     () => () => {
       clearScrollSettleTimeout();
       clearScrollAnimationFrame();
     },
     [clearScrollAnimationFrame, clearScrollSettleTimeout]
   );
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     setPendingValue(value ?? null);
   }, [value]);
-  React49.useLayoutEffect(() => {
+  React50.useLayoutEffect(() => {
     if (!isMobile2 || !isOpen) return;
     const frameId = window.requestAnimationFrame(() => {
       syncScrollPosition(value ?? null, "instant");
@@ -12736,7 +12836,7 @@ function useMobileSelectWheel({ isMobile: isMobile2, isOpen, options, value, dis
       window.cancelAnimationFrame(frameId);
     };
   }, [isMobile2, isOpen, syncScrollPosition, value]);
-  const settleScroll = React49.useCallback(() => {
+  const settleScroll = React50.useCallback(() => {
     if (!mobileListRef.current) return;
     const nextIndex = Math.round(mobileListRef.current.scrollTop / MOBILE_OPTION_HEIGHT);
     const nextOption = options[nextIndex];
@@ -12748,13 +12848,13 @@ function useMobileSelectWheel({ isMobile: isMobile2, isOpen, options, value, dis
     }
     setPendingValue(nextOption);
   }, [options, pendingValue]);
-  const scheduleScrollSettle = React49.useCallback(() => {
+  const scheduleScrollSettle = React50.useCallback(() => {
     clearScrollSettleTimeout();
     scrollSettleTimeoutRef.current = window.setTimeout(() => {
       settleScroll();
     }, MOBILE_SCROLL_SETTLE_DELAY);
   }, [clearScrollSettleTimeout, settleScroll]);
-  const handleScroll = React49.useCallback(() => {
+  const handleScroll = React50.useCallback(() => {
     if (!mobileListRef.current) return;
     const nextScrollTop = mobileListRef.current.scrollTop;
     clearScrollAnimationFrame();
@@ -12764,7 +12864,7 @@ function useMobileSelectWheel({ isMobile: isMobile2, isOpen, options, value, dis
     });
     scheduleScrollSettle();
   }, [clearScrollAnimationFrame, scheduleScrollSettle]);
-  const focusOptionByIndex = React49.useCallback(
+  const focusOptionByIndex = React50.useCallback(
     (index, behavior = "instant", updatePendingImmediately = behavior === "instant") => {
       if (!mobileListRef.current || index < 0 || index >= options.length) return;
       const option = options[index];
@@ -12782,7 +12882,7 @@ function useMobileSelectWheel({ isMobile: isMobile2, isOpen, options, value, dis
     },
     [options, scheduleScrollSettle]
   );
-  const handleOptionClick = React49.useCallback(
+  const handleOptionClick = React50.useCallback(
     (option) => {
       if (!mobileListRef.current || disabled || option.isDisabled) return;
       const optionIndex = getOptionIndex(options, option);
@@ -12791,7 +12891,7 @@ function useMobileSelectWheel({ isMobile: isMobile2, isOpen, options, value, dis
     },
     [disabled, focusOptionByIndex, options]
   );
-  const moveByStep = React49.useCallback(
+  const moveByStep = React50.useCallback(
     (step) => {
       const currentIndex = getOptionIndex(options, pendingValue);
       const fallbackIndex = step === 1 ? getFirstEnabledOptionIndex(options) : getLastEnabledOptionIndex(options);
@@ -12803,7 +12903,7 @@ function useMobileSelectWheel({ isMobile: isMobile2, isOpen, options, value, dis
     },
     [focusOptionByIndex, options, pendingValue]
   );
-  const moveToBoundary = React49.useCallback(
+  const moveToBoundary = React50.useCallback(
     (boundary) => {
       const targetIndex = boundary === "start" ? getFirstEnabledOptionIndex(options) : getLastEnabledOptionIndex(options);
       if (targetIndex >= 0) {
@@ -12812,7 +12912,7 @@ function useMobileSelectWheel({ isMobile: isMobile2, isOpen, options, value, dis
     },
     [focusOptionByIndex, options]
   );
-  const syncPendingValue = React49.useCallback(
+  const syncPendingValue = React50.useCallback(
     (nextValue) => {
       const normalizedValue = nextValue ?? null;
       const matchedIndex = getOptionIndex(options, normalizedValue);
@@ -12840,9 +12940,9 @@ function useMobileSelectWheel({ isMobile: isMobile2, isOpen, options, value, dis
 }
 
 // src/airbnb/select/useSelectIds.ts
-import * as React50 from "react";
+import * as React51 from "react";
 function useSelectIds({ name, hasValue, error, hideErrorMessage }) {
-  const reactId = React50.useId().replace(/:/g, "");
+  const reactId = React51.useId().replace(/:/g, "");
   const baseId = name ? `select-${name}` : `select-${reactId}`;
   const triggerId = `${baseId}-trigger`;
   const labelId = `${baseId}-label`;
@@ -12852,7 +12952,7 @@ function useSelectIds({ 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 = React50.useCallback(
+  const getOptionId2 = React51.useCallback(
     (index) => `${baseId}-option-${index}`,
     [baseId]
   );
@@ -12870,8 +12970,8 @@ function useSelectIds({ name, hasValue, error, hideErrorMessage }) {
 }
 
 // src/airbnb/select/Select.tsx
-import { jsx as jsx149, jsxs as jsxs93 } from "react/jsx-runtime";
-var AirbnbSelect = React51.forwardRef(function AirbnbSelect2({
+import { jsx as jsx150, jsxs as jsxs94 } from "react/jsx-runtime";
+var AirbnbSelect = React52.forwardRef(function AirbnbSelect2({
   options = [],
   value,
   onChange,
@@ -12898,8 +12998,8 @@ var AirbnbSelect = React51.forwardRef(function AirbnbSelect2({
   noOptionsMessage
 }, ref) {
   const { isMatch: isMobile2 } = useScreenResize(DEVICE.mobileXL);
-  const [isOpen, setIsOpen] = React51.useState(false);
-  const containerRef = React51.useRef(null);
+  const [isOpen, setIsOpen] = React52.useState(false);
+  const containerRef = React52.useRef(null);
   const hasValue = Boolean(value);
   const helperText = placeholder ?? label;
   const shouldDescribeHelperText = !hasValue && helperText !== label;
@@ -12960,12 +13060,12 @@ var AirbnbSelect = React51.forwardRef(function AirbnbSelect2({
     onOutsideClick: () => setIsOpen(false),
     isDisabled: !isOpen || isMobile2
   });
-  React51.useEffect(() => {
+  React52.useEffect(() => {
     if (isBlocked) {
       setIsOpen(false);
     }
   }, [isBlocked]);
-  React51.useEffect(
+  React52.useEffect(
     function setCorrectOptionIfThereIsOnlyValue() {
       if (value?.value === void 0 || value.value === null || value.label !== "") {
         return;
@@ -12977,7 +13077,7 @@ var AirbnbSelect = React51.forwardRef(function AirbnbSelect2({
     },
     [onChange, options, value]
   );
-  const handleMobileOpenChange = React51.useCallback(
+  const handleMobileOpenChange = React52.useCallback(
     (nextOpen) => {
       if (isBlocked && nextOpen) return;
       setIsOpen(nextOpen);
@@ -12988,7 +13088,7 @@ var AirbnbSelect = React51.forwardRef(function AirbnbSelect2({
     },
     [focusTrigger, isBlocked, syncPendingValue, value]
   );
-  const handleMobileDone = React51.useCallback(() => {
+  const handleMobileDone = React52.useCallback(() => {
     if (isBlocked) return;
     const finalOption = pendingValue;
     if (finalOption && finalOption.value !== value?.value) {
@@ -12997,7 +13097,7 @@ var AirbnbSelect = React51.forwardRef(function AirbnbSelect2({
     setIsOpen(false);
     focusTrigger();
   }, [focusTrigger, isBlocked, onChange, pendingValue, value]);
-  const handleTriggerClick = React51.useCallback(() => {
+  const handleTriggerClick = React52.useCallback(() => {
     if (isBlocked) return;
     setIsOpen((prev) => {
       const nextOpen = !prev;
@@ -13050,13 +13150,13 @@ var AirbnbSelect = React51.forwardRef(function AirbnbSelect2({
       handleMobileOpenChange(false);
     }
   };
-  return /* @__PURE__ */ jsxs93(
+  return /* @__PURE__ */ jsxs94(
     "div",
     {
       ref: containerRef,
       className: cn("relative w-full max-w-[var(--max-field-width)]", className),
       children: [
-        name && /* @__PURE__ */ jsx149("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
+        name && /* @__PURE__ */ jsx150("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
         renderTrigger ? renderTrigger({
           id: triggerId,
           open: isOpen,
@@ -13078,7 +13178,7 @@ var AirbnbSelect = React51.forwardRef(function AirbnbSelect2({
           onClick: handleTriggerClick,
           onKeyDown: handleRootTriggerKeyDown,
           onBlur
-        }) : /* @__PURE__ */ jsx149(
+        }) : /* @__PURE__ */ jsx150(
           SelectTrigger2,
           {
             id: triggerId,
@@ -13106,7 +13206,7 @@ var AirbnbSelect = React51.forwardRef(function AirbnbSelect2({
             onBlur
           }
         ),
-        isMobile2 ? /* @__PURE__ */ jsx149(
+        isMobile2 ? /* @__PURE__ */ jsx150(
           SelectMobileContent,
           {
             open: isOpen,
@@ -13131,7 +13231,7 @@ var AirbnbSelect = React51.forwardRef(function AirbnbSelect2({
             getOptionId: getOptionId2,
             noOptionsMessage
           }
-        ) : /* @__PURE__ */ jsx149(
+        ) : /* @__PURE__ */ jsx150(
           SelectDesktopContent,
           {
             isOpen,
@@ -13165,13 +13265,13 @@ var AirbnbSelect = React51.forwardRef(function AirbnbSelect2({
 });
 
 // src/airbnb/phone-field/PhoneField.tsx
-import { jsx as jsx150, jsxs as jsxs94 } from "react/jsx-runtime";
+import { jsx as jsx151, jsxs as jsxs95 } from "react/jsx-runtime";
 function formatPhoneCodeOptionLabel(option) {
   const label = String(option.label);
   const value = String(option.value);
   return label.includes(value) ? label : `${label} (${value})`;
 }
-var PhoneField = React52.forwardRef(
+var PhoneField = React53.forwardRef(
   ({
     variant = "default",
     label,
@@ -13195,8 +13295,8 @@ var PhoneField = React52.forwardRef(
     mobileTitle,
     codePlaceholder = "+00"
   }, ref) => {
-    const inputId = React52.useId();
-    const codeOptions = React52.useMemo(
+    const inputId = React53.useId();
+    const codeOptions = React53.useMemo(
       () => options.map((option) => ({
         value: option.value,
         label: formatPhoneCodeOptionLabel(option),
@@ -13204,7 +13304,7 @@ var PhoneField = React52.forwardRef(
       })),
       [options]
     );
-    const selectedCodeOption = React52.useMemo(
+    const selectedCodeOption = React53.useMemo(
       () => codeOptions.find((option) => option.value === value?.code) ?? null,
       [codeOptions, value?.code]
     );
@@ -13212,9 +13312,9 @@ var PhoneField = React52.forwardRef(
     const hasInvalidState = Boolean(error) || Boolean(invalid);
     const isBlocked = Boolean(disabled) || Boolean(loading);
     const isCodeBlocked = isBlocked || Boolean(codeReadOnly);
-    return /* @__PURE__ */ jsxs94("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
-      name && /* @__PURE__ */ jsx150("input", { type: "hidden", name, value: combinedValue, disabled }),
-      codeName && /* @__PURE__ */ jsx150(
+    return /* @__PURE__ */ jsxs95("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
+      name && /* @__PURE__ */ jsx151("input", { type: "hidden", name, value: combinedValue, disabled }),
+      codeName && /* @__PURE__ */ jsx151(
         "input",
         {
           type: "hidden",
@@ -13223,7 +13323,7 @@ var PhoneField = React52.forwardRef(
           disabled
         }
       ),
-      numberName && /* @__PURE__ */ jsx150(
+      numberName && /* @__PURE__ */ jsx151(
         "input",
         {
           type: "hidden",
@@ -13232,7 +13332,7 @@ var PhoneField = React52.forwardRef(
           disabled
         }
       ),
-      topLabel && /* @__PURE__ */ jsx150(
+      topLabel && /* @__PURE__ */ jsx151(
         "label",
         {
           htmlFor: inputId,
@@ -13240,8 +13340,8 @@ var PhoneField = React52.forwardRef(
           children: topLabel
         }
       ),
-      /* @__PURE__ */ jsxs94("div", { className: "flex items-stretch", children: [
-        /* @__PURE__ */ jsx150(
+      /* @__PURE__ */ jsxs95("div", { className: "flex items-stretch", children: [
+        /* @__PURE__ */ jsx151(
           AirbnbSelect,
           {
             ref,
@@ -13272,7 +13372,7 @@ var PhoneField = React52.forwardRef(
               onClick,
               onKeyDown,
               valueLabel
-            }) => /* @__PURE__ */ jsxs94(
+            }) => /* @__PURE__ */ jsxs95(
               "button",
               {
                 id,
@@ -13294,8 +13394,8 @@ var PhoneField = React52.forwardRef(
                   triggerDisabled ? "cursor-not-allowed opacity-50" : triggerLoading ? "cursor-progress" : "cursor-pointer"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx150("span", { children: valueLabel ?? codePlaceholder }),
-                  /* @__PURE__ */ jsx150(
+                  /* @__PURE__ */ jsx151("span", { children: valueLabel ?? codePlaceholder }),
+                  /* @__PURE__ */ jsx151(
                     ChevronDown3,
                     {
                       className: cn("h-5 w-5 transition-transform", open ? "rotate-180" : ""),
@@ -13307,7 +13407,7 @@ var PhoneField = React52.forwardRef(
             )
           }
         ),
-        /* @__PURE__ */ jsx150(
+        /* @__PURE__ */ jsx151(
           AirbnbInput,
           {
             id: inputId,
@@ -13339,23 +13439,23 @@ var PhoneField = React52.forwardRef(
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsx150(FieldErrorMessage, { message: error })
+      error && /* @__PURE__ */ jsx151(FieldErrorMessage, { message: error })
     ] });
   }
 );
 PhoneField.displayName = "PhoneField";
 
 // src/airbnb/search-input/SearchInput.tsx
-import * as React53 from "react";
+import * as React54 from "react";
 import { useTranslation as useTranslation25 } from "react-i18next";
 import { Search as Search3, X as X9 } from "lucide-react";
-import { jsx as jsx151, jsxs as jsxs95 } from "react/jsx-runtime";
-var AirbnbSearchInput = React53.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
+import { jsx as jsx152, jsxs as jsxs96 } from "react/jsx-runtime";
+var AirbnbSearchInput = React54.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
   const { t } = useTranslation25();
   const placeholderText = placeholder || t("search_property") + "...";
-  return /* @__PURE__ */ jsxs95("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
-    /* @__PURE__ */ jsx151(Search3, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
-    /* @__PURE__ */ jsx151(
+  return /* @__PURE__ */ jsxs96("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
+    /* @__PURE__ */ jsx152(Search3, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
+    /* @__PURE__ */ jsx152(
       "input",
       {
         ...props,
@@ -13374,13 +13474,13 @@ var AirbnbSearchInput = React53.forwardRef(({ onReset, placeholder, wrapperClass
         )
       }
     ),
-    onReset && /* @__PURE__ */ jsx151(
+    onReset && /* @__PURE__ */ jsx152(
       Button,
       {
         variant: "ghost",
         onClick: onReset,
         className: "absolute right-0 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]",
-        children: /* @__PURE__ */ jsx151(X9, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ jsx152(X9, { className: "h-5 w-5" })
       }
     )
   ] });
@@ -13388,12 +13488,12 @@ var AirbnbSearchInput = React53.forwardRef(({ onReset, placeholder, wrapperClass
 AirbnbSearchInput.displayName = "SearchInput";
 
 // src/dashboard/input/Input.tsx
-import * as React54 from "react";
+import * as React55 from "react";
 import { Eye, Minus as Minus3, Plus as Plus2, X as X10 } from "lucide-react";
 import { useTranslation as useTranslation26 } from "react-i18next";
 
 // src/dashboard/_fieldset/Fieldset.tsx
-import { Fragment as Fragment15, jsx as jsx152, jsxs as jsxs96 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx153, jsxs as jsxs97 } from "react/jsx-runtime";
 function Fieldset({
   isActivated,
   isFocused,
@@ -13413,8 +13513,8 @@ function Fieldset({
 }) {
   const showLegendText = Boolean(legend || typeof label === "string");
   const raised = !isEmpty || isFocused;
-  return /* @__PURE__ */ jsxs96(Fragment15, { children: [
-    /* @__PURE__ */ jsxs96(
+  return /* @__PURE__ */ jsxs97(Fragment16, { children: [
+    /* @__PURE__ */ jsxs97(
       "div",
       {
         onClick,
@@ -13430,7 +13530,7 @@ function Fieldset({
           labelClassName
         ),
         children: [
-          /* @__PURE__ */ jsx152(
+          /* @__PURE__ */ jsx153(
             "label",
             {
               id: labelId,
@@ -13442,7 +13542,7 @@ function Fieldset({
               children: label
             }
           ),
-          tooltip && /* @__PURE__ */ jsx152("span", { className: "ml-1 inline-flex", children: /* @__PURE__ */ jsx152(
+          tooltip && /* @__PURE__ */ jsx153("span", { className: "ml-1 inline-flex", children: /* @__PURE__ */ jsx153(
             HelpTooltip,
             {
               content: tooltip,
@@ -13453,7 +13553,7 @@ function Fieldset({
         ]
       }
     ),
-    /* @__PURE__ */ jsx152(
+    /* @__PURE__ */ jsx153(
       "fieldset",
       {
         "aria-hidden": "true",
@@ -13465,7 +13565,7 @@ function Fieldset({
           invalid && "border-[var(--error-message-color)]",
           className
         ),
-        children: /* @__PURE__ */ jsxs96(
+        children: /* @__PURE__ */ jsxs97(
           "legend",
           {
             className: cn(
@@ -13475,8 +13575,8 @@ function Fieldset({
               !label && "w-0"
             ),
             children: [
-              showLegendText && /* @__PURE__ */ jsx152("span", { className: "visible inline-block pr-[6px] text-[14px] font-medium opacity-0", children: legend || label }),
-              tooltip && /* @__PURE__ */ jsx152("span", { className: "visible inline-block w-[20px] opacity-0", children: /* @__PURE__ */ jsx152("span", { className: "inline-block h-4 w-4" }) })
+              showLegendText && /* @__PURE__ */ jsx153("span", { className: "visible inline-block pr-[6px] text-[14px] font-medium opacity-0", children: legend || label }),
+              tooltip && /* @__PURE__ */ jsx153("span", { className: "visible inline-block w-[20px] opacity-0", children: /* @__PURE__ */ jsx153("span", { className: "inline-block h-4 w-4" }) })
             ]
           }
         )
@@ -13486,7 +13586,7 @@ function Fieldset({
 }
 
 // src/dashboard/input/Input.tsx
-import { jsx as jsx153, jsxs as jsxs97 } from "react/jsx-runtime";
+import { jsx as jsx154, jsxs as jsxs98 } from "react/jsx-runtime";
 var checkIfEmpty = ({
   empty,
   defaultValue,
@@ -13496,7 +13596,7 @@ var checkIfEmpty = ({
   if (value === 0 || defaultValue === 0) return false;
   return !value && !defaultValue;
 };
-var DashboardInput = React54.forwardRef(
+var DashboardInput = React55.forwardRef(
   ({
     value,
     defaultValue,
@@ -13535,14 +13635,14 @@ var DashboardInput = React54.forwardRef(
     renderErrorMessage = true,
     ...props
   }, ref) => {
-    const generatedId = React54.useId();
+    const generatedId = React55.useId();
     const inputId = id ?? name ?? generatedId;
     const errorId = `${inputId}-error`;
     const { t } = useTranslation26();
     const isEmpty = checkIfEmpty({ empty, value, defaultValue });
-    const [inputType, setInputType] = React54.useState(type);
-    const [isPasswordRevealed, setIsPasswordRevealed] = React54.useState(false);
-    const [isFocused, setIsFocused] = React54.useState(false);
+    const [inputType, setInputType] = React55.useState(type);
+    const [isPasswordRevealed, setIsPasswordRevealed] = React55.useState(false);
+    const [isFocused, setIsFocused] = React55.useState(false);
     const prevInputType = usePrevious(inputType);
     const isPasswordReveal = (prevInputType === "password" || type === "password") && !isEmpty;
     const hasInvalidState = Boolean(invalid) || Boolean(error) && error !== "NONE";
@@ -13557,7 +13657,7 @@ var DashboardInput = React54.forwardRef(
         setIsPasswordRevealed(true);
       }
     };
-    React54.useEffect(() => {
+    React55.useEffect(() => {
       setInputType(type);
     }, [type]);
     const handleChange = (event) => {
@@ -13579,7 +13679,7 @@ var DashboardInput = React54.forwardRef(
     };
     const showRightPaddingForReset = Boolean(onReset);
     const showRightPaddingForReveal = isPasswordReveal;
-    return /* @__PURE__ */ jsxs97(
+    return /* @__PURE__ */ jsxs98(
       "div",
       {
         className: cn(
@@ -13591,7 +13691,7 @@ var DashboardInput = React54.forwardRef(
         ),
         style: wrapperWidth ? { width: wrapperWidth } : void 0,
         children: [
-          topLabel && /* @__PURE__ */ jsx153(
+          topLabel && /* @__PURE__ */ jsx154(
             "label",
             {
               htmlFor: inputId,
@@ -13599,7 +13699,7 @@ var DashboardInput = React54.forwardRef(
               children: topLabel
             }
           ),
-          /* @__PURE__ */ jsxs97(
+          /* @__PURE__ */ jsxs98(
             "div",
             {
               className: cn(
@@ -13608,8 +13708,8 @@ var DashboardInput = React54.forwardRef(
                 fieldClassName
               ),
               children: [
-                /* @__PURE__ */ jsxs97("div", { className: cn("relative w-full cursor-text", contentClassName), children: [
-                  /* @__PURE__ */ jsx153(
+                /* @__PURE__ */ jsxs98("div", { className: cn("relative w-full cursor-text", contentClassName), children: [
+                  /* @__PURE__ */ jsx154(
                     Fieldset,
                     {
                       isFocused: isFocused && !readOnly,
@@ -13630,8 +13730,8 @@ var DashboardInput = React54.forwardRef(
                       })
                     }
                   ),
-                  leftIcon && /* @__PURE__ */ jsx153("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__ */ jsx153("span", { className: "flex h-full w-10 items-center justify-center", children: leftIcon }) }),
-                  /* @__PURE__ */ jsx153(
+                  leftIcon && /* @__PURE__ */ jsx154("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__ */ jsx154("span", { className: "flex h-full w-10 items-center justify-center", children: leftIcon }) }),
+                  /* @__PURE__ */ jsx154(
                     "input",
                     {
                       ...props,
@@ -13668,9 +13768,9 @@ var DashboardInput = React54.forwardRef(
                       )
                     }
                   ),
-                  sign && /* @__PURE__ */ jsx153("span", { className: "pointer-events-none absolute right-[14px] top-0 flex h-full items-center text-[18px] font-medium leading-6 text-[var(--chekin-color-brand-navy)]", children: sign }),
-                  trailingAdornment && /* @__PURE__ */ jsx153("span", { className: "pointer-events-none absolute right-[14px] top-0 flex h-full items-center", children: trailingAdornment }),
-                  onReset && !isEmpty && /* @__PURE__ */ jsx153(
+                  sign && /* @__PURE__ */ jsx154("span", { className: "pointer-events-none absolute right-[14px] top-0 flex h-full items-center text-[18px] font-medium leading-6 text-[var(--chekin-color-brand-navy)]", children: sign }),
+                  trailingAdornment && /* @__PURE__ */ jsx154("span", { className: "pointer-events-none absolute right-[14px] top-0 flex h-full items-center", children: trailingAdornment }),
+                  onReset && !isEmpty && /* @__PURE__ */ jsx154(
                     "button",
                     {
                       type: "button",
@@ -13678,17 +13778,17 @@ var DashboardInput = React54.forwardRef(
                       disabled,
                       className: "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": "Reset",
-                      children: /* @__PURE__ */ jsx153(X10, { size: 14 })
+                      children: /* @__PURE__ */ jsx154(X10, { size: 14 })
                     }
                   ),
-                  isPasswordReveal && /* @__PURE__ */ jsx153(
+                  isPasswordReveal && /* @__PURE__ */ jsx154(
                     "button",
                     {
                       type: "button",
                       onClick: togglePasswordReveal,
                       className: "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 ? "Hide password" : "Show password",
-                      children: /* @__PURE__ */ jsx153(
+                      children: /* @__PURE__ */ jsx154(
                         Eye,
                         {
                           size: 20,
@@ -13700,32 +13800,32 @@ var DashboardInput = React54.forwardRef(
                     }
                   )
                 ] }),
-                type === "number" && showNumberButtons && /* @__PURE__ */ jsxs97("div", { className: "absolute right-[18px] top-[13px] inline-flex items-center text-right", children: [
-                  /* @__PURE__ */ jsx153(
+                type === "number" && showNumberButtons && /* @__PURE__ */ jsxs98("div", { className: "absolute right-[18px] top-[13px] inline-flex items-center text-right", children: [
+                  /* @__PURE__ */ jsx154(
                     "button",
                     {
                       type: "button",
                       onClick: onDecrement,
                       className: "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": "Decrement",
-                      children: /* @__PURE__ */ jsx153(Minus3, { size: 16, strokeWidth: 3, "aria-hidden": true })
+                      children: /* @__PURE__ */ jsx154(Minus3, { size: 16, strokeWidth: 3, "aria-hidden": true })
                     }
                   ),
-                  /* @__PURE__ */ jsx153(
+                  /* @__PURE__ */ jsx154(
                     "button",
                     {
                       type: "button",
                       onClick: onIncrement,
                       className: "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": "Increment",
-                      children: /* @__PURE__ */ jsx153(Plus2, { size: 16, strokeWidth: 3, "aria-hidden": true })
+                      children: /* @__PURE__ */ jsx154(Plus2, { size: 16, strokeWidth: 3, "aria-hidden": true })
                     }
                   )
                 ] })
               ]
             }
           ),
-          !errorMessage && optional && /* @__PURE__ */ jsx153(
+          !errorMessage && optional && /* @__PURE__ */ jsx154(
             "span",
             {
               "data-testid": `${name}-optional`,
@@ -13733,8 +13833,8 @@ var DashboardInput = React54.forwardRef(
               children: typeof optional === "string" ? optional : t("optional")
             }
           ),
-          !errorMessage && helperText && /* @__PURE__ */ jsx153("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText }),
-          errorMessage && renderErrorMessage && /* @__PURE__ */ jsx153(
+          !errorMessage && helperText && /* @__PURE__ */ jsx154("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText }),
+          errorMessage && renderErrorMessage && /* @__PURE__ */ jsx154(
             FieldErrorMessage,
             {
               id: errorId,
@@ -13752,12 +13852,12 @@ var DashboardInput = React54.forwardRef(
 DashboardInput.displayName = "DashboardInput";
 
 // src/dashboard/select/Select.tsx
-import * as React58 from "react";
+import * as React59 from "react";
 import { useTranslation as useTranslation30 } from "react-i18next";
 
 // src/dashboard/_select-internals/SelectFieldShell.tsx
 import { useTranslation as useTranslation27 } from "react-i18next";
-import { jsx as jsx154, jsxs as jsxs98 } from "react/jsx-runtime";
+import { jsx as jsx155, jsxs as jsxs99 } from "react/jsx-runtime";
 function SelectFieldShell({
   containerRef,
   className,
@@ -13778,7 +13878,7 @@ function SelectFieldShell({
 }) {
   const { t } = useTranslation27();
   const wrapperWidth = toCssSize(width);
-  return /* @__PURE__ */ jsxs98(
+  return /* @__PURE__ */ jsxs99(
     "div",
     {
       ref: containerRef,
@@ -13791,9 +13891,9 @@ function SelectFieldShell({
       ),
       style: wrapperWidth ? { width: wrapperWidth } : void 0,
       children: [
-        name && /* @__PURE__ */ jsx154("input", { type: "hidden", name, value: hiddenValue ?? "" }),
-        /* @__PURE__ */ jsxs98("div", { className: "relative min-h-[68px] w-full", children: [
-          topLabel && /* @__PURE__ */ jsx154(
+        name && /* @__PURE__ */ jsx155("input", { type: "hidden", name, value: hiddenValue ?? "" }),
+        /* @__PURE__ */ jsxs99("div", { className: "relative min-h-[68px] w-full", children: [
+          topLabel && /* @__PURE__ */ jsx155(
             "label",
             {
               htmlFor: triggerId,
@@ -13801,10 +13901,10 @@ function SelectFieldShell({
               children: topLabel
             }
           ),
-          /* @__PURE__ */ jsx154("div", { className: "relative w-full", children }),
-          !errorMessage && optional && /* @__PURE__ */ jsx154("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
-          !errorMessage && helperText && /* @__PURE__ */ jsx154("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText }),
-          errorMessage && !hideErrorMessage && /* @__PURE__ */ jsx154(
+          /* @__PURE__ */ jsx155("div", { className: "relative w-full", children }),
+          !errorMessage && optional && /* @__PURE__ */ jsx155("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
+          !errorMessage && helperText && /* @__PURE__ */ jsx155("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText }),
+          errorMessage && !hideErrorMessage && /* @__PURE__ */ jsx155(
             FieldErrorMessage,
             {
               id: errorId,
@@ -13850,7 +13950,7 @@ function isOptionSelected(option, selectedValue, selectedValues) {
 }
 
 // src/dashboard/_select-internals/SelectMenu.tsx
-import { jsx as jsx155, jsxs as jsxs99 } from "react/jsx-runtime";
+import { jsx as jsx156, jsxs as jsxs100 } from "react/jsx-runtime";
 function SelectMenu({
   id,
   options,
@@ -13875,7 +13975,7 @@ function SelectMenu({
   const { t } = useTranslation28();
   const emptyMessage = noOptionsMessage?.() ?? t("no_options");
   const hasOptions = options.length > 0;
-  return /* @__PURE__ */ jsxs99(
+  return /* @__PURE__ */ jsxs100(
     "div",
     {
       id,
@@ -13892,13 +13992,13 @@ function SelectMenu({
         menuClassName
       ),
       children: [
-        !hasOptions && (emptyContent ?? /* @__PURE__ */ jsx155("div", { className: "mt-[10px] text-left text-[16px] text-[var(--chekin-color-brand-navy)]", children: emptyMessage })),
+        !hasOptions && (emptyContent ?? /* @__PURE__ */ jsx156("div", { className: "mt-[10px] text-left text-[16px] text-[var(--chekin-color-brand-navy)]", children: emptyMessage })),
         options.map((option, index) => {
           const isSelected = isOptionSelected(option, selectedValue, selectedValues);
           const isHighlighted = index === highlightedIndex;
           const optionKey = `${String(option.value)}-${index}`;
           const isOptionDisabled = Boolean(disabled || option.isDisabled);
-          return /* @__PURE__ */ jsxs99(
+          return /* @__PURE__ */ jsxs100(
             "button",
             {
               id: getOptionId2(index),
@@ -13921,8 +14021,8 @@ function SelectMenu({
                 isOptionDisabled && "cursor-default opacity-30"
               ),
               children: [
-                /* @__PURE__ */ jsx155("span", { className: "block break-words", children: option.label }),
-                option.description && /* @__PURE__ */ jsx155("span", { className: "ml-2 mt-[3px] shrink-0 text-[12px] font-bold italic text-[#777e91]", children: option.description })
+                /* @__PURE__ */ jsx156("span", { className: "block break-words", children: option.label }),
+                option.description && /* @__PURE__ */ jsx156("span", { className: "ml-2 mt-[3px] shrink-0 text-[12px] font-bold italic text-[#777e91]", children: option.description })
               ]
             },
             optionKey
@@ -13936,7 +14036,7 @@ function SelectMenu({
 
 // src/dashboard/_select-internals/SelectMenuPanel.tsx
 import { useTranslation as useTranslation29 } from "react-i18next";
-import { jsx as jsx156, jsxs as jsxs100 } from "react/jsx-runtime";
+import { jsx as jsx157, jsxs as jsxs101 } from "react/jsx-runtime";
 function SelectMenuPanel({
   isOpen,
   isMobile: isMobile2,
@@ -13954,23 +14054,23 @@ function SelectMenuPanel({
     const fallbackTitle = t("select_option");
     const titleText = typeof title === "string" || typeof title === "number" ? String(title) : fallbackTitle;
     const descriptionText = typeof description === "string" || typeof description === "number" ? String(description) : titleText;
-    return /* @__PURE__ */ jsx156(
+    return /* @__PURE__ */ jsx157(
       Drawer,
       {
         open: isOpen,
         onOpenChange: (next) => {
           if (!next) onClose();
         },
-        children: /* @__PURE__ */ jsxs100(
+        children: /* @__PURE__ */ jsxs101(
           DrawerContent,
           {
             onClose,
             lockScroll: false,
             className: cn("max-h-[calc(100vh-1rem)]", drawerClassName),
             children: [
-              /* @__PURE__ */ jsx156(DrawerTitle, { className: "sr-only", children: titleText }),
-              /* @__PURE__ */ jsx156(DrawerDescription, { className: "sr-only", children: descriptionText }),
-              /* @__PURE__ */ jsx156(
+              /* @__PURE__ */ jsx157(DrawerTitle, { className: "sr-only", children: titleText }),
+              /* @__PURE__ */ jsx157(DrawerDescription, { className: "sr-only", children: descriptionText }),
+              /* @__PURE__ */ jsx157(
                 "div",
                 {
                   className: cn(
@@ -13986,7 +14086,7 @@ function SelectMenuPanel({
       }
     );
   }
-  return /* @__PURE__ */ jsx156(
+  return /* @__PURE__ */ jsx157(
     "div",
     {
       className: cn(
@@ -13999,7 +14099,7 @@ function SelectMenuPanel({
 }
 
 // src/dashboard/_select-internals/SelectSearchInput.tsx
-import { jsx as jsx157 } from "react/jsx-runtime";
+import { jsx as jsx158 } from "react/jsx-runtime";
 function SelectSearchInput({
   inputRef,
   value,
@@ -14009,7 +14109,7 @@ function SelectSearchInput({
   onChange,
   onKeyDown
 }) {
-  return /* @__PURE__ */ jsx157("div", { className: "border-b border-[#f2f4f8] px-4 pb-2 pt-3", children: /* @__PURE__ */ jsx157(
+  return /* @__PURE__ */ jsx158("div", { className: "border-b border-[#f2f4f8] px-4 pb-2 pt-3", children: /* @__PURE__ */ jsx158(
     "input",
     {
       ref: inputRef,
@@ -14028,7 +14128,7 @@ function SelectSearchInput({
 
 // src/dashboard/_select-internals/SelectTrigger.tsx
 import { ChevronDown as ChevronDown4 } from "lucide-react";
-import { jsx as jsx158, jsxs as jsxs101 } from "react/jsx-runtime";
+import { jsx as jsx159, jsxs as jsxs102 } from "react/jsx-runtime";
 function SelectTrigger3({
   triggerRef,
   triggerId,
@@ -14049,7 +14149,7 @@ function SelectTrigger3({
   onBlur
 }) {
   const isEmpty = !hasValue;
-  return /* @__PURE__ */ jsxs101(
+  return /* @__PURE__ */ jsxs102(
     "button",
     {
       id: triggerId,
@@ -14073,10 +14173,10 @@ function SelectTrigger3({
         loading && "cursor-progress"
       ),
       children: [
-        /* @__PURE__ */ jsx158("span", { id: valueId, className: "block min-w-0 flex-1 truncate text-left", children: valueLabel ?? (isOpen ? placeholder : null) }),
-        /* @__PURE__ */ jsxs101("span", { className: "pointer-events-none flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: [
-          loading && /* @__PURE__ */ jsx158(ThreeDotsLoader, { height: 18, width: 18 }),
-          /* @__PURE__ */ jsx158(
+        /* @__PURE__ */ jsx159("span", { id: valueId, className: "block min-w-0 flex-1 truncate text-left", children: valueLabel ?? (isOpen ? placeholder : null) }),
+        /* @__PURE__ */ jsxs102("span", { className: "pointer-events-none flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: [
+          loading && /* @__PURE__ */ jsx159(ThreeDotsLoader, { height: 18, width: 18 }),
+          /* @__PURE__ */ jsx159(
             ChevronDown4,
             {
               size: 16,
@@ -14093,14 +14193,14 @@ function SelectTrigger3({
 }
 
 // src/dashboard/_select-internals/useSelectIds.ts
-import * as React55 from "react";
+import * as React56 from "react";
 function useSelectIds2({
   name,
   hasValue,
   error,
   hideErrorMessage
 }) {
-  const reactId = React55.useId().replace(/:/g, "");
+  const reactId = React56.useId().replace(/:/g, "");
   const baseId = name ? `dash-select-${name}` : `dash-select-${reactId}`;
   const triggerId = `${baseId}-trigger`;
   const labelId = `${baseId}-label`;
@@ -14110,7 +14210,7 @@ function useSelectIds2({
   const listboxId = `${baseId}-listbox`;
   const describedErrorId = error && !hideErrorMessage ? errorId : void 0;
   const describedBy = [!hasValue ? helperTextId : null, describedErrorId].filter(Boolean).join(" ") || void 0;
-  const getOptionId2 = React55.useCallback(
+  const getOptionId2 = React56.useCallback(
     (index) => `${baseId}-option-${index}`,
     [baseId]
   );
@@ -14128,21 +14228,21 @@ function useSelectIds2({
 }
 
 // src/dashboard/_select-internals/useSelectMenuState.ts
-import * as React56 from "react";
+import * as React57 from "react";
 function useSelectMenuState({
   isBlocked,
   isMobile: isMobile2,
   onOutsideClick
 }) {
-  const containerRef = React56.useRef(null);
-  const [isOpen, setIsOpen] = React56.useState(false);
-  const openMenu = React56.useCallback(() => {
+  const containerRef = React57.useRef(null);
+  const [isOpen, setIsOpen] = React57.useState(false);
+  const openMenu = React57.useCallback(() => {
     setIsOpen(true);
   }, []);
-  const closeMenu = React56.useCallback(() => {
+  const closeMenu = React57.useCallback(() => {
     setIsOpen(false);
   }, []);
-  const toggleMenu = React56.useCallback(() => {
+  const toggleMenu = React57.useCallback(() => {
     if (isBlocked) return;
     setIsOpen((prev) => !prev);
   }, [isBlocked]);
@@ -14154,30 +14254,30 @@ function useSelectMenuState({
     },
     isDisabled: !isOpen || isMobile2
   });
-  React56.useEffect(() => {
+  React57.useEffect(() => {
     if (isBlocked) setIsOpen(false);
   }, [isBlocked]);
   return { containerRef, isOpen, openMenu, closeMenu, toggleMenu, setIsOpen };
 }
 
 // src/dashboard/_select-internals/useSelectSearch.ts
-import * as React57 from "react";
+import * as React58 from "react";
 function useSelectSearch({
   options,
   searchable = true,
   filterOption = defaultFilterOption
 }) {
-  const [searchValue, setSearchValue] = React57.useState("");
-  const filteredOptions = React57.useMemo(() => {
+  const [searchValue, setSearchValue] = React58.useState("");
+  const filteredOptions = React58.useMemo(() => {
     if (!searchable || !searchValue) return options;
     return options.filter((option) => filterOption(option, searchValue));
   }, [options, searchable, searchValue, filterOption]);
-  const clearSearch = React57.useCallback(() => setSearchValue(""), []);
+  const clearSearch = React58.useCallback(() => setSearchValue(""), []);
   return { searchValue, setSearchValue, filteredOptions, clearSearch };
 }
 
 // src/dashboard/select/Select.tsx
-import { jsx as jsx159, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx160, jsxs as jsxs103 } from "react/jsx-runtime";
 function DashboardSelectInternal({
   options = [],
   value,
@@ -14206,11 +14306,11 @@ function DashboardSelectInternal({
   filterOption,
   helperText
 }, ref) {
-  const triggerRef = React58.useRef(null);
-  const searchInputRef = React58.useRef(null);
-  const listRef = React58.useRef(null);
-  const optionRefs = React58.useRef([]);
-  const [highlightedIndex, setHighlightedIndex] = React58.useState(-1);
+  const triggerRef = React59.useRef(null);
+  const searchInputRef = React59.useRef(null);
+  const listRef = React59.useRef(null);
+  const optionRefs = React59.useRef([]);
+  const [highlightedIndex, setHighlightedIndex] = React59.useState(-1);
   const isMobile2 = useIsMobile();
   const { t } = useTranslation30();
   const resolvedSearchPlaceholder = searchPlaceholder ?? t("search_placeholder");
@@ -14230,8 +14330,8 @@ function DashboardSelectInternal({
     searchable,
     filterOption
   });
-  React58.useImperativeHandle(ref, () => triggerRef.current, []);
-  React58.useEffect(() => {
+  React59.useImperativeHandle(ref, () => triggerRef.current, []);
+  React59.useEffect(() => {
     if (!isOpen) {
       setSearchValue("");
       setHighlightedIndex(-1);
@@ -14246,11 +14346,11 @@ function DashboardSelectInternal({
       return () => window.cancelAnimationFrame(frame);
     }
   }, [isOpen, filteredOptions, searchable, value, setSearchValue]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (!isOpen || highlightedIndex < 0) return;
     optionRefs.current[highlightedIndex]?.scrollIntoView({ block: "nearest" });
   }, [highlightedIndex, isOpen]);
-  React58.useEffect(
+  React59.useEffect(
     function setCorrectOptionIfThereIsOnlyValue() {
       if (value?.value === void 0 || value.value === null || value.label !== "")
         return;
@@ -14301,7 +14401,7 @@ function DashboardSelectInternal({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ jsxs102(
+  return /* @__PURE__ */ jsxs103(
     SelectFieldShell,
     {
       containerRef,
@@ -14319,7 +14419,7 @@ function DashboardSelectInternal({
       name,
       hiddenValue: value ? String(value.value) : "",
       children: [
-        /* @__PURE__ */ jsx159(
+        /* @__PURE__ */ jsx160(
           SelectTrigger3,
           {
             triggerRef,
@@ -14341,7 +14441,7 @@ function DashboardSelectInternal({
             onBlur
           }
         ),
-        /* @__PURE__ */ jsx159(
+        /* @__PURE__ */ jsx160(
           Fieldset,
           {
             isFocused: isOpen,
@@ -14358,7 +14458,7 @@ function DashboardSelectInternal({
             onClick: !isBlocked ? toggleMenu : void 0
           }
         ),
-        /* @__PURE__ */ jsxs102(
+        /* @__PURE__ */ jsxs103(
           SelectMenuPanel,
           {
             isOpen,
@@ -14368,7 +14468,7 @@ function DashboardSelectInternal({
             className: dropdownClassName,
             drawerClassName,
             children: [
-              searchable && /* @__PURE__ */ jsx159(
+              searchable && /* @__PURE__ */ jsx160(
                 SelectSearchInput,
                 {
                   inputRef: searchInputRef,
@@ -14380,7 +14480,7 @@ function DashboardSelectInternal({
                   onKeyDown: handleSearchKeyDown
                 }
               ),
-              /* @__PURE__ */ jsx159(
+              /* @__PURE__ */ jsx160(
                 SelectMenu,
                 {
                   id: listboxId,
@@ -14408,19 +14508,19 @@ function DashboardSelectInternal({
     }
   );
 }
-var DashboardSelect = React58.forwardRef(
+var DashboardSelect = React59.forwardRef(
   DashboardSelectInternal
 );
 
 // src/dashboard/multi-select/MultiSelect.tsx
-import * as React59 from "react";
+import * as React60 from "react";
 import { SquareX as SquareX3 } from "lucide-react";
 import { useTranslation as useTranslation32 } from "react-i18next";
 
 // src/dashboard/multi-select/MultiSelectChip.tsx
 import { SquareX as SquareX2 } from "lucide-react";
 import { useTranslation as useTranslation31 } from "react-i18next";
-import { jsx as jsx160, jsxs as jsxs103 } from "react/jsx-runtime";
+import { jsx as jsx161, jsxs as jsxs104 } from "react/jsx-runtime";
 function MultiSelectChip({
   option,
   readOnly,
@@ -14428,9 +14528,9 @@ function MultiSelectChip({
 }) {
   const { t } = useTranslation31();
   const labelText = typeof option.label === "string" ? option.label : String(option.value);
-  return /* @__PURE__ */ jsxs103("span", { className: "inline-flex items-center gap-2 rounded-[4px] border border-[#acacd5] bg-[#f0f0f8] py-[2px] pl-[10px] pr-1 text-[12px] font-medium text-[var(--chekin-color-brand-navy)]", children: [
-    /* @__PURE__ */ jsx160("span", { className: "whitespace-nowrap", children: option.label }),
-    !readOnly && /* @__PURE__ */ jsx160(
+  return /* @__PURE__ */ jsxs104("span", { className: "inline-flex items-center gap-2 rounded-[4px] border border-[#acacd5] bg-[#f0f0f8] py-[2px] pl-[10px] pr-1 text-[12px] font-medium text-[var(--chekin-color-brand-navy)]", children: [
+    /* @__PURE__ */ jsx161("span", { className: "whitespace-nowrap", children: option.label }),
+    !readOnly && /* @__PURE__ */ jsx161(
       "button",
       {
         type: "button",
@@ -14440,14 +14540,14 @@ function MultiSelectChip({
         },
         className: "flex h-[15px] w-[15px] items-center justify-center rounded-[3px] border-0 bg-transparent p-0 text-[#9696b9] hover:shadow-[0_3px_3px_#0f477734]",
         "aria-label": t("remove_item", { label: labelText }),
-        children: /* @__PURE__ */ jsx160(SquareX2, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
+        children: /* @__PURE__ */ jsx161(SquareX2, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
       }
     )
   ] });
 }
 
 // src/dashboard/multi-select/MultiSelect.tsx
-import { jsx as jsx161, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx162, jsxs as jsxs105 } from "react/jsx-runtime";
 var isValueSelected = (selected, option) => selected.some((item) => item.value === option.value);
 function DashboardMultiSelectInternal({
   options = [],
@@ -14481,15 +14581,15 @@ function DashboardMultiSelectInternal({
   formatCreateLabel = (input) => `Create "${input}"`,
   isValidNewOption
 }, ref) {
-  const inputRef = React59.useRef(null);
-  const mobileSearchInputRef = React59.useRef(null);
-  const listRef = React59.useRef(null);
-  const optionRefs = React59.useRef([]);
-  const [isFocused, setIsFocused] = React59.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React59.useState(-1);
+  const inputRef = React60.useRef(null);
+  const mobileSearchInputRef = React60.useRef(null);
+  const listRef = React60.useRef(null);
+  const optionRefs = React60.useRef([]);
+  const [isFocused, setIsFocused] = React60.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React60.useState(-1);
   const isMobile2 = useIsMobile();
   const { t } = useTranslation32();
-  const selectedValues = React59.useMemo(() => value ?? [], [value]);
+  const selectedValues = React60.useMemo(() => value ?? [], [value]);
   const hasValue = selectedValues.length > 0;
   const isEmpty = !hasValue;
   const isBlocked = Boolean(disabled) || Boolean(loading) || Boolean(readOnly);
@@ -14507,7 +14607,7 @@ function DashboardMultiSelectInternal({
     filterOption
   });
   const trimmedSearch = searchValue.trim();
-  const canCreateNewOption = React59.useMemo(() => {
+  const canCreateNewOption = React60.useMemo(() => {
     if (!isCreatable || !trimmedSearch) return false;
     if (isValidNewOption) return isValidNewOption(trimmedSearch, selectedValues, options);
     const lower = trimmedSearch.toLowerCase();
@@ -14519,17 +14619,17 @@ function DashboardMultiSelectInternal({
     );
     return !existsInOptions && !existsInSelected;
   }, [isCreatable, trimmedSearch, isValidNewOption, options, selectedValues]);
-  React59.useImperativeHandle(
+  React60.useImperativeHandle(
     ref,
     () => containerRef.current
   );
-  React59.useEffect(() => {
+  React60.useEffect(() => {
     if (!isOpen) {
       clearSearch();
       setHighlightedIndex(-1);
     }
   }, [isOpen, clearSearch]);
-  React59.useEffect(() => {
+  React60.useEffect(() => {
     if (!isOpen || filteredOptions.length === 0) {
       setHighlightedIndex(-1);
       return;
@@ -14539,7 +14639,7 @@ function DashboardMultiSelectInternal({
       return getFirstEnabledOptionIndex2(filteredOptions);
     });
   }, [isOpen, filteredOptions]);
-  React59.useEffect(() => {
+  React60.useEffect(() => {
     if (!isOpen || !isMobile2) return;
     const frame = window.requestAnimationFrame(
       () => mobileSearchInputRef.current?.focus()
@@ -14573,7 +14673,7 @@ function DashboardMultiSelectInternal({
     onChange([]);
     inputRef.current?.focus();
   };
-  const createOption = React59.useCallback(() => {
+  const createOption = React60.useCallback(() => {
     if (!canCreateNewOption) return;
     const newOption = onCreateOption?.(trimmedSearch) ?? { value: trimmedSearch, label: trimmedSearch };
     onChange([...selectedValues, newOption]);
@@ -14642,7 +14742,7 @@ function DashboardMultiSelectInternal({
     setIsFocused(false);
     onBlur?.(event);
   };
-  return /* @__PURE__ */ jsxs104(
+  return /* @__PURE__ */ jsxs105(
     SelectFieldShell,
     {
       containerRef,
@@ -14661,7 +14761,7 @@ function DashboardMultiSelectInternal({
       hiddenValue: selectedValues.map((item) => String(item.value)).join(","),
       onBlur: handleInputBlur,
       children: [
-        /* @__PURE__ */ jsxs104(
+        /* @__PURE__ */ jsxs105(
           "div",
           {
             id: triggerId,
@@ -14684,7 +14784,7 @@ function DashboardMultiSelectInternal({
             ),
             children: [
               selectedValues.map(
-                (option) => renderChip ? /* @__PURE__ */ jsx161(React59.Fragment, { children: renderChip(option, () => removeOption(option)) }, String(option.value)) : /* @__PURE__ */ jsx161(
+                (option) => renderChip ? /* @__PURE__ */ jsx162(React60.Fragment, { children: renderChip(option, () => removeOption(option)) }, String(option.value)) : /* @__PURE__ */ jsx162(
                   MultiSelectChip,
                   {
                     option,
@@ -14694,7 +14794,7 @@ function DashboardMultiSelectInternal({
                   String(option.value)
                 )
               ),
-              /* @__PURE__ */ jsx161(
+              /* @__PURE__ */ jsx162(
                 "input",
                 {
                   ref: inputRef,
@@ -14723,9 +14823,9 @@ function DashboardMultiSelectInternal({
                   "aria-activedescendant": isOpen && highlightedIndex >= 0 ? getOptionId2(highlightedIndex) : void 0
                 }
               ),
-              /* @__PURE__ */ jsxs104("span", { className: "ml-auto flex items-center gap-2 pl-2 text-[var(--chekin-color-gray-2)]", children: [
-                loading && /* @__PURE__ */ jsx161(ThreeDotsLoader, { height: 18, width: 18 }),
-                hasValue && !readOnly && /* @__PURE__ */ jsx161(
+              /* @__PURE__ */ jsxs105("span", { className: "ml-auto flex items-center gap-2 pl-2 text-[var(--chekin-color-gray-2)]", children: [
+                loading && /* @__PURE__ */ jsx162(ThreeDotsLoader, { height: 18, width: 18 }),
+                hasValue && !readOnly && /* @__PURE__ */ jsx162(
                   "button",
                   {
                     type: "button",
@@ -14735,10 +14835,10 @@ function DashboardMultiSelectInternal({
                     },
                     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": t("clear_all"),
-                    children: /* @__PURE__ */ jsx161(SquareX3, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
+                    children: /* @__PURE__ */ jsx162(SquareX3, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
                   }
                 ),
-                /* @__PURE__ */ jsx161(
+                /* @__PURE__ */ jsx162(
                   RotateArrow,
                   {
                     shouldRotate: isOpen,
@@ -14751,7 +14851,7 @@ function DashboardMultiSelectInternal({
             ]
           }
         ),
-        /* @__PURE__ */ jsx161(
+        /* @__PURE__ */ jsx162(
           Fieldset,
           {
             isFocused: isFocused || isOpen,
@@ -14769,7 +14869,7 @@ function DashboardMultiSelectInternal({
             onClick: handleContainerClick
           }
         ),
-        /* @__PURE__ */ jsxs104(
+        /* @__PURE__ */ jsxs105(
           SelectMenuPanel,
           {
             isOpen,
@@ -14782,7 +14882,7 @@ function DashboardMultiSelectInternal({
             className: dropdownClassName,
             drawerClassName,
             children: [
-              isMobile2 && /* @__PURE__ */ jsx161("div", { className: "border-b border-[#f2f4f8] px-4 pb-2 pt-3", children: /* @__PURE__ */ jsx161(
+              isMobile2 && /* @__PURE__ */ jsx162("div", { className: "border-b border-[#f2f4f8] px-4 pb-2 pt-3", children: /* @__PURE__ */ jsx162(
                 "input",
                 {
                   ref: mobileSearchInputRef,
@@ -14797,7 +14897,7 @@ function DashboardMultiSelectInternal({
                   className: "m-0 box-border h-9 w-full rounded-md border border-[var(--chekin-color-gray-3)] bg-white px-3 text-[16px] font-medium text-[var(--chekin-color-brand-navy)] outline-none transition-colors placeholder:text-[var(--chekin-color-gray-1)] focus:border-[var(--chekin-color-brand-blue)]"
                 }
               ) }),
-              /* @__PURE__ */ jsx161(
+              /* @__PURE__ */ jsx162(
                 SelectMenu,
                 {
                   id: listboxId,
@@ -14819,7 +14919,7 @@ function DashboardMultiSelectInternal({
                   isMulti: true
                 }
               ),
-              canCreateNewOption && /* @__PURE__ */ jsx161(
+              canCreateNewOption && /* @__PURE__ */ jsx162(
                 "button",
                 {
                   type: "button",
@@ -14835,26 +14935,26 @@ function DashboardMultiSelectInternal({
     }
   );
 }
-var DashboardMultiSelect = React59.forwardRef(
+var DashboardMultiSelect = React60.forwardRef(
   DashboardMultiSelectInternal
 );
 
 // src/dashboard/creatable-multi-select/CreatableMultiSelect.tsx
-import * as React60 from "react";
-import { jsx as jsx162 } from "react/jsx-runtime";
-var DashboardCreatableMultiSelect = React60.forwardRef(
+import * as React61 from "react";
+import { jsx as jsx163 } from "react/jsx-runtime";
+var DashboardCreatableMultiSelect = React61.forwardRef(
   function DashboardCreatableMultiSelect2(props, ref) {
-    return /* @__PURE__ */ jsx162(DashboardMultiSelect, { ref, ...props, isCreatable: true });
+    return /* @__PURE__ */ jsx163(DashboardMultiSelect, { ref, ...props, isCreatable: true });
   }
 );
 
 // src/dashboard/infinite-scroll-select/InfiniteScrollSelect.tsx
-import * as React61 from "react";
+import * as React62 from "react";
 import { useVirtualizer as useVirtualizer2 } from "@tanstack/react-virtual";
 import { useTranslation as useTranslation33 } from "react-i18next";
 
 // src/dashboard/infinite-scroll-select/InfiniteScrollList.tsx
-import { jsx as jsx163, jsxs as jsxs105 } from "react/jsx-runtime";
+import { jsx as jsx164, jsxs as jsxs106 } from "react/jsx-runtime";
 function InfiniteScrollList({
   scrollRef,
   listboxId,
@@ -14875,13 +14975,13 @@ function InfiniteScrollList({
   onHighlight
 }) {
   const virtualItems = virtualizer.getVirtualItems();
-  return /* @__PURE__ */ jsx163(
+  return /* @__PURE__ */ jsx164(
     "div",
     {
       ref: scrollRef,
       className: cn("overflow-y-auto", menuClassName),
       style: { height: `${height}px` },
-      children: /* @__PURE__ */ jsx163(
+      children: /* @__PURE__ */ jsx164(
         "div",
         {
           id: listboxId,
@@ -14898,7 +14998,7 @@ function InfiniteScrollList({
             const isSelected = !isLoaderRow && option ? option.value === value?.value : false;
             const isHighlighted = virtualItem.index === highlightedIndex;
             const isOptionDisabled = Boolean(isBlocked || option?.isDisabled);
-            return /* @__PURE__ */ jsx163(
+            return /* @__PURE__ */ jsx164(
               "div",
               {
                 "data-index": virtualItem.index,
@@ -14907,10 +15007,10 @@ function InfiniteScrollList({
                   height: `${virtualItem.size}px`,
                   transform: `translateY(${virtualItem.start}px)`
                 },
-                children: isLoaderRow ? /* @__PURE__ */ jsxs105("div", { className: "flex h-full items-center justify-center gap-2 px-4 text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: [
-                  /* @__PURE__ */ jsx163(ThreeDotsLoader, { height: 36, width: 36 }),
-                  /* @__PURE__ */ jsx163("span", { children: loadingMoreText })
-                ] }) : /* @__PURE__ */ jsxs105(
+                children: isLoaderRow ? /* @__PURE__ */ jsxs106("div", { className: "flex h-full items-center justify-center gap-2 px-4 text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: [
+                  /* @__PURE__ */ jsx164(ThreeDotsLoader, { height: 36, width: 36 }),
+                  /* @__PURE__ */ jsx164("span", { children: loadingMoreText })
+                ] }) : /* @__PURE__ */ jsxs106(
                   "button",
                   {
                     id: getOptionId2(virtualItem.index),
@@ -14929,8 +15029,8 @@ function InfiniteScrollList({
                       isOptionDisabled && "cursor-default opacity-30"
                     ),
                     children: [
-                      /* @__PURE__ */ jsx163("span", { className: "block break-words", children: option?.label }),
-                      option?.description && /* @__PURE__ */ jsx163("span", { className: "ml-2 mt-[3px] shrink-0 text-[12px] font-bold italic text-[#777e91]", children: option.description })
+                      /* @__PURE__ */ jsx164("span", { className: "block break-words", children: option?.label }),
+                      option?.description && /* @__PURE__ */ jsx164("span", { className: "ml-2 mt-[3px] shrink-0 text-[12px] font-bold italic text-[#777e91]", children: option.description })
                     ]
                   }
                 )
@@ -14945,7 +15045,7 @@ function InfiniteScrollList({
 }
 
 // src/dashboard/infinite-scroll-select/InfiniteScrollSelect.tsx
-import { jsx as jsx164, jsxs as jsxs106 } from "react/jsx-runtime";
+import { jsx as jsx165, jsxs as jsxs107 } from "react/jsx-runtime";
 var DEFAULT_ITEM_HEIGHT = 60;
 var DEFAULT_LIST_HEIGHT = 322;
 var DEFAULT_OVERSCAN = 5;
@@ -14987,12 +15087,12 @@ function DashboardInfiniteScrollSelectInternal({
   overscan = DEFAULT_OVERSCAN,
   loadMoreThreshold = DEFAULT_LOAD_MORE_THRESHOLD
 }, ref) {
-  const triggerRef = React61.useRef(null);
-  const searchInputRef = React61.useRef(null);
-  const scrollRef = React61.useRef(null);
-  const previousHighlightedIndexRef = React61.useRef(-1);
-  const lastLoadMoreOptionsLengthRef = React61.useRef(null);
-  const [highlightedIndex, setHighlightedIndex] = React61.useState(-1);
+  const triggerRef = React62.useRef(null);
+  const searchInputRef = React62.useRef(null);
+  const scrollRef = React62.useRef(null);
+  const previousHighlightedIndexRef = React62.useRef(-1);
+  const lastLoadMoreOptionsLengthRef = React62.useRef(null);
+  const [highlightedIndex, setHighlightedIndex] = React62.useState(-1);
   const isMobile2 = useIsMobile();
   const { t } = useTranslation33();
   const resolvedSearchPlaceholder = searchPlaceholder ?? t("search_placeholder");
@@ -15020,15 +15120,15 @@ function DashboardInfiniteScrollSelectInternal({
     estimateSize: () => itemHeight,
     overscan
   });
-  React61.useImperativeHandle(ref, () => triggerRef.current, []);
-  React61.useEffect(() => {
+  React62.useImperativeHandle(ref, () => triggerRef.current, []);
+  React62.useEffect(() => {
     if (isOpen) return;
     setSearchValue("");
     setHighlightedIndex(-1);
     previousHighlightedIndexRef.current = -1;
     lastLoadMoreOptionsLengthRef.current = null;
   }, [isOpen, setSearchValue]);
-  React61.useEffect(() => {
+  React62.useEffect(() => {
     if (!isOpen) return;
     setHighlightedIndex((current) => {
       const option = current >= 0 ? filteredOptions[current] : void 0;
@@ -15037,13 +15137,13 @@ function DashboardInfiniteScrollSelectInternal({
       return selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex2(filteredOptions);
     });
   }, [isOpen, filteredOptions, value]);
-  React61.useEffect(() => {
+  React62.useEffect(() => {
     if (!isOpen || !searchable) return;
     const frame = window.requestAnimationFrame(() => searchInputRef.current?.focus());
     return () => window.cancelAnimationFrame(frame);
   }, [isOpen, searchable]);
   const virtualItems = virtualizer.getVirtualItems();
-  React61.useEffect(() => {
+  React62.useEffect(() => {
     if (!isOpen || !canLoadMore || isLoadingMore || !loadMoreItems) return;
     if (virtualItems.length === 0) return;
     const lastItem = virtualItems[virtualItems.length - 1];
@@ -15060,7 +15160,7 @@ function DashboardInfiniteScrollSelectInternal({
     loadMoreThreshold,
     virtualItems
   ]);
-  React61.useEffect(() => {
+  React62.useEffect(() => {
     const changed = previousHighlightedIndexRef.current !== highlightedIndex;
     previousHighlightedIndexRef.current = highlightedIndex;
     if (!isOpen || highlightedIndex < 0 || !changed) return;
@@ -15118,7 +15218,7 @@ function DashboardInfiniteScrollSelectInternal({
   const totalSize = virtualizer.getTotalSize();
   const measuredListHeight = Math.min(listHeight, Math.max(totalSize, itemHeight));
   const activeOptionId = highlightedIndex >= 0 ? getOptionId2(highlightedIndex) : void 0;
-  return /* @__PURE__ */ jsxs106(
+  return /* @__PURE__ */ jsxs107(
     SelectFieldShell,
     {
       containerRef,
@@ -15136,7 +15236,7 @@ function DashboardInfiniteScrollSelectInternal({
       name,
       hiddenValue: value ? String(value.value) : "",
       children: [
-        /* @__PURE__ */ jsx164(
+        /* @__PURE__ */ jsx165(
           SelectTrigger3,
           {
             triggerRef,
@@ -15158,7 +15258,7 @@ function DashboardInfiniteScrollSelectInternal({
             onBlur
           }
         ),
-        /* @__PURE__ */ jsx164(
+        /* @__PURE__ */ jsx165(
           Fieldset,
           {
             isFocused: isOpen,
@@ -15175,7 +15275,7 @@ function DashboardInfiniteScrollSelectInternal({
             onClick: !isBlocked ? toggleMenu : void 0
           }
         ),
-        /* @__PURE__ */ jsxs106(
+        /* @__PURE__ */ jsxs107(
           SelectMenuPanel,
           {
             isOpen,
@@ -15185,7 +15285,7 @@ function DashboardInfiniteScrollSelectInternal({
             className: dropdownClassName,
             drawerClassName,
             children: [
-              searchable && /* @__PURE__ */ jsx164(
+              searchable && /* @__PURE__ */ jsx165(
                 SelectSearchInput,
                 {
                   inputRef: searchInputRef,
@@ -15197,10 +15297,10 @@ function DashboardInfiniteScrollSelectInternal({
                   onKeyDown: handleSearchKeyDown
                 }
               ),
-              filteredOptions.length === 0 && isLoadingMore ? /* @__PURE__ */ jsxs106("div", { className: "flex items-center justify-center gap-2 px-4 py-[20px] text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: [
-                /* @__PURE__ */ jsx164(ThreeDotsLoader, { height: 18, width: 18 }),
-                /* @__PURE__ */ jsx164("span", { children: resolvedLoadingMoreText })
-              ] }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsx164("div", { className: "px-4 py-[20px] text-left text-[16px] text-[var(--chekin-color-brand-navy)]", children: emptyMessage ?? t("no_options") }) : /* @__PURE__ */ jsx164(
+              filteredOptions.length === 0 && isLoadingMore ? /* @__PURE__ */ jsxs107("div", { className: "flex items-center justify-center gap-2 px-4 py-[20px] text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: [
+                /* @__PURE__ */ jsx165(ThreeDotsLoader, { height: 18, width: 18 }),
+                /* @__PURE__ */ jsx165("span", { children: resolvedLoadingMoreText })
+              ] }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsx165("div", { className: "px-4 py-[20px] text-left text-[16px] text-[var(--chekin-color-brand-navy)]", children: emptyMessage ?? t("no_options") }) : /* @__PURE__ */ jsx165(
                 InfiniteScrollList,
                 {
                   scrollRef,
@@ -15229,14 +15329,14 @@ function DashboardInfiniteScrollSelectInternal({
     }
   );
 }
-var DashboardInfiniteScrollSelect = React61.forwardRef(
+var DashboardInfiniteScrollSelect = React62.forwardRef(
   DashboardInfiniteScrollSelectInternal
 );
 
 // src/dashboard/textarea/Textarea.tsx
-import * as React62 from "react";
+import * as React63 from "react";
 import { useTranslation as useTranslation34 } from "react-i18next";
-import { jsx as jsx165, jsxs as jsxs107 } from "react/jsx-runtime";
+import { jsx as jsx166, jsxs as jsxs108 } from "react/jsx-runtime";
 var LINE_HEIGHT = 20;
 var VERTICAL_PADDING = 32;
 function getEmptyState(empty, value, defaultValue) {
@@ -15244,7 +15344,7 @@ function getEmptyState(empty, value, defaultValue) {
   if (value !== void 0) return !String(value);
   return !defaultValue;
 }
-var DashboardTextarea = React62.forwardRef(
+var DashboardTextarea = React63.forwardRef(
   function DashboardTextarea2({
     className,
     textareaClassName,
@@ -15268,15 +15368,15 @@ var DashboardTextarea = React62.forwardRef(
     onInput,
     ...textareaProps
   }, ref) {
-    const innerRef = React62.useRef(null);
+    const innerRef = React63.useRef(null);
     const combinedRef = useCombinedRef(ref, innerRef);
-    const reactId = React62.useId();
+    const reactId = React63.useId();
     const textareaId = id ?? name ?? `dash-textarea-${reactId}`;
     const { t } = useTranslation34();
     const isInvalid = Boolean(invalid || error);
     const isEmpty = getEmptyState(empty, value, defaultValue);
     const isBlocked = Boolean(disabled);
-    const resize = React62.useCallback(() => {
+    const resize = React63.useCallback(() => {
       const el = innerRef.current;
       if (!el || !autosize) return;
       el.style.height = "auto";
@@ -15286,14 +15386,14 @@ var DashboardTextarea = React62.forwardRef(
       el.style.height = `${nextHeight}px`;
       el.style.overflowY = el.scrollHeight > nextHeight ? "auto" : "hidden";
     }, [autosize, maxRows, minRows]);
-    React62.useLayoutEffect(() => {
+    React63.useLayoutEffect(() => {
       resize();
     }, [resize, value]);
     const handleInput = (event) => {
       resize();
       onInput?.(event);
     };
-    return /* @__PURE__ */ jsxs107(
+    return /* @__PURE__ */ jsxs108(
       "div",
       {
         className: cn(
@@ -15303,18 +15403,18 @@ var DashboardTextarea = React62.forwardRef(
           className
         ),
         children: [
-          label && /* @__PURE__ */ jsxs107(
+          label && /* @__PURE__ */ jsxs108(
             "label",
             {
               htmlFor: textareaId,
               className: "mb-2 flex select-none items-center text-[16px] font-medium text-[var(--chekin-color-brand-navy)]",
               children: [
                 label,
-                tooltip && /* @__PURE__ */ jsx165("span", { className: "ml-1 inline-flex", children: /* @__PURE__ */ jsx165(HelpTooltip, { content: tooltip, size: 16 }) })
+                tooltip && /* @__PURE__ */ jsx166("span", { className: "ml-1 inline-flex", children: /* @__PURE__ */ jsx166(HelpTooltip, { content: tooltip, size: 16 }) })
               ]
             }
           ),
-          /* @__PURE__ */ jsx165(
+          /* @__PURE__ */ jsx166(
             "textarea",
             {
               ref: combinedRef,
@@ -15343,7 +15443,7 @@ var DashboardTextarea = React62.forwardRef(
               ...textareaProps
             }
           ),
-          error && /* @__PURE__ */ jsx165(
+          error && /* @__PURE__ */ jsx166(
             FieldErrorMessage,
             {
               id: `${textareaId}-error`,
@@ -15351,8 +15451,8 @@ var DashboardTextarea = React62.forwardRef(
               className: "mt-[1px] text-[14px]"
             }
           ),
-          !error && optional && /* @__PURE__ */ jsx165("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
-          !error && helperText && /* @__PURE__ */ jsx165("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText })
+          !error && optional && /* @__PURE__ */ jsx166("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
+          !error && helperText && /* @__PURE__ */ jsx166("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText })
         ]
       }
     );
@@ -15360,10 +15460,10 @@ var DashboardTextarea = React62.forwardRef(
 );
 
 // src/dashboard/datepicker/Datepicker.tsx
-import * as React63 from "react";
+import * as React64 from "react";
 import { ChevronDown as ChevronDown5 } from "lucide-react";
 import { useTranslation as useTranslation35 } from "react-i18next";
-import { jsx as jsx166, jsxs as jsxs108 } from "react/jsx-runtime";
+import { jsx as jsx167, jsxs as jsxs109 } from "react/jsx-runtime";
 var MONTHS_IN_YEAR2 = 12;
 var DEFAULT_MIN_DATE2 = new Date(1920, 0, 1);
 function getMonthLabels2(locale) {
@@ -15397,7 +15497,7 @@ function dateFromParts(day, monthIndex, year) {
   if (!isValidCalendarDate(yearNum, monthIndex, dayNum)) return null;
   return new Date(yearNum, monthIndex, dayNum);
 }
-var DashboardDatepicker = React63.forwardRef(
+var DashboardDatepicker = React64.forwardRef(
   function DashboardDatepicker2({
     label,
     value,
@@ -15427,14 +15527,14 @@ var DashboardDatepicker = React63.forwardRef(
     maxDate,
     formatValue
   }, ref) {
-    const containerRef = React63.useRef(null);
-    const dayInputRef = React63.useRef(null);
-    const monthInputRef = React63.useRef(null);
-    const monthListRef = React63.useRef(null);
-    const yearInputRef = React63.useRef(null);
-    const mobileTriggerRef = React63.useRef(null);
-    const wheelBaseId = React63.useId();
-    const reactId = React63.useId();
+    const containerRef = React64.useRef(null);
+    const dayInputRef = React64.useRef(null);
+    const monthInputRef = React64.useRef(null);
+    const monthListRef = React64.useRef(null);
+    const yearInputRef = React64.useRef(null);
+    const mobileTriggerRef = React64.useRef(null);
+    const wheelBaseId = React64.useId();
+    const reactId = React64.useId();
     const baseId = name ?? `dash-datepicker-${reactId}`;
     const dayId = `${baseId}-day`;
     const monthId = `${baseId}-month`;
@@ -15442,51 +15542,51 @@ var DashboardDatepicker = React63.forwardRef(
     const labelId = `${baseId}-label`;
     const errorId = `${baseId}-error`;
     const { t } = useTranslation35();
-    const resolvedMonthLabels = React63.useMemo(
+    const resolvedMonthLabels = React64.useMemo(
       () => monthLabels ?? getMonthLabels2(locale),
       [locale, monthLabels]
     );
     const resolvedMonthPlaceholder = monthPlaceholder ?? t("month");
     const resolvedDoneLabel = doneLabel ?? t("done");
     const isControlled = value !== void 0;
-    const initialParts = React63.useMemo(
+    const initialParts = React64.useMemo(
       () => partsFromDate(value ?? defaultValue ?? null),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    const [day, setDay] = React63.useState(initialParts.day);
-    const [monthIndex, setMonthIndex] = React63.useState(
+    const [day, setDay] = React64.useState(initialParts.day);
+    const [monthIndex, setMonthIndex] = React64.useState(
       initialParts.monthIndex
     );
-    const [year, setYear] = React63.useState(initialParts.year);
-    const [isMonthOpen, setIsMonthOpen] = React63.useState(false);
-    const [isWheelOpen, setIsWheelOpen] = React63.useState(false);
-    const [focusedField, setFocusedField] = React63.useState(null);
-    const [monthInputValue, setMonthInputValue] = React63.useState("");
-    const [monthHighlightIndex, setMonthHighlightIndex] = React63.useState(-1);
+    const [year, setYear] = React64.useState(initialParts.year);
+    const [isMonthOpen, setIsMonthOpen] = React64.useState(false);
+    const [isWheelOpen, setIsWheelOpen] = React64.useState(false);
+    const [focusedField, setFocusedField] = React64.useState(null);
+    const [monthInputValue, setMonthInputValue] = React64.useState("");
+    const [monthHighlightIndex, setMonthHighlightIndex] = React64.useState(-1);
     const isMobile2 = useIsMobile();
-    React63.useImperativeHandle(ref, () => dayInputRef.current, []);
-    React63.useEffect(() => {
+    React64.useImperativeHandle(ref, () => dayInputRef.current, []);
+    React64.useEffect(() => {
       if (!isControlled) return;
       const next = partsFromDate(value ?? null);
       setDay(next.day);
       setMonthIndex(next.monthIndex);
       setYear(next.year);
     }, [isControlled, value]);
-    React63.useEffect(() => {
+    React64.useEffect(() => {
       if (focusedField === "month") return;
       setMonthInputValue(
         monthIndex !== null ? resolvedMonthLabels[monthIndex] ?? "" : ""
       );
     }, [monthIndex, resolvedMonthLabels, focusedField]);
-    const filteredMonths = React63.useMemo(() => {
+    const filteredMonths = React64.useMemo(() => {
       const all = resolvedMonthLabels.map((label2, index) => ({ label: label2, index }));
       const query = monthInputValue.trim().toLowerCase();
       const currentLabel = monthIndex !== null ? resolvedMonthLabels[monthIndex] ?? "" : "";
       if (!query || monthInputValue === currentLabel) return all;
       return all.filter((opt) => opt.label.toLowerCase().includes(query));
     }, [monthInputValue, monthIndex, resolvedMonthLabels]);
-    React63.useEffect(() => {
+    React64.useEffect(() => {
       if (!isMonthOpen) {
         setMonthHighlightIndex(-1);
         return;
@@ -15507,7 +15607,7 @@ var DashboardDatepicker = React63.forwardRef(
     const isFocused = focusedField !== null || isMonthOpen || isWheelOpen;
     const isInvalid = Boolean(invalid || error);
     const wrapperWidth = toCssSize(width);
-    const currentDate = React63.useMemo(
+    const currentDate = React64.useMemo(
       () => dateFromParts(day, monthIndex, year),
       [day, monthIndex, year]
     );
@@ -15516,7 +15616,7 @@ var DashboardDatepicker = React63.forwardRef(
       onOutsideClick: () => setIsMonthOpen(false),
       isDisabled: !isMonthOpen || isMobile2
     });
-    const emitChange = React63.useCallback(
+    const emitChange = React64.useCallback(
       (nextDay, nextMonth, nextYear) => {
         if (!onChange) return;
         const date = dateFromParts(nextDay, nextMonth, nextYear);
@@ -15551,7 +15651,7 @@ var DashboardDatepicker = React63.forwardRef(
       setIsMonthOpen(true);
       setMonthHighlightIndex(0);
     };
-    const commitMonthInput = React63.useCallback(() => {
+    const commitMonthInput = React64.useCallback(() => {
       const query = monthInputValue.trim().toLowerCase();
       if (!query) {
         if (monthIndex !== null) {
@@ -15611,15 +15711,15 @@ var DashboardDatepicker = React63.forwardRef(
         setIsMonthOpen(false);
       }
     };
-    const focusDayInput = React63.useCallback(() => {
+    const focusDayInput = React64.useCallback(() => {
       if (isBlocked || readOnly) return;
       dayInputRef.current?.focus();
     }, [isBlocked, readOnly]);
-    const openWheel = React63.useCallback(() => {
+    const openWheel = React64.useCallback(() => {
       if (isBlocked || readOnly) return;
       setIsWheelOpen(true);
     }, [isBlocked, readOnly]);
-    const closeWheel = React63.useCallback(() => {
+    const closeWheel = React64.useCallback(() => {
       setIsWheelOpen(false);
       mobileTriggerRef.current?.focus();
     }, []);
@@ -15632,7 +15732,7 @@ var DashboardDatepicker = React63.forwardRef(
       minDate,
       maxDate
     });
-    const handleWheelDone = React63.useCallback(() => {
+    const handleWheelDone = React64.useCallback(() => {
       const next = wheel.draftDate;
       setDay(String(next.getDate()));
       setMonthIndex(next.getMonth());
@@ -15641,14 +15741,14 @@ var DashboardDatepicker = React63.forwardRef(
       setIsWheelOpen(false);
       mobileTriggerRef.current?.focus();
     }, [name, onChange, wheel.draftDate]);
-    const defaultFormatValue = React63.useCallback(
+    const defaultFormatValue = React64.useCallback(
       (date) => `${date.getDate()} ${resolvedMonthLabels[date.getMonth()]} ${date.getFullYear()}`,
       [resolvedMonthLabels]
     );
     const triggerText = currentDate ? (formatValue ?? defaultFormatValue)(currentDate) : void 0;
     const monthListboxId = `${monthId}-listbox`;
     const getMonthOptionId = (index) => `${monthId}-option-${index}`;
-    const monthPanelContent = filteredMonths.length === 0 ? /* @__PURE__ */ jsx166("div", { className: "px-4 py-3 text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: t("no_options") }) : /* @__PURE__ */ jsx166(
+    const monthPanelContent = filteredMonths.length === 0 ? /* @__PURE__ */ jsx167("div", { className: "px-4 py-3 text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: t("no_options") }) : /* @__PURE__ */ jsx167(
       "ul",
       {
         ref: monthListRef,
@@ -15659,7 +15759,7 @@ var DashboardDatepicker = React63.forwardRef(
         children: filteredMonths.map((option, position) => {
           const isSelected = option.index === monthIndex;
           const isHighlighted = position === monthHighlightIndex;
-          return /* @__PURE__ */ jsx166("li", { role: "presentation", children: /* @__PURE__ */ jsx166(
+          return /* @__PURE__ */ jsx167("li", { role: "presentation", children: /* @__PURE__ */ jsx167(
             "button",
             {
               id: getMonthOptionId(option.index),
@@ -15686,7 +15786,7 @@ var DashboardDatepicker = React63.forwardRef(
       isBlocked && "cursor-not-allowed",
       loading && "cursor-progress"
     );
-    return /* @__PURE__ */ jsx166(
+    return /* @__PURE__ */ jsx167(
       "div",
       {
         ref: containerRef,
@@ -15697,9 +15797,9 @@ var DashboardDatepicker = React63.forwardRef(
           className
         ),
         style: wrapperWidth ? { width: wrapperWidth } : void 0,
-        children: /* @__PURE__ */ jsxs108("div", { className: "relative min-h-[68px] w-full", children: [
-          /* @__PURE__ */ jsxs108("div", { className: "relative w-full", children: [
-            isMobile2 ? /* @__PURE__ */ jsxs108(
+        children: /* @__PURE__ */ jsxs109("div", { className: "relative min-h-[68px] w-full", children: [
+          /* @__PURE__ */ jsxs109("div", { className: "relative w-full", children: [
+            isMobile2 ? /* @__PURE__ */ jsxs109(
               "button",
               {
                 ref: mobileTriggerRef,
@@ -15718,10 +15818,10 @@ var DashboardDatepicker = React63.forwardRef(
                   (isBlocked || readOnly) && "cursor-not-allowed"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx166("span", { className: "block min-w-0 flex-1 truncate text-left", children: triggerText ?? (isWheelOpen ? mobilePlaceholder : null) }),
-                  /* @__PURE__ */ jsxs108("span", { className: "pointer-events-none flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: [
-                    loading && /* @__PURE__ */ jsx166(ThreeDotsLoader, { height: 18, width: 18 }),
-                    /* @__PURE__ */ jsx166(
+                  /* @__PURE__ */ jsx167("span", { className: "block min-w-0 flex-1 truncate text-left", children: triggerText ?? (isWheelOpen ? mobilePlaceholder : null) }),
+                  /* @__PURE__ */ jsxs109("span", { className: "pointer-events-none flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: [
+                    loading && /* @__PURE__ */ jsx167(ThreeDotsLoader, { height: 18, width: 18 }),
+                    /* @__PURE__ */ jsx167(
                       ChevronDown5,
                       {
                         size: 16,
@@ -15734,14 +15834,14 @@ var DashboardDatepicker = React63.forwardRef(
                   ] })
                 ]
               }
-            ) : /* @__PURE__ */ jsxs108(
+            ) : /* @__PURE__ */ jsxs109(
               "div",
               {
                 className: cn(
                   "relative box-border grid h-12 w-full grid-cols-[minmax(0,1fr)_minmax(96px,140px)_minmax(0,1fr)] items-center rounded-[6px] text-[16px] font-medium text-[var(--chekin-color-brand-navy)]"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx166("div", { className: "flex h-full min-w-0 items-center px-2 sm:px-4", children: /* @__PURE__ */ jsx166(
+                  /* @__PURE__ */ jsx167("div", { className: "flex h-full min-w-0 items-center px-2 sm:px-4", children: /* @__PURE__ */ jsx167(
                     "input",
                     {
                       ref: dayInputRef,
@@ -15763,8 +15863,8 @@ var DashboardDatepicker = React63.forwardRef(
                       className: subInputClass
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs108("div", { className: "relative flex h-full min-w-0 items-center gap-1 border-x border-[var(--chekin-color-gray-3)] px-2 sm:px-3", children: [
-                    /* @__PURE__ */ jsx166(
+                  /* @__PURE__ */ jsxs109("div", { className: "relative flex h-full min-w-0 items-center gap-1 border-x border-[var(--chekin-color-gray-3)] px-2 sm:px-3", children: [
+                    /* @__PURE__ */ jsx167(
                       "input",
                       {
                         ref: monthInputRef,
@@ -15807,7 +15907,7 @@ var DashboardDatepicker = React63.forwardRef(
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx166(
+                    /* @__PURE__ */ jsx167(
                       ChevronDown5,
                       {
                         size: 14,
@@ -15824,8 +15924,8 @@ var DashboardDatepicker = React63.forwardRef(
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsxs108("div", { className: "flex h-full min-w-0 items-center px-2 sm:px-4", children: [
-                    /* @__PURE__ */ jsx166(
+                  /* @__PURE__ */ jsxs109("div", { className: "flex h-full min-w-0 items-center px-2 sm:px-4", children: [
+                    /* @__PURE__ */ jsx167(
                       "input",
                       {
                         ref: yearInputRef,
@@ -15847,7 +15947,7 @@ var DashboardDatepicker = React63.forwardRef(
                         className: subInputClass
                       }
                     ),
-                    loading && /* @__PURE__ */ jsx166(
+                    loading && /* @__PURE__ */ jsx167(
                       ThreeDotsLoader,
                       {
                         height: 18,
@@ -15859,7 +15959,7 @@ var DashboardDatepicker = React63.forwardRef(
                 ]
               }
             ),
-            showCoverage && /* @__PURE__ */ jsx166(
+            showCoverage && /* @__PURE__ */ jsx167(
               "div",
               {
                 className: "absolute inset-0 cursor-text rounded-[6px] bg-[var(--chekin-color-surface-input-empty)]",
@@ -15867,7 +15967,7 @@ var DashboardDatepicker = React63.forwardRef(
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ jsx166(
+            /* @__PURE__ */ jsx167(
               Fieldset,
               {
                 isFocused,
@@ -15885,9 +15985,9 @@ var DashboardDatepicker = React63.forwardRef(
                 onClick: isMobile2 ? openWheel : showCoverage ? focusDayInput : void 0
               }
             ),
-            isMonthOpen && !isMobile2 && /* @__PURE__ */ jsx166("div", { className: "absolute left-0 right-0 top-full z-30 mx-auto mt-1 w-full max-w-[260px] overflow-hidden rounded-md bg-white shadow-[0_30px_30px_0_rgba(33,72,255,0.2)] sm:left-1/2 sm:right-auto sm:-translate-x-1/2", children: monthPanelContent })
+            isMonthOpen && !isMobile2 && /* @__PURE__ */ jsx167("div", { className: "absolute left-0 right-0 top-full z-30 mx-auto mt-1 w-full max-w-[260px] overflow-hidden rounded-md bg-white shadow-[0_30px_30px_0_rgba(33,72,255,0.2)] sm:left-1/2 sm:right-auto sm:-translate-x-1/2", children: monthPanelContent })
           ] }),
-          isMobile2 && /* @__PURE__ */ jsx166(
+          isMobile2 && /* @__PURE__ */ jsx167(
             DatePickerContent,
             {
               baseId: wheelBaseId,
@@ -15915,9 +16015,9 @@ var DashboardDatepicker = React63.forwardRef(
               onOptionSelect: wheel.handleOptionSelect
             }
           ),
-          !error && optional && /* @__PURE__ */ jsx166("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
-          !error && helperText && /* @__PURE__ */ jsx166("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText }),
-          error && !hideErrorMessage && /* @__PURE__ */ jsx166(
+          !error && optional && /* @__PURE__ */ jsx167("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
+          !error && helperText && /* @__PURE__ */ jsx167("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText }),
+          error && !hideErrorMessage && /* @__PURE__ */ jsx167(
             FieldErrorMessage,
             {
               id: errorId,
@@ -15932,7 +16032,7 @@ var DashboardDatepicker = React63.forwardRef(
 );
 
 // src/dashboard/date-range-picker/DateRangePicker.tsx
-import * as React67 from "react";
+import * as React68 from "react";
 import { useTranslation as useTranslation36 } from "react-i18next";
 
 // src/dashboard/date-range-picker/isDayBlocked.ts
@@ -16011,7 +16111,7 @@ var createDisabledMatchers = ({
 };
 
 // src/dashboard/date-range-picker/hooks/useRangeValue.ts
-import * as React64 from "react";
+import * as React65 from "react";
 var getRangeKey = (range) => `${range?.from?.getTime() ?? ""}-${range?.to?.getTime() ?? ""}`;
 function useRangeValue({
   value: externalValue,
@@ -16020,10 +16120,10 @@ function useRangeValue({
   name
 }) {
   const isControlled = externalValue !== void 0;
-  const [draft, setDraft] = React64.useState(
+  const [draft, setDraft] = React65.useState(
     isControlled ? externalValue : defaultValue
   );
-  const lastExternalKeyRef = React64.useRef(getRangeKey(externalValue));
+  const lastExternalKeyRef = React65.useRef(getRangeKey(externalValue));
   if (isControlled) {
     const externalKey = getRangeKey(externalValue);
     if (externalKey !== lastExternalKeyRef.current) {
@@ -16031,7 +16131,7 @@ function useRangeValue({
       setDraft(externalValue);
     }
   }
-  const commit = React64.useCallback(
+  const commit = React65.useCallback(
     (next) => {
       setDraft(next);
       if (next === void 0) {
@@ -16046,7 +16146,7 @@ function useRangeValue({
 }
 
 // src/dashboard/date-range-picker/hooks/useRangeTextInputs.ts
-import * as React65 from "react";
+import * as React66 from "react";
 function useRangeTextInputs({
   value,
   format: format2,
@@ -16054,13 +16154,13 @@ function useRangeTextInputs({
   onCommit,
   onBlur
 }) {
-  const [fromText, setFromText] = React65.useState(value?.from ? format2(value.from) : "");
-  const [toText, setToText] = React65.useState(value?.to ? format2(value.to) : "");
-  React65.useEffect(() => {
+  const [fromText, setFromText] = React66.useState(value?.from ? format2(value.from) : "");
+  const [toText, setToText] = React66.useState(value?.to ? format2(value.to) : "");
+  React66.useEffect(() => {
     setFromText(value?.from ? format2(value.from) : "");
     setToText(value?.to ? format2(value.to) : "");
   }, [format2, value?.from, value?.to]);
-  const handleFromBlur = React65.useCallback(() => {
+  const handleFromBlur = React66.useCallback(() => {
     if (!fromText) {
       const next = { from: void 0, to: value?.to };
       onCommit(next);
@@ -16077,7 +16177,7 @@ function useRangeTextInputs({
     setFromText(value?.from ? format2(value.from) : "");
     return void 0;
   }, [format2, fromText, onBlur, onCommit, parse3, value?.from, value?.to]);
-  const handleToBlur = React65.useCallback(() => {
+  const handleToBlur = React66.useCallback(() => {
     if (!toText) {
       const next = { from: value?.from, to: void 0 };
       onCommit(next);
@@ -16104,21 +16204,21 @@ function useRangeTextInputs({
 }
 
 // src/dashboard/date-range-picker/hooks/useRangeMonthSync.ts
-import * as React66 from "react";
+import * as React67 from "react";
 function useRangeMonthSync(value) {
-  const isPreloadedRef = React66.useRef(false);
-  const [month, setMonth] = React66.useState(value?.from ?? /* @__PURE__ */ new Date());
-  React66.useEffect(() => {
+  const isPreloadedRef = React67.useRef(false);
+  const [month, setMonth] = React67.useState(value?.from ?? /* @__PURE__ */ new Date());
+  React67.useEffect(() => {
     if (value?.from && !isPreloadedRef.current) {
       setMonth(value.from);
       isPreloadedRef.current = true;
     }
   }, [value?.from]);
-  const syncMonthToValue = React66.useCallback((next) => {
+  const syncMonthToValue = React67.useCallback((next) => {
     isPreloadedRef.current = true;
     if (next?.from) setMonth(next.from);
   }, []);
-  const resetPreload = React66.useCallback(() => {
+  const resetPreload = React67.useCallback(() => {
     isPreloadedRef.current = false;
   }, []);
   return { month, setMonth, syncMonthToValue, resetPreload };
@@ -16144,7 +16244,7 @@ function resolveRangeSelection({
 
 // src/dashboard/date-range-picker/components/DateRangeInputs.tsx
 import { CalendarDays, SquareX as SquareX4 } from "lucide-react";
-import { jsx as jsx167, jsxs as jsxs109 } from "react/jsx-runtime";
+import { jsx as jsx168, jsxs as jsxs110 } from "react/jsx-runtime";
 var DEFAULT_PLACEHOLDER = "00-00-0000";
 var inputBaseClass = "m-0 box-border h-full w-full min-w-0 border-0 bg-transparent text-[16px] font-medium leading-5 text-[var(--chekin-color-brand-navy)] outline-none placeholder:text-[var(--chekin-color-gray-1)]";
 var iconButtonClass = "flex h-5 w-5 items-center justify-center rounded-[3px] border-0 bg-transparent p-0 text-[#9696b9] outline-none hover:shadow-[0_3px_3px_#0f477734] disabled:cursor-not-allowed";
@@ -16186,7 +16286,7 @@ function DateRangeInputs({
     isBlocked && "cursor-not-allowed",
     loading && "cursor-progress"
   );
-  return /* @__PURE__ */ jsxs109(
+  return /* @__PURE__ */ jsxs110(
     "div",
     {
       className: cn(
@@ -16195,7 +16295,7 @@ function DateRangeInputs({
       ),
       onClick: onRowClick,
       children: [
-        /* @__PURE__ */ jsx167(
+        /* @__PURE__ */ jsx168(
           "input",
           {
             ref: fromInputRef,
@@ -16219,7 +16319,7 @@ function DateRangeInputs({
             )
           }
         ),
-        /* @__PURE__ */ jsx167(
+        /* @__PURE__ */ jsx168(
           "span",
           {
             "aria-hidden": "true",
@@ -16230,7 +16330,7 @@ function DateRangeInputs({
             children: "\u2192"
           }
         ),
-        /* @__PURE__ */ jsx167(
+        /* @__PURE__ */ jsx168(
           "input",
           {
             ref: toInputRef,
@@ -16254,9 +16354,9 @@ function DateRangeInputs({
             )
           }
         ),
-        /* @__PURE__ */ jsxs109("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2 text-[var(--chekin-color-gray-2)]", children: [
-          loading && /* @__PURE__ */ jsx167(ThreeDotsLoader, { height: 18, width: 18 }),
-          !readOnly && !hideClearDates && !isEmpty && /* @__PURE__ */ jsx167(
+        /* @__PURE__ */ jsxs110("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2 text-[var(--chekin-color-gray-2)]", children: [
+          loading && /* @__PURE__ */ jsx168(ThreeDotsLoader, { height: 18, width: 18 }),
+          !readOnly && !hideClearDates && !isEmpty && /* @__PURE__ */ jsx168(
             "button",
             {
               type: "button",
@@ -16264,10 +16364,10 @@ function DateRangeInputs({
               onClick: onReset,
               className: iconButtonClass,
               "aria-label": clearLabel,
-              children: /* @__PURE__ */ jsx167(SquareX4, { size: 16, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
+              children: /* @__PURE__ */ jsx168(SquareX4, { size: 16, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
             }
           ),
-          !readOnly && !hideCalendarIcon && /* @__PURE__ */ jsx167(
+          !readOnly && !hideCalendarIcon && /* @__PURE__ */ jsx168(
             "button",
             {
               type: "button",
@@ -16279,7 +16379,7 @@ function DateRangeInputs({
                 focusedInput !== null || isOpen ? "text-[var(--chekin-color-brand-blue)]" : "text-[var(--chekin-color-gray-2)]"
               ),
               "aria-label": openCalendarLabel,
-              children: /* @__PURE__ */ jsx167(CalendarDays, { size: 18 })
+              children: /* @__PURE__ */ jsx168(CalendarDays, { size: 18 })
             }
           )
         ] })
@@ -16289,7 +16389,7 @@ function DateRangeInputs({
 }
 
 // src/dashboard/date-range-picker/components/DateRangeCalendar.tsx
-import { jsx as jsx168 } from "react/jsx-runtime";
+import { jsx as jsx169 } from "react/jsx-runtime";
 function DateRangeCalendar({
   value,
   month,
@@ -16305,7 +16405,7 @@ function DateRangeCalendar({
   components,
   ...dayPickerProps
 }) {
-  return /* @__PURE__ */ jsx168(
+  return /* @__PURE__ */ jsx169(
     Calendar,
     {
       mode: "range",
@@ -16328,7 +16428,7 @@ function DateRangeCalendar({
 }
 
 // src/dashboard/date-range-picker/components/DateRangePopover.tsx
-import { jsx as jsx169, jsxs as jsxs110 } from "react/jsx-runtime";
+import { jsx as jsx170, jsxs as jsxs111 } from "react/jsx-runtime";
 function DateRangePopover({
   isOpen,
   isMobile: isMobile2,
@@ -16340,30 +16440,30 @@ function DateRangePopover({
 }) {
   if (!isOpen) return null;
   if (isMobile2) {
-    return /* @__PURE__ */ jsx169(
+    return /* @__PURE__ */ jsx170(
       Drawer,
       {
         open: isOpen,
         onOpenChange: (next) => {
           if (!next) onClose();
         },
-        children: /* @__PURE__ */ jsxs110(
+        children: /* @__PURE__ */ jsxs111(
           DrawerContent,
           {
             onClose,
             lockScroll: false,
             className: "max-h-[calc(100vh-1rem)]",
             children: [
-              /* @__PURE__ */ jsx169(DrawerTitle, { className: "sr-only", children: drawerTitle }),
-              /* @__PURE__ */ jsx169(DrawerDescription, { className: "sr-only", children: drawerDescription }),
-              /* @__PURE__ */ jsx169("div", { className: "flex items-start justify-center overflow-x-auto px-2 pb-4 pt-1", children })
+              /* @__PURE__ */ jsx170(DrawerTitle, { className: "sr-only", children: drawerTitle }),
+              /* @__PURE__ */ jsx170(DrawerDescription, { className: "sr-only", children: drawerDescription }),
+              /* @__PURE__ */ jsx170("div", { className: "flex items-start justify-center overflow-x-auto px-2 pb-4 pt-1", children })
             ]
           }
         )
       }
     );
   }
-  return /* @__PURE__ */ jsx169(
+  return /* @__PURE__ */ jsx170(
     "div",
     {
       className: cn(
@@ -16376,8 +16476,8 @@ function DateRangePopover({
 }
 
 // src/dashboard/date-range-picker/DateRangePicker.tsx
-import { jsx as jsx170, jsxs as jsxs111 } from "react/jsx-runtime";
-var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePicker2({
+import { jsx as jsx171, jsxs as jsxs112 } from "react/jsx-runtime";
+var DashboardDateRangePicker = React68.forwardRef(function DashboardDateRangePicker2({
   label,
   value: externalValue,
   defaultValue,
@@ -16411,20 +16511,20 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
   components: customComponents,
   ...dayPickerProps
 }, ref) {
-  const containerRef = React67.useRef(null);
-  const fromInputRef = React67.useRef(null);
-  const toInputRef = React67.useRef(null);
-  const reactId = React67.useId();
+  const containerRef = React68.useRef(null);
+  const fromInputRef = React68.useRef(null);
+  const toInputRef = React68.useRef(null);
+  const reactId = React68.useId();
   const baseId = name ?? `dash-daterange-${reactId}`;
   const fromId = `${baseId}-from`;
   const toId = `${baseId}-to`;
   const labelId = `${baseId}-label`;
   const errorId = `${baseId}-error`;
-  const normalizedValue = React67.useMemo(() => {
+  const normalizedValue = React68.useMemo(() => {
     if (externalValue === void 0) return void 0;
     return { from: toDate(externalValue?.from), to: toDate(externalValue?.to) };
   }, [externalValue]);
-  const normalizedDefaultValue = React67.useMemo(() => {
+  const normalizedDefaultValue = React68.useMemo(() => {
     if (defaultValue === void 0) return void 0;
     return { from: toDate(defaultValue?.from), to: toDate(defaultValue?.to) };
   }, [defaultValue]);
@@ -16434,10 +16534,10 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
     onChange,
     name
   });
-  const normalizedMinDate = React67.useMemo(() => toDate(minDate), [minDate]);
-  const normalizedMaxDate = React67.useMemo(() => toDate(maxDate), [maxDate]);
-  const formatter = React67.useMemo(() => formatDate(displayFormat), [displayFormat]);
-  const parser = React67.useMemo(() => parseDate(displayFormat), [displayFormat]);
+  const normalizedMinDate = React68.useMemo(() => toDate(minDate), [minDate]);
+  const normalizedMaxDate = React68.useMemo(() => toDate(maxDate), [maxDate]);
+  const formatter = React68.useMemo(() => formatDate(displayFormat), [displayFormat]);
+  const parser = React68.useMemo(() => parseDate(displayFormat), [displayFormat]);
   const { fromText, toText, setFromText, setToText, handleFromBlur, handleToBlur } = useRangeTextInputs({
     value,
     format: formatter,
@@ -16446,9 +16546,9 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
     onBlur
   });
   const { month, setMonth, syncMonthToValue } = useRangeMonthSync(value);
-  const [isOpen, setIsOpen] = React67.useState(false);
-  const [focusedInput, setFocusedInput] = React67.useState(null);
-  const [autoFocus, setAutoFocus] = React67.useState(false);
+  const [isOpen, setIsOpen] = React68.useState(false);
+  const [focusedInput, setFocusedInput] = React68.useState(null);
+  const [autoFocus, setAutoFocus] = React68.useState(false);
   const isMobile2 = useIsMobile();
   const { t } = useTranslation36();
   const drawerTitle = label ?? t("select_dates");
@@ -16459,13 +16559,13 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
   const isFocused = focusedInput !== null || isOpen;
   const wrapperWidth = toCssSize(width);
   const monthsToShow = numberOfMonths ?? (isMobile2 ? 1 : 2);
-  const closeCalendar = React67.useCallback(() => {
+  const closeCalendar = React68.useCallback(() => {
     setIsOpen(false);
     setFocusedInput(null);
     setAutoFocus(false);
     if (value?.from) setMonth(value.from);
   }, [setMonth, value?.from]);
-  const openCalendar = React67.useCallback(() => {
+  const openCalendar = React68.useCallback(() => {
     if (isBlocked || readOnly) return;
     setIsOpen(true);
   }, [isBlocked, readOnly]);
@@ -16474,7 +16574,7 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
     onOutsideClick: closeCalendar,
     isDisabled: !isOpen || isMobile2
   });
-  const handlePickerChange = React67.useCallback(
+  const handlePickerChange = React68.useCallback(
     (range, pickedDate) => {
       const { next, shouldClose } = resolveRangeSelection({
         previous: value,
@@ -16495,7 +16595,7 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
     setToText("");
     setMonth(/* @__PURE__ */ new Date());
   };
-  const disabledMatchers = React67.useMemo(
+  const disabledMatchers = React68.useMemo(
     () => createDisabledMatchers({
       minDate: normalizedMinDate,
       maxDate: normalizedMaxDate,
@@ -16514,7 +16614,7 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
     openCalendar();
     if (autoFocusOnOpen) setAutoFocus(true);
   };
-  React67.useImperativeHandle(
+  React68.useImperativeHandle(
     ref,
     () => ({
       setDateRange: (range) => {
@@ -16537,7 +16637,7 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
       syncMonthToValue
     ]
   );
-  return /* @__PURE__ */ jsx170(
+  return /* @__PURE__ */ jsx171(
     "div",
     {
       ref: containerRef,
@@ -16548,9 +16648,9 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
         className
       ),
       style: wrapperWidth ? { width: wrapperWidth } : void 0,
-      children: /* @__PURE__ */ jsxs111("div", { className: "relative min-h-[68px] w-full", children: [
-        /* @__PURE__ */ jsxs111("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ jsx170(
+      children: /* @__PURE__ */ jsxs112("div", { className: "relative min-h-[68px] w-full", children: [
+        /* @__PURE__ */ jsxs112("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ jsx171(
             DateRangeInputs,
             {
               fromId,
@@ -16601,7 +16701,7 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
               onToggleCalendar: toggleCalendar
             }
           ),
-          /* @__PURE__ */ jsx170(
+          /* @__PURE__ */ jsx171(
             Fieldset,
             {
               isFocused,
@@ -16618,7 +16718,7 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
               tooltip
             }
           ),
-          /* @__PURE__ */ jsx170(
+          /* @__PURE__ */ jsx171(
             DateRangePopover,
             {
               isOpen: isOpen && !isMobile2,
@@ -16627,7 +16727,7 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
               drawerTitle,
               drawerDescription,
               onClose: closeCalendar,
-              children: /* @__PURE__ */ jsx170(
+              children: /* @__PURE__ */ jsx171(
                 DateRangeCalendar,
                 {
                   value,
@@ -16648,7 +16748,7 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
             }
           )
         ] }),
-        /* @__PURE__ */ jsx170(
+        /* @__PURE__ */ jsx171(
           DateRangePopover,
           {
             isOpen: isOpen && isMobile2,
@@ -16657,7 +16757,7 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
             drawerTitle,
             drawerDescription,
             onClose: closeCalendar,
-            children: /* @__PURE__ */ jsx170(
+            children: /* @__PURE__ */ jsx171(
               DateRangeCalendar,
               {
                 value,
@@ -16677,9 +16777,9 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
             )
           }
         ),
-        !error && optional && /* @__PURE__ */ jsx170("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
-        !error && helperText && /* @__PURE__ */ jsx170("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText }),
-        error && !hideErrorMessage && /* @__PURE__ */ jsx170(
+        !error && optional && /* @__PURE__ */ jsx171("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
+        !error && helperText && /* @__PURE__ */ jsx171("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText }),
+        error && !hideErrorMessage && /* @__PURE__ */ jsx171(
           FieldErrorMessage,
           {
             id: errorId,
@@ -16693,7 +16793,7 @@ var DashboardDateRangePicker = React67.forwardRef(function DashboardDateRangePic
 });
 
 // src/dashboard/date-range-picker/useValidateDates.ts
-import * as React68 from "react";
+import * as React69 from "react";
 import { useTranslation as useTranslation37 } from "react-i18next";
 import { differenceInDays as differenceInDays2, isAfter as isAfter2, isBefore as isBefore3 } from "date-fns";
 import {
@@ -16719,11 +16819,11 @@ function useValidateDates({
   const { t } = useTranslation37();
   const handleError = useEvent(onError);
   const handleSuccess = useEvent(onSuccess);
-  const errorFormatter = React68.useMemo(
+  const errorFormatter = React69.useMemo(
     () => formatDate(displayFormat ?? DEFAULT_DISPLAY_FORMAT),
     [displayFormat]
   );
-  const validateDates = React68.useCallback(
+  const validateDates = React69.useCallback(
     (dates) => {
       const startDate = dates?.from;
       const endDate = dates?.to;
@@ -16773,9 +16873,9 @@ function useValidateDates({
 }
 
 // src/dashboard/time-picker/TimePicker.tsx
-import * as React69 from "react";
+import * as React70 from "react";
 import { addDays, addHours, addMinutes, format, parse as parse2 } from "date-fns";
-import { jsx as jsx171 } from "react/jsx-runtime";
+import { jsx as jsx172 } from "react/jsx-runtime";
 var SHORT_TIME_FORMAT = "HH:mm";
 function parseTime(value) {
   return parse2(value, SHORT_TIME_FORMAT, /* @__PURE__ */ new Date());
@@ -16817,22 +16917,22 @@ var FORMAT_SETTINGS = {
   },
   hours: { intervalUnit: "H", interval: 1, minTime: "00:00", maxTime: "23:00" }
 };
-var DashboardTimePicker = React69.forwardRef(
+var DashboardTimePicker = React70.forwardRef(
   function DashboardTimePicker2({ format: formatName = "time", timeSettings, options, ...selectProps }, ref) {
-    const resolvedOptions = React69.useMemo(() => {
+    const resolvedOptions = React70.useMemo(() => {
       if (options) return options;
       const settings = timeSettings ?? FORMAT_SETTINGS[formatName];
       return buildOptions(settings);
     }, [formatName, options, timeSettings]);
-    return /* @__PURE__ */ jsx171(DashboardSelect, { ref, ...selectProps, options: resolvedOptions });
+    return /* @__PURE__ */ jsx172(DashboardSelect, { ref, ...selectProps, options: resolvedOptions });
   }
 );
 
 // src/dashboard/file-input/FileInput.tsx
-import * as React70 from "react";
+import * as React71 from "react";
 import { Download, Paperclip, SquareX as SquareX5 } from "lucide-react";
 import { useTranslation as useTranslation38 } from "react-i18next";
-import { jsx as jsx172, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx173, jsxs as jsxs113 } from "react/jsx-runtime";
 function defaultFileNameFromUrl(url) {
   try {
     const parsed = new URL(url);
@@ -16845,7 +16945,7 @@ function defaultFileNameFromUrl(url) {
 function defaultDownload(url) {
   window.open(url, "_blank", "noopener,noreferrer");
 }
-var DashboardFileInput = React70.forwardRef(
+var DashboardFileInput = React71.forwardRef(
   function DashboardFileInput2({
     label,
     value,
@@ -16869,12 +16969,12 @@ var DashboardFileInput = React70.forwardRef(
     downloadLabel,
     fileNameFromUrl = defaultFileNameFromUrl
   }, ref) {
-    const internalRef = React70.useRef(null);
+    const internalRef = React71.useRef(null);
     const inputRef = useCombinedRef(ref, internalRef);
     const { t } = useTranslation38();
     const resolvedLabel = label ?? t("upload_file");
     const resolvedDownloadLabel = downloadLabel ?? t("download_attachment");
-    const reactId = React70.useId();
+    const reactId = React71.useId();
     const inputId = `${name || "dash-file"}-${reactId}`;
     const labelId = `${inputId}-label`;
     const errorId = `${inputId}-error`;
@@ -16900,7 +17000,7 @@ var DashboardFileInput = React70.forwardRef(
       event.stopPropagation();
       if (isUrl) onDownload(value);
     };
-    return /* @__PURE__ */ jsxs112(
+    return /* @__PURE__ */ jsxs113(
       "label",
       {
         htmlFor: inputId,
@@ -16913,7 +17013,7 @@ var DashboardFileInput = React70.forwardRef(
         ),
         style: wrapperWidth ? { width: wrapperWidth } : void 0,
         children: [
-          /* @__PURE__ */ jsx172(
+          /* @__PURE__ */ jsx173(
             "input",
             {
               ref: inputRef,
@@ -16929,9 +17029,9 @@ var DashboardFileInput = React70.forwardRef(
               "aria-invalid": isInvalid
             }
           ),
-          /* @__PURE__ */ jsxs112("div", { className: "relative min-h-[68px] w-full", children: [
-            /* @__PURE__ */ jsxs112("div", { className: "relative w-full", children: [
-              /* @__PURE__ */ jsxs112(
+          /* @__PURE__ */ jsxs113("div", { className: "relative min-h-[68px] w-full", children: [
+            /* @__PURE__ */ jsxs113("div", { className: "relative w-full", children: [
+              /* @__PURE__ */ jsxs113(
                 "div",
                 {
                   className: cn(
@@ -16939,25 +17039,25 @@ var DashboardFileInput = React70.forwardRef(
                     isEmpty && "bg-[var(--chekin-color-surface-input-empty)]"
                   ),
                   children: [
-                    hasFileChip ? /* @__PURE__ */ jsxs112(
+                    hasFileChip ? /* @__PURE__ */ jsxs113(
                       "div",
                       {
                         className: "inline-flex h-6 max-w-[85%] items-center rounded-[4px] border border-[#acacd5] bg-[#f0f0f8] pl-[10px] pr-1",
                         onClick: (event) => event.preventDefault(),
                         children: [
-                          isUrl ? /* @__PURE__ */ jsxs112(
+                          isUrl ? /* @__PURE__ */ jsxs113(
                             "button",
                             {
                               type: "button",
                               onClick: handleDownload,
                               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__ */ jsx172("span", { className: "truncate", children: resolvedDownloadLabel }),
-                                /* @__PURE__ */ jsx172(Download, { size: 15 })
+                                /* @__PURE__ */ jsx173("span", { className: "truncate", children: resolvedDownloadLabel }),
+                                /* @__PURE__ */ jsx173(Download, { size: 15 })
                               ]
                             }
-                          ) : /* @__PURE__ */ jsx172("span", { className: "truncate text-[14px] font-medium text-[var(--chekin-color-brand-navy)]", children: value.name }),
-                          /* @__PURE__ */ jsx172(
+                          ) : /* @__PURE__ */ jsx173("span", { className: "truncate text-[14px] font-medium text-[var(--chekin-color-brand-navy)]", children: value.name }),
+                          /* @__PURE__ */ jsx173(
                             "button",
                             {
                               type: "button",
@@ -16965,20 +17065,20 @@ var DashboardFileInput = React70.forwardRef(
                               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__ */ jsx172(SquareX5, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
+                              children: /* @__PURE__ */ jsx173(SquareX5, { size: 15, fill: "#9696b9", color: "#f8f8f8", strokeWidth: 1.8 })
                             }
                           )
                         ]
                       }
-                    ) : /* @__PURE__ */ jsx172("span", { className: "block min-w-0 flex-1 truncate text-left text-[var(--chekin-color-gray-1)]", children: placeholder ?? "" }),
-                    /* @__PURE__ */ jsxs112("span", { className: "ml-auto flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: [
-                      loading && /* @__PURE__ */ jsx172(ThreeDotsLoader, { height: 18, width: 18 }),
-                      /* @__PURE__ */ jsx172(Paperclip, { size: 20 })
+                    ) : /* @__PURE__ */ jsx173("span", { className: "block min-w-0 flex-1 truncate text-left text-[var(--chekin-color-gray-1)]", children: placeholder ?? "" }),
+                    /* @__PURE__ */ jsxs113("span", { className: "ml-auto flex items-center gap-2 text-[var(--chekin-color-gray-2)]", children: [
+                      loading && /* @__PURE__ */ jsx173(ThreeDotsLoader, { height: 18, width: 18 }),
+                      /* @__PURE__ */ jsx173(Paperclip, { size: 20 })
                     ] })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx172(
+              /* @__PURE__ */ jsx173(
                 Fieldset,
                 {
                   isFocused: false,
@@ -16996,9 +17096,9 @@ var DashboardFileInput = React70.forwardRef(
                 }
               )
             ] }),
-            !error && optional && /* @__PURE__ */ jsx172("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
-            !error && helperText && /* @__PURE__ */ jsx172("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText }),
-            error && !hideErrorMessage && /* @__PURE__ */ jsx172(
+            !error && optional && /* @__PURE__ */ jsx173("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
+            !error && helperText && /* @__PURE__ */ jsx173("span", { className: "mt-[1px] block text-[12px] font-normal text-[var(--chekin-color-gray-1)]", children: helperText }),
+            error && !hideErrorMessage && /* @__PURE__ */ jsx173(
               FieldErrorMessage,
               {
                 id: errorId,
@@ -17014,8 +17114,8 @@ var DashboardFileInput = React70.forwardRef(
 );
 
 // src/dashboard/select-icons-box/SelectIconsBox.tsx
-import * as React71 from "react";
-import { jsx as jsx173, jsxs as jsxs113 } from "react/jsx-runtime";
+import * as React72 from "react";
+import { jsx as jsx174, jsxs as jsxs114 } from "react/jsx-runtime";
 function DashboardSelectIconsBox({
   children,
   icons,
@@ -17030,9 +17130,9 @@ function DashboardSelectIconsBox({
   className,
   boxClassName
 }) {
-  const containerRef = React71.useRef(null);
+  const containerRef = React72.useRef(null);
   const isControlled = controlledOpen !== void 0;
-  const [internalOpen, setInternalOpen] = React71.useState(defaultOpen);
+  const [internalOpen, setInternalOpen] = React72.useState(defaultOpen);
   const isOpen = isControlled ? controlledOpen : internalOpen;
   const setOpen = (next) => {
     if (!isControlled) setInternalOpen(next);
@@ -17051,7 +17151,7 @@ function DashboardSelectIconsBox({
     onSelect(iconName);
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxs113(
+  return /* @__PURE__ */ jsxs114(
     "div",
     {
       ref: containerRef,
@@ -17059,7 +17159,7 @@ function DashboardSelectIconsBox({
       className: cn("relative inline-block", className),
       children: [
         children,
-        isOpen && /* @__PURE__ */ jsx173(
+        isOpen && /* @__PURE__ */ jsx174(
           "div",
           {
             className: cn(
@@ -17070,7 +17170,7 @@ function DashboardSelectIconsBox({
               boxClassName
             ),
             style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` },
-            children: icons.map((iconName) => /* @__PURE__ */ jsx173(
+            children: icons.map((iconName) => /* @__PURE__ */ jsx174(
               "button",
               {
                 type: "button",
@@ -17090,11 +17190,11 @@ function DashboardSelectIconsBox({
 }
 
 // src/searchable-select/SearchableSelect.tsx
-import * as React72 from "react";
+import * as React73 from "react";
 import { ChevronDown as ChevronDown6, Search as Search4 } from "lucide-react";
 import { useVirtualizer as useVirtualizer3 } from "@tanstack/react-virtual";
 import { useCallback as useCallback44 } from "react";
-import { jsx as jsx174, jsxs as jsxs114 } from "react/jsx-runtime";
+import { jsx as jsx175, jsxs as jsxs115 } from "react/jsx-runtime";
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
 var MOBILE_LIST_HEIGHT = 420;
@@ -17135,13 +17235,13 @@ var SearchableSelectInternal = ({
   loadingMessage
 }, ref) => {
   const { isMatch: isMobile2 } = useScreenResize(DEVICE.mobileXL);
-  const reactId = React72.useId();
-  const [open, setOpen] = React72.useState(false);
-  const [internalSearchValue, setInternalSearchValue] = React72.useState("");
-  const [highlightedIndex, setHighlightedIndex] = React72.useState(-1);
-  const containerRef = React72.useRef(null);
-  const triggerRef = React72.useRef(null);
-  const inputRef = React72.useRef(null);
+  const reactId = React73.useId();
+  const [open, setOpen] = React73.useState(false);
+  const [internalSearchValue, setInternalSearchValue] = React73.useState("");
+  const [highlightedIndex, setHighlightedIndex] = React73.useState(-1);
+  const containerRef = React73.useRef(null);
+  const triggerRef = React73.useRef(null);
+  const inputRef = React73.useRef(null);
   const listboxId = `${reactId}-listbox`;
   const labelId = `${reactId}-label`;
   const valueId = `${reactId}-value`;
@@ -17150,13 +17250,13 @@ var SearchableSelectInternal = ({
   const searchInputId = `${reactId}-search`;
   const effectiveSearchValue = searchValue ?? internalSearchValue;
   const shouldFilterLocally = !onSearchChange && filterOption !== null;
-  const visibleOptions = React72.useMemo(() => {
+  const visibleOptions = React73.useMemo(() => {
     if (!shouldFilterLocally || !effectiveSearchValue) {
       return options;
     }
     return options.filter((option) => filterOption(option, effectiveSearchValue));
   }, [effectiveSearchValue, filterOption, options, shouldFilterLocally]);
-  const selectedIndex = React72.useMemo(
+  const selectedIndex = React73.useMemo(
     () => visibleOptions.findIndex((option) => option.value === value?.value),
     [value?.value, visibleOptions]
   );
@@ -17182,7 +17282,7 @@ var SearchableSelectInternal = ({
     },
     [handleOnOpenChange]
   );
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     if (isBlocked) {
       setSelectOpen(false);
       return;
@@ -17195,7 +17295,7 @@ var SearchableSelectInternal = ({
       window.cancelAnimationFrame(frameId);
     };
   }, [isBlocked, open, setSelectOpen]);
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     if (!open) {
       setHighlightedIndex(-1);
       return;
@@ -17263,7 +17363,7 @@ var SearchableSelectInternal = ({
       }
     }
   }
-  const content = /* @__PURE__ */ jsx174(
+  const content = /* @__PURE__ */ jsx175(
     SearchableSelectContent,
     {
       inputId: searchInputId,
@@ -17290,10 +17390,10 @@ var SearchableSelectInternal = ({
       onOptionHover: setHighlightedIndex
     }
   );
-  React72.useImperativeHandle(ref, () => triggerRef.current, []);
-  return /* @__PURE__ */ jsxs114("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
-    name && /* @__PURE__ */ jsx174("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
-    /* @__PURE__ */ jsx174(
+  React73.useImperativeHandle(ref, () => triggerRef.current, []);
+  return /* @__PURE__ */ jsxs115("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
+    name && /* @__PURE__ */ jsx175("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
+    /* @__PURE__ */ jsx175(
       FieldTrigger,
       {
         id: `${reactId}-trigger`,
@@ -17328,7 +17428,7 @@ var SearchableSelectInternal = ({
         },
         onKeyDown: handleTriggerKeyDown,
         onBlur,
-        trailingAdornment: /* @__PURE__ */ jsx174(
+        trailingAdornment: /* @__PURE__ */ jsx175(
           ChevronDown6,
           {
             className: cn(
@@ -17339,7 +17439,7 @@ var SearchableSelectInternal = ({
         )
       }
     ),
-    isMobile2 ? /* @__PURE__ */ jsx174(
+    isMobile2 ? /* @__PURE__ */ jsx175(
       Drawer,
       {
         open,
@@ -17351,13 +17451,13 @@ var SearchableSelectInternal = ({
           }
           closeSelect();
         },
-        children: /* @__PURE__ */ jsxs114(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
-          /* @__PURE__ */ jsx174(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
-          /* @__PURE__ */ jsx174(DrawerDescription, { className: "sr-only", children: label }),
-          /* @__PURE__ */ jsx174("div", { className: "px-5 pb-5 pt-1", children: content })
+        children: /* @__PURE__ */ jsxs115(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
+          /* @__PURE__ */ jsx175(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
+          /* @__PURE__ */ jsx175(DrawerDescription, { className: "sr-only", children: label }),
+          /* @__PURE__ */ jsx175("div", { className: "px-5 pb-5 pt-1", children: content })
         ] })
       }
-    ) : open ? /* @__PURE__ */ jsx174(
+    ) : open ? /* @__PURE__ */ jsx175(
       "div",
       {
         className: cn(
@@ -17369,7 +17469,7 @@ var SearchableSelectInternal = ({
     ) : null
   ] });
 };
-var SearchableSelect = React72.forwardRef(
+var SearchableSelect = React73.forwardRef(
   SearchableSelectInternal
 );
 function SearchableSelectContent({
@@ -17396,9 +17496,9 @@ function SearchableSelectContent({
   onOptionClick,
   onOptionHover
 }) {
-  const listRef = React72.useRef(null);
-  const lastLoadMoreOptionsLengthRef = React72.useRef(null);
-  const previousHighlightedIndexRef = React72.useRef(highlightedIndex);
+  const listRef = React73.useRef(null);
+  const lastLoadMoreOptionsLengthRef = React73.useRef(null);
+  const previousHighlightedIndexRef = React73.useRef(highlightedIndex);
   const rowCount = options.length + (loading && options.length > 0 ? 1 : 0);
   const virtualizer = useVirtualizer3({
     count: rowCount,
@@ -17409,7 +17509,7 @@ function SearchableSelectContent({
   const virtualItems = virtualizer.getVirtualItems();
   const emptyMessage = noOptionsMessage?.() ?? "No matches found";
   const loadingText = loadingMessage?.() ?? "Loading...";
-  React72.useEffect(() => {
+  React73.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) {
@@ -17417,23 +17517,23 @@ function SearchableSelectContent({
       onLoadMore?.();
     }
   }, [hasNextPage, loading, onLoadMore, options.length, virtualItems]);
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     const hasHighlightedIndexChanged = previousHighlightedIndexRef.current !== highlightedIndex;
     previousHighlightedIndexRef.current = highlightedIndex;
     if (highlightedIndex >= 0 && hasHighlightedIndexChanged) {
       virtualizer.scrollToIndex(highlightedIndex, { align: "auto" });
     }
   }, [highlightedIndex, virtualizer]);
-  return /* @__PURE__ */ jsxs114("div", { className: "p-2", children: [
-    /* @__PURE__ */ jsxs114("div", { className: "relative mb-2", children: [
-      /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsxs115("div", { className: "p-2", children: [
+    /* @__PURE__ */ jsxs115("div", { className: "relative mb-2", children: [
+      /* @__PURE__ */ jsx175(
         Search4,
         {
           "aria-hidden": "true",
           className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[#9696B9]"
         }
       ),
-      /* @__PURE__ */ jsx174(
+      /* @__PURE__ */ jsx175(
         "input",
         {
           id: inputId,
@@ -17452,7 +17552,7 @@ function SearchableSelectContent({
         }
       )
     ] }),
-    loading && options.length === 0 ? /* @__PURE__ */ jsx174("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ jsx174("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : /* @__PURE__ */ jsx174(
+    loading && options.length === 0 ? /* @__PURE__ */ jsx175("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ jsx175("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : /* @__PURE__ */ jsx175(
       "div",
       {
         id: listboxId,
@@ -17461,7 +17561,7 @@ function SearchableSelectContent({
         "aria-labelledby": labelId,
         className: cn("overflow-y-auto outline-none", menuClassName),
         style: { height: Math.min(height, rowCount * ROW_HEIGHT) },
-        children: /* @__PURE__ */ jsx174(
+        children: /* @__PURE__ */ jsx175(
           "div",
           {
             className: "relative w-full",
@@ -17469,7 +17569,7 @@ function SearchableSelectContent({
             children: virtualItems.map((virtualItem) => {
               const option = options[virtualItem.index];
               if (!option) {
-                return /* @__PURE__ */ jsx174(
+                return /* @__PURE__ */ jsx175(
                   "div",
                   {
                     className: "absolute left-0 top-0 flex w-full items-center px-4 text-base leading-6 text-[#6C6C6C]",
@@ -17484,7 +17584,7 @@ function SearchableSelectContent({
               }
               const isSelected = value?.value === option.value;
               const isHighlighted = virtualItem.index === highlightedIndex;
-              return /* @__PURE__ */ jsx174(
+              return /* @__PURE__ */ jsx175(
                 "button",
                 {
                   id: getOptionId(idPrefix, virtualItem.index),
@@ -17506,7 +17606,7 @@ function SearchableSelectContent({
                     height: `${virtualItem.size}px`,
                     transform: `translateY(${virtualItem.start}px)`
                   },
-                  children: /* @__PURE__ */ jsx174("span", { className: "truncate text-center", children: String(option.label) })
+                  children: /* @__PURE__ */ jsx175("span", { className: "truncate text-center", children: String(option.label) })
                 },
                 `${String(option.value)}-${virtualItem.index}`
               );
@@ -17596,14 +17696,14 @@ function getErrorMessage(error) {
 
 // src/lib/toastResponseError.tsx
 import i18next from "i18next";
-import { jsx as jsx175, jsxs as jsxs115 } from "react/jsx-runtime";
+import { jsx as jsx176, jsxs as jsxs116 } from "react/jsx-runtime";
 function addSupportEmailToMessage(message, prefixText) {
   if (typeof message !== "string") {
     return message;
   }
   const builtMessage = `${prefixText ? `${prefixText} ` : ""}${message}`;
-  return /* @__PURE__ */ jsxs115("div", { children: [
-    /* @__PURE__ */ jsx175("div", { children: builtMessage }),
+  return /* @__PURE__ */ jsxs116("div", { children: [
+    /* @__PURE__ */ jsx176("div", { children: builtMessage }),
     i18next.t("reach_us_at_email")
   ] });
 }
@@ -17790,6 +17890,7 @@ export {
   RatingProgress,
   RatingRadioGroup,
   RatingStars,
+  ResponsiveDropdown,
   ResponsiveSheet,
   RotateArrow,
   ScrollArea,