@chekinapp/ui 0.0.49 → 0.0.51

package/dist/index.js

@@ -622,7 +622,7 @@ var buttonVariants = cva3(
     "button relative inline-flex items-center justify-center gap-2 whitespace-nowrap",
     "[font-family:var(--button-font-family)] [font-weight:var(--button-font-weight)]",
     "transition-all duration-150 ease-out outline-none",
-    "focus-visible:shadow-[var(--button-focus-shadow)]",
+    "focus-visible:[box-shadow:var(--button-focus-shadow)]",
     "disabled:pointer-events-none disabled:opacity-50",
     "[&_svg]:pointer-events-none [&_svg]:size-[var(--button-icon-size)] [&_svg]:shrink-0",
     'before:absolute before:inset-0 before:rounded-[inherit] before:content-[""]',
@@ -2798,7 +2798,7 @@ var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var dialogContentClasses = "relative z-50 my-auto w-full max-w-[calc(100%-2rem)] rounded-[var(--dialog-content-radius)] border border-[var(--dialog-content-border)] bg-[var(--dialog-content-bg)] p-6 text-[var(--dialog-content-text)] shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:max-w-2xl";
-var dialogCloseButtonClasses = "absolute right-4 top-4 rounded-[var(--dialog-close-radius)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-chekin-focus disabled:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";
+var dialogCloseButtonClasses = "absolute right-4 top-4 flex size-6 items-center justify-center rounded-[var(--dialog-close-radius)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-chekin-focus disabled:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";
 var DialogContent = React12.forwardRef(
   ({
     className,
@@ -5994,7 +5994,7 @@ var CircularLoader = React21.memo(
               className: "main-loader__svg text-[var(--circular-loader-color)]",
               style: {
                 width: toCssSize(width ?? loaderSizePixels[size]),
-                height: toCssSize(height ?? loaderSizePixels[size])
+                height: toCssSize(height ?? width ?? loaderSizePixels[size])
               },
               children: [
                 /* @__PURE__ */ jsx74(
@@ -6109,25 +6109,8 @@ function OverlayLoader({
   ] });
 }
 
-// src/page-loader/PageLoader.tsx
-import { useTranslation as useTranslation16 } from "react-i18next";
-import { jsx as jsx77, jsxs as jsxs49 } from "react/jsx-runtime";
-function PageLoader({ className, description, label }) {
-  const { t } = useTranslation16();
-  return /* @__PURE__ */ jsx77(
-    "div",
-    {
-      className: cn("flex min-h-[300px] flex-col items-center justify-center", className),
-      children: /* @__PURE__ */ jsxs49("div", { className: "flex flex-col items-center rounded-lg border border-[var(--chekin-color-gray-3)] bg-[rgb(255_255_255_/_0.8)] p-8 shadow-sm backdrop-blur-sm", children: [
-        /* @__PURE__ */ jsx77(CircularLoader, { size: "lg", label: label || t("loading") }),
-        /* @__PURE__ */ jsx77("p", { className: "mt-4 max-w-xs text-center text-sm text-[var(--chekin-color-gray-1)]", children: description || t("loading_data_description") })
-      ] })
-    }
-  );
-}
-
 // src/pagination/Pagination.tsx
-import { useTranslation as useTranslation17 } from "react-i18next";
+import { useTranslation as useTranslation16 } from "react-i18next";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight4, ChevronsLeft, ChevronsRight } from "lucide-react";
 
 // src/select/Select.tsx
@@ -6137,7 +6120,7 @@ import { forwardRef as forwardRef33, useId as useId5, useState as useState19 } f
 import * as React22 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon as CheckIcon2, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx78, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs49 } from "react/jsx-runtime";
 var SelectRoot = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -6146,7 +6129,7 @@ var selectSizeClassNames = {
   sm: "text-sm",
   md: "text-base"
 };
-var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs50(
+var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs49(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -6161,7 +6144,7 @@ var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...p
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx78(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx77(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx77(
         ChevronDownIcon,
         {
           size: 16,
@@ -6173,27 +6156,27 @@ var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...p
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx78(ChevronUpIcon, { size: 16, strokeWidth: 2 })
+    children: /* @__PURE__ */ jsx77(ChevronUpIcon, { size: 16, strokeWidth: 2 })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx78(ChevronDownIcon, { size: 16, strokeWidth: 2 })
+    children: /* @__PURE__ */ jsx77(ChevronDownIcon, { size: 16, strokeWidth: 2 })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React22.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx78(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs50(
+var SelectContent = React22.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx77(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs49(
   SelectPrimitive.Content,
   {
     ref,
@@ -6211,8 +6194,8 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx78(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx77(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx77(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -6222,12 +6205,12 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ jsx78(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx77(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
   SelectPrimitive.Label,
   {
     ref,
@@ -6239,7 +6222,7 @@ var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs50(
+var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs49(
   SelectPrimitive.Item,
   {
     ref,
@@ -6253,13 +6236,13 @@ var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...prop
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx78("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx78(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx78(CheckIcon2, { size: 16, strokeWidth: 2 }) }) }),
-      /* @__PURE__ */ jsx78(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx77("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx77(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx77(CheckIcon2, { size: 16, strokeWidth: 2 }) }) }),
+      /* @__PURE__ */ jsx77(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
   SelectPrimitive.Separator,
   {
     ref,
@@ -6270,7 +6253,7 @@ var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/select/Select.tsx
-import { jsx as jsx79, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs50 } from "react/jsx-runtime";
 var SelectInner = ({
   placeholder,
   label,
@@ -6298,8 +6281,8 @@ var SelectInner = ({
   const handleOpenChange = (open) => {
     setIsOpen(open);
   };
-  return /* @__PURE__ */ jsxs51("div", { className: cn("group relative w-[300px]", className, containerClassName), children: [
-    label && showLabel && /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsxs50("div", { className: cn("group relative w-[300px]", className, containerClassName), children: [
+    label && showLabel && /* @__PURE__ */ jsx78(
       "label",
       {
         htmlFor: id,
@@ -6307,7 +6290,7 @@ var SelectInner = ({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxs51(
+    /* @__PURE__ */ jsxs50(
       SelectRoot,
       {
         value,
@@ -6315,8 +6298,8 @@ var SelectInner = ({
         onOpenChange: handleOpenChange,
         disabled,
         children: [
-          /* @__PURE__ */ jsx79(SelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ jsx79(SelectValue, { placeholder }) }),
-          /* @__PURE__ */ jsx79(SelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx78(SelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ jsx78(SelectValue, { placeholder }) }),
+          /* @__PURE__ */ jsx78(SelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ jsx78(
             SelectItem,
             {
               value: String(option.value),
@@ -6329,9 +6312,9 @@ var SelectInner = ({
         ]
       }
     ),
-    Boolean(supportingText || errorText) && /* @__PURE__ */ jsxs51("div", { className: "flex min-h-[15px] justify-between pt-1", children: [
-      supportingText && !errorText && /* @__PURE__ */ jsx79("span", { className: "text-xs italic leading-[15px] text-[var(--chekin-color-gray-1)]", children: supportingText }),
-      errorText && /* @__PURE__ */ jsx79("span", { className: "ml-auto text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: errorText })
+    Boolean(supportingText || errorText) && /* @__PURE__ */ jsxs50("div", { className: "flex min-h-[15px] justify-between pt-1", children: [
+      supportingText && !errorText && /* @__PURE__ */ jsx78("span", { className: "text-xs italic leading-[15px] text-[var(--chekin-color-gray-1)]", children: supportingText }),
+      errorText && /* @__PURE__ */ jsx78("span", { className: "ml-auto text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: errorText })
     ] })
   ] });
 };
@@ -6343,7 +6326,7 @@ var Select = SelectForward;
 import * as SelectPrimitive2 from "@radix-ui/react-select";
 import { CheckIcon as CheckIcon3 } from "lucide-react";
 import { forwardRef as forwardRef34, useId as useId6, useState as useState20 } from "react";
-import { jsx as jsx80, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs51 } from "react/jsx-runtime";
 var MultiSelectInner = ({
   label,
   value = [],
@@ -6370,8 +6353,8 @@ var MultiSelectInner = ({
     return value.some((v) => String(v) === String(optionValue));
   };
   const displayText = value.length > 0 ? `${value.length} selected` : placeholder || "Select options";
-  return /* @__PURE__ */ jsxs52("div", { ref, className: cn("group relative w-[300px]", className), children: [
-    label && showLabel && /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsxs51("div", { ref, className: cn("group relative w-[300px]", className), children: [
+    label && showLabel && /* @__PURE__ */ jsx79(
       "label",
       {
         htmlFor: id,
@@ -6379,7 +6362,7 @@ var MultiSelectInner = ({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxs52(
+    /* @__PURE__ */ jsxs51(
       SelectPrimitive2.Root,
       {
         open,
@@ -6387,11 +6370,11 @@ var MultiSelectInner = ({
         value: "",
         disabled,
         children: [
-          /* @__PURE__ */ jsx80(SelectTrigger, { id, children: /* @__PURE__ */ jsx80("span", { className: "text-sm", children: displayText }) }),
-          /* @__PURE__ */ jsx80(SelectContent, { children: options?.map(({ value: optionValue, label: optionLabel }) => {
+          /* @__PURE__ */ jsx79(SelectTrigger, { id, children: /* @__PURE__ */ jsx79("span", { className: "text-sm", children: displayText }) }),
+          /* @__PURE__ */ jsx79(SelectContent, { children: options?.map(({ value: optionValue, label: optionLabel }) => {
             const stringValue = String(optionValue);
             const selected = isSelected(optionValue);
-            return /* @__PURE__ */ jsxs52(
+            return /* @__PURE__ */ jsxs51(
               "div",
               {
                 role: "option",
@@ -6406,8 +6389,8 @@ var MultiSelectInner = ({
                   selected && "bg-[#f9fafb]"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx80("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: selected && /* @__PURE__ */ jsx80(CheckIcon3, { size: 16, strokeWidth: 2 }) }),
-                  /* @__PURE__ */ jsx80("span", { children: optionLabel })
+                  /* @__PURE__ */ jsx79("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: selected && /* @__PURE__ */ jsx79(CheckIcon3, { size: 16, strokeWidth: 2 }) }),
+                  /* @__PURE__ */ jsx79("span", { children: optionLabel })
                 ]
               },
               stringValue
@@ -6423,7 +6406,7 @@ var MultiSelect = forwardRef34(MultiSelectInner);
 // src/select/InfinitySelect.tsx
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { useCallback as useCallback13, useEffect as useEffect20, useId as useId7, useRef as useRef15, useState as useState21 } from "react";
-import { jsx as jsx81, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs52 } from "react/jsx-runtime";
 function InfinitySelect({
   label,
   className,
@@ -6463,8 +6446,8 @@ function InfinitySelect({
     onValueChange?.(selectedValue);
     setIsOpen(false);
   };
-  return /* @__PURE__ */ jsxs53("div", { className: cn("group relative min-w-[300px]", className), children: [
-    /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsxs52("div", { className: cn("group relative min-w-[300px]", className), children: [
+    /* @__PURE__ */ jsx80(
       "label",
       {
         htmlFor: id,
@@ -6472,7 +6455,7 @@ function InfinitySelect({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxs53(
+    /* @__PURE__ */ jsxs52(
       SelectRoot,
       {
         value,
@@ -6480,8 +6463,8 @@ function InfinitySelect({
         open: isOpen,
         onOpenChange: setIsOpen,
         children: [
-          /* @__PURE__ */ jsx81(SelectTrigger, { id, children: /* @__PURE__ */ jsx81(SelectValue, { placeholder }) }),
-          /* @__PURE__ */ jsx81(SelectContent, { children: /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx80(SelectTrigger, { id, children: /* @__PURE__ */ jsx80(SelectValue, { placeholder }) }),
+          /* @__PURE__ */ jsx80(SelectContent, { children: /* @__PURE__ */ jsx80(
             "div",
             {
               ref: parentRef,
@@ -6489,7 +6472,7 @@ function InfinitySelect({
                 height: `${Math.min(maxHeight, virtualizer.getTotalSize())}px`,
                 overflow: "auto"
               },
-              children: /* @__PURE__ */ jsx81(
+              children: /* @__PURE__ */ jsx80(
                 "div",
                 {
                   style: {
@@ -6500,7 +6483,7 @@ function InfinitySelect({
                   children: virtualizer.getVirtualItems().map((virtualItem) => {
                     const isLoading = virtualItem.index >= options.length;
                     const option = options[virtualItem.index];
-                    return /* @__PURE__ */ jsx81(
+                    return /* @__PURE__ */ jsx80(
                       "div",
                       {
                         style: {
@@ -6511,10 +6494,10 @@ function InfinitySelect({
                           height: `${virtualItem.size}px`,
                           transform: `translateY(${virtualItem.start}px)`
                         },
-                        children: isLoading || !option ? /* @__PURE__ */ jsx81("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2 text-sm text-[var(--chekin-color-gray-1)]", children: [
-                          /* @__PURE__ */ jsx81("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+                        children: isLoading || !option ? /* @__PURE__ */ jsx80("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-2 text-sm text-[var(--chekin-color-gray-1)]", children: [
+                          /* @__PURE__ */ jsx80("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
                           "Loading more..."
-                        ] }) }) : /* @__PURE__ */ jsx81(
+                        ] }) }) : /* @__PURE__ */ jsx80(
                           SelectItem,
                           {
                             value: String(option.value),
@@ -6537,7 +6520,7 @@ function InfinitySelect({
 }
 
 // src/pagination/Pagination.tsx
-import { jsx as jsx82, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs53 } from "react/jsx-runtime";
 var pageSizeOptions = [10, 20, 25, 30, 40, 50];
 function Pagination({
   page,
@@ -6550,7 +6533,7 @@ function Pagination({
   totalItems = 0,
   className
 }) {
-  const { t } = useTranslation17();
+  const { t } = useTranslation16();
   const isSimpleVariant = variant === "simple";
   const startItem = totalItems === 0 ? 0 : (page - 1) * pageSize + 1;
   const endItem = Math.min(page * pageSize, totalItems);
@@ -6576,7 +6559,7 @@ function Pagination({
   if (totalItems === 0 || !shouldShowPagination) {
     return null;
   }
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs53(
     "div",
     {
       className: cn(
@@ -6584,24 +6567,24 @@ function Pagination({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx82("div", { className: "mr-auto flex-1 self-start font-medium text-[var(--chekin-color-gray-1)] sm:self-center", children: getInfoText() }),
-        /* @__PURE__ */ jsxs54("div", { className: "ml-auto flex w-full items-center gap-8 sm:w-fit", children: [
-          !isSimpleVariant && showPageSizeSelector && /* @__PURE__ */ jsxs54("div", { className: "hidden items-center gap-2 sm:flex", children: [
-            /* @__PURE__ */ jsx82("p", { className: "font-medium text-[var(--chekin-color-gray-1)]", children: t("rows_per_page") }),
-            /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx81("div", { className: "mr-auto flex-1 self-start font-medium text-[var(--chekin-color-gray-1)] sm:self-center", children: getInfoText() }),
+        /* @__PURE__ */ jsxs53("div", { className: "ml-auto flex w-full items-center gap-8 sm:w-fit", children: [
+          !isSimpleVariant && showPageSizeSelector && /* @__PURE__ */ jsxs53("div", { className: "hidden items-center gap-2 sm:flex", children: [
+            /* @__PURE__ */ jsx81("p", { className: "font-medium text-[var(--chekin-color-gray-1)]", children: t("rows_per_page") }),
+            /* @__PURE__ */ jsx81(
               Select,
               {
                 value: pageSize.toString(),
                 onValueChange: (value) => onPageSizeChange(parseInt(value, 10)),
                 triggerClassName: "h-8 w-[67px]",
                 containerClassName: "w-[67px] gap-0",
-                children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx82(SelectItem, { value: size.toString(), children: size }, size))
+                children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx81(SelectItem, { value: size.toString(), children: size }, size))
               }
             )
           ] }),
-          !isSimpleVariant && /* @__PURE__ */ jsx82("div", { className: "flex w-fit items-center justify-center font-medium", children: t("page_of_pages", { page, pages }) }),
-          /* @__PURE__ */ jsxs54("div", { className: "ml-auto flex items-center gap-2 sm:ml-0", children: [
-            !isSimpleVariant && /* @__PURE__ */ jsxs54(
+          !isSimpleVariant && /* @__PURE__ */ jsx81("div", { className: "flex w-fit items-center justify-center font-medium", children: t("page_of_pages", { page, pages }) }),
+          /* @__PURE__ */ jsxs53("div", { className: "ml-auto flex items-center gap-2 sm:ml-0", children: [
+            !isSimpleVariant && /* @__PURE__ */ jsxs53(
               Button,
               {
                 variant: "outline",
@@ -6610,12 +6593,12 @@ function Pagination({
                 onClick: goToFirstPage,
                 disabled: !canGoPrevious,
                 children: [
-                  /* @__PURE__ */ jsx82("span", { className: "sr-only", children: t("go_to_first_page") }),
-                  /* @__PURE__ */ jsx82(ChevronsLeft, {})
+                  /* @__PURE__ */ jsx81("span", { className: "sr-only", children: t("go_to_first_page") }),
+                  /* @__PURE__ */ jsx81(ChevronsLeft, {})
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs54(
+            /* @__PURE__ */ jsxs53(
               Button,
               {
                 variant: isSimpleVariant ? "link" : "outline",
@@ -6626,12 +6609,12 @@ function Pagination({
                 onClick: goToPreviousPage,
                 disabled: !canGoPrevious,
                 children: [
-                  /* @__PURE__ */ jsx82("span", { className: "sr-only", children: t("go_to_previous_page") }),
-                  /* @__PURE__ */ jsx82(ChevronLeft2, {})
+                  /* @__PURE__ */ jsx81("span", { className: "sr-only", children: t("go_to_previous_page") }),
+                  /* @__PURE__ */ jsx81(ChevronLeft2, {})
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs54(
+            /* @__PURE__ */ jsxs53(
               Button,
               {
                 variant: isSimpleVariant ? "link" : "outline",
@@ -6642,12 +6625,12 @@ function Pagination({
                 onClick: goToNextPage,
                 disabled: !canGoNext,
                 children: [
-                  /* @__PURE__ */ jsx82("span", { className: "sr-only", children: t("go_to_next_page") }),
-                  /* @__PURE__ */ jsx82(ChevronRight4, {})
+                  /* @__PURE__ */ jsx81("span", { className: "sr-only", children: t("go_to_next_page") }),
+                  /* @__PURE__ */ jsx81(ChevronRight4, {})
                 ]
               }
             ),
-            !isSimpleVariant && /* @__PURE__ */ jsxs54(
+            !isSimpleVariant && /* @__PURE__ */ jsxs53(
               Button,
               {
                 variant: "outline",
@@ -6656,8 +6639,8 @@ function Pagination({
                 onClick: goToLastPage,
                 disabled: !canGoNext,
                 children: [
-                  /* @__PURE__ */ jsx82("span", { className: "sr-only", children: t("go_to_last_page") }),
-                  /* @__PURE__ */ jsx82(ChevronsRight, {})
+                  /* @__PURE__ */ jsx81("span", { className: "sr-only", children: t("go_to_last_page") }),
+                  /* @__PURE__ */ jsx81(ChevronsRight, {})
                 ]
               }
             )
@@ -6671,13 +6654,13 @@ function Pagination({
 // src/popover/Popover.tsx
 import * as React23 from "react";
 import * as RadixPopover from "@radix-ui/react-popover";
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var Popover = RadixPopover.Root;
 var PopoverTrigger = RadixPopover.Trigger;
 var PopoverAnchor = RadixPopover.Anchor;
 var PopoverPortal = RadixPopover.Portal;
 var PopoverClose = RadixPopover.Close;
-var PopoverContent = React23.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ jsx83(RadixPopover.Portal, { children: /* @__PURE__ */ jsx83(
+var PopoverContent = React23.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ jsx82(RadixPopover.Portal, { children: /* @__PURE__ */ jsx82(
   RadixPopover.Content,
   {
     ref,
@@ -6697,7 +6680,7 @@ PopoverContent.displayName = "PopoverContent";
 // src/popover/PopoverWithTooltip.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as TooltipPrimitive2 from "@radix-ui/react-tooltip";
-import { jsx as jsx84, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs54 } from "react/jsx-runtime";
 function PopoverWithTooltip({
   children,
   popoverContent,
@@ -6707,10 +6690,10 @@ function PopoverWithTooltip({
   popoverContentClassName,
   tooltipVariant = "light"
 }) {
-  return /* @__PURE__ */ jsx84(TooltipPrimitive2.Provider, { delayDuration: 0, children: /* @__PURE__ */ jsxs55(TooltipPrimitive2.Root, { open: open ? false : void 0, children: [
-    /* @__PURE__ */ jsxs55(PopoverPrimitive.Root, { open, onOpenChange, children: [
-      /* @__PURE__ */ jsx84(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx84(PopoverPrimitive.Trigger, { asChild: true, children }) }),
-      /* @__PURE__ */ jsx84(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx83(TooltipPrimitive2.Provider, { delayDuration: 0, children: /* @__PURE__ */ jsxs54(TooltipPrimitive2.Root, { open: open ? false : void 0, children: [
+    /* @__PURE__ */ jsxs54(PopoverPrimitive.Root, { open, onOpenChange, children: [
+      /* @__PURE__ */ jsx83(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx83(PopoverPrimitive.Trigger, { asChild: true, children }) }),
+      /* @__PURE__ */ jsx83(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx83(
         PopoverPrimitive.Content,
         {
           align: "center",
@@ -6728,7 +6711,7 @@ function PopoverWithTooltip({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx84(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ jsxs55(
+    /* @__PURE__ */ jsx83(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ jsxs54(
       TooltipPrimitive2.Content,
       {
         sideOffset: 5,
@@ -6745,7 +6728,7 @@ function PopoverWithTooltip({
         ),
         children: [
           tooltipContent,
-          /* @__PURE__ */ jsx84(
+          /* @__PURE__ */ jsx83(
             TooltipPrimitive2.Arrow,
             {
               className: cn(
@@ -6770,8 +6753,8 @@ import { forwardRef as forwardRef37 } from "react";
 import * as React24 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle as Circle2 } from "lucide-react";
-import { jsx as jsx85 } from "react/jsx-runtime";
-var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(
+import { jsx as jsx84 } from "react/jsx-runtime";
+var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx84(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -6780,7 +6763,7 @@ var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(
+var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx84(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -6791,7 +6774,7 @@ var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx85(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx85(Circle2, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    children: /* @__PURE__ */ jsx84(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx84(Circle2, { className: "h-2.5 w-2.5 fill-current text-current" }) })
   }
 ));
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
@@ -6818,7 +6801,7 @@ function useRadioOptions({ options, defaultValue, onChange }) {
 }
 
 // src/radio/Radio.tsx
-import { Fragment as Fragment9, jsx as jsx86, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx85, jsxs as jsxs55 } from "react/jsx-runtime";
 var Radio = forwardRef37(
   ({ options, value, onChange, error, className = "", disabled = false, renderOption }, ref) => {
     const { selectedValue, handleValueChange } = useRadioOptions({
@@ -6832,8 +6815,8 @@ var Radio = forwardRef37(
       }
       return option.value === selectedValue;
     };
-    return /* @__PURE__ */ jsxs56(Fragment9, { children: [
-      /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsxs55(Fragment9, { children: [
+      /* @__PURE__ */ jsx85(
         RadioGroup2,
         {
           ref,
@@ -6841,7 +6824,7 @@ var Radio = forwardRef37(
           onValueChange: handleValueChange,
           className: cn(className, "radio"),
           disabled,
-          children: options.map((option) => /* @__PURE__ */ jsx86(
+          children: options.map((option) => /* @__PURE__ */ jsx85(
             "label",
             {
               className: cn(
@@ -6849,8 +6832,8 @@ var Radio = forwardRef37(
                 "flex cursor-pointer items-center gap-2",
                 (disabled || option.disabled) && "cursor-default opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
               ),
-              children: renderOption ? renderOption({ option, isSelected: getIsSelected(option) }) : /* @__PURE__ */ jsxs56(Fragment9, { children: [
-                /* @__PURE__ */ jsx86(
+              children: renderOption ? renderOption({ option, isSelected: getIsSelected(option) }) : /* @__PURE__ */ jsxs55(Fragment9, { children: [
+                /* @__PURE__ */ jsx85(
                   RadioGroupItem,
                   {
                     value: option.value,
@@ -6859,27 +6842,27 @@ var Radio = forwardRef37(
                     className: "radio__indicator"
                   }
                 ),
-                /* @__PURE__ */ jsx86("p", { className: "radio_label", children: option.label })
+                /* @__PURE__ */ jsx85("p", { className: "radio_label", children: option.label })
               ] })
             },
             option.value
           ))
         }
       ),
-      error && /* @__PURE__ */ jsx86(ErrorMessage, { children: error })
+      error && /* @__PURE__ */ jsx85(ErrorMessage, { children: error })
     ] });
   }
 );
 Radio.displayName = "Radio";
 
 // src/radio/RadioWithBorder.tsx
-import { jsx as jsx87, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs56 } from "react/jsx-runtime";
 function RadioWithBorder({ ...props }) {
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx86(
     Radio,
     {
       ...props,
-      renderOption: ({ option, isSelected }) => /* @__PURE__ */ jsxs57(
+      renderOption: ({ option, isSelected }) => /* @__PURE__ */ jsxs56(
         "div",
         {
           className: cn(
@@ -6887,7 +6870,7 @@ function RadioWithBorder({ ...props }) {
             isSelected && "border-[var(--chekin-color-brand-blue)] bg-[var(--chekin-color-surface-autocomplete)]"
           ),
           children: [
-            /* @__PURE__ */ jsx87(
+            /* @__PURE__ */ jsx86(
               RadioGroupItem,
               {
                 className: "mt-1",
@@ -6896,9 +6879,9 @@ function RadioWithBorder({ ...props }) {
                 disabled: option.disabled
               }
             ),
-            /* @__PURE__ */ jsxs57("div", { className: "space-y-1 leading-6", children: [
-              /* @__PURE__ */ jsx87("p", { className: "font-semibold", children: option.label }),
-              option.data?.description && /* @__PURE__ */ jsx87("p", { className: "text-sm font-medium text-[var(--chekin-color-gray-1)]", children: option.data.description })
+            /* @__PURE__ */ jsxs56("div", { className: "space-y-1 leading-6", children: [
+              /* @__PURE__ */ jsx86("p", { className: "font-semibold", children: option.label }),
+              option.data?.description && /* @__PURE__ */ jsx86("p", { className: "text-sm font-medium text-[var(--chekin-color-gray-1)]", children: option.data.description })
             ] })
           ]
         }
@@ -6908,7 +6891,7 @@ function RadioWithBorder({ ...props }) {
 }
 
 // src/rating-progress/RatingProgress.tsx
-import { jsx as jsx88, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs57 } from "react/jsx-runtime";
 var getRatingColor = (score, maxScore) => {
   const percentage = score / maxScore * 100;
   if (percentage === 0) return "#ff2765";
@@ -6927,7 +6910,7 @@ function RatingProgress({
 }) {
   const percentage = Math.max(0, Math.min(100, score / maxScore * 100));
   const color = getRatingColor(score, maxScore);
-  return /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs57(
     "div",
     {
       className: cn(
@@ -6935,13 +6918,13 @@ function RatingProgress({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs58("div", { className: "flex w-full items-start justify-between text-sm font-medium leading-6", children: [
-          /* @__PURE__ */ jsx88("p", { className: "min-w-0 flex-1", children: label }),
-          /* @__PURE__ */ jsx88("p", { className: "shrink-0 whitespace-pre", children: score.toFixed(1) })
+        /* @__PURE__ */ jsxs57("div", { className: "flex w-full items-start justify-between text-sm font-medium leading-6", children: [
+          /* @__PURE__ */ jsx87("p", { className: "min-w-0 flex-1", children: label }),
+          /* @__PURE__ */ jsx87("p", { className: "shrink-0 whitespace-pre", children: score.toFixed(1) })
         ] }),
-        /* @__PURE__ */ jsxs58("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ jsx88("div", { className: "h-1.5 w-full rounded-[24px] bg-[var(--chekin-color-gray-3)]" }),
-          /* @__PURE__ */ jsx88(
+        /* @__PURE__ */ jsxs57("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ jsx87("div", { className: "h-1.5 w-full rounded-[24px] bg-[var(--chekin-color-gray-3)]" }),
+          /* @__PURE__ */ jsx87(
             "div",
             {
               className: "absolute left-0 top-0 h-1.5 rounded-[24px] transition-all duration-300 ease-out",
@@ -6959,7 +6942,7 @@ function RatingProgress({
 
 // src/rating-radio-group/RatingRadioGroup.tsx
 import { Star } from "lucide-react";
-import { jsx as jsx89, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs58 } from "react/jsx-runtime";
 var getStarColor = (optionValue) => (value) => {
   if (value >= optionValue) return "#facc15";
   return "var(--chekin-color-gray-1)";
@@ -6972,10 +6955,10 @@ function RatingRadioGroup({
   className,
   options
 }) {
-  return /* @__PURE__ */ jsxs59("fieldset", { className: cn("relative [all:unset]", className), children: [
-    label && /* @__PURE__ */ jsx89("legend", { className: "mb-2", children: label }),
-    /* @__PURE__ */ jsx89("div", { className: "RatingRadioGroup__list flex gap-2", children: options.map((option) => /* @__PURE__ */ jsxs59("label", { children: [
-      /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsxs58("fieldset", { className: cn("relative [all:unset]", className), children: [
+    label && /* @__PURE__ */ jsx88("legend", { className: "mb-2", children: label }),
+    /* @__PURE__ */ jsx88("div", { className: "RatingRadioGroup__list flex gap-2", children: options.map((option) => /* @__PURE__ */ jsxs58("label", { children: [
+      /* @__PURE__ */ jsx88(
         "input",
         {
           className: "peer absolute h-0 w-0 opacity-0",
@@ -6986,7 +6969,7 @@ function RatingRadioGroup({
           onChange: () => onChange?.(option.value)
         }
       ),
-      /* @__PURE__ */ jsx89(
+      /* @__PURE__ */ jsx88(
         Star,
         {
           className: "cursor-pointer rounded peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-[#385bf8]",
@@ -7003,8 +6986,8 @@ function RatingRadioGroup({
 // src/rating-stars/RatingStars.tsx
 import * as React25 from "react";
 import { Star as Star2 } from "lucide-react";
-import { useTranslation as useTranslation18 } from "react-i18next";
-import { jsx as jsx90, jsxs as jsxs60 } from "react/jsx-runtime";
+import { useTranslation as useTranslation17 } from "react-i18next";
+import { jsx as jsx89, jsxs as jsxs59 } from "react/jsx-runtime";
 function RatingStars({
   rating,
   maxRating = 5,
@@ -7018,7 +7001,7 @@ function RatingStars({
   filledColor = "#ffb700",
   emptyColor = "var(--chekin-color-gray-3)"
 }) {
-  const { t } = useTranslation18();
+  const { t } = useTranslation17();
   const normalizedRating = Math.max(0, Math.min(maxRating, rating));
   const stars = Array.from({ length: maxRating }, (_, index) => index + 1);
   const componentId = React25.useId();
@@ -7034,18 +7017,18 @@ function RatingStars({
     }
     return emptyColor;
   };
-  return /* @__PURE__ */ jsxs60("div", { className: cn("flex flex-col items-start gap-2", className), children: [
-    showText && /* @__PURE__ */ jsxs60("p", { className: "text-4xl font-medium", children: [
+  return /* @__PURE__ */ jsxs59("div", { className: cn("flex flex-col items-start gap-2", className), children: [
+    showText && /* @__PURE__ */ jsxs59("p", { className: "text-4xl font-medium", children: [
       normalizedRating,
       "/",
       maxRating
     ] }),
-    /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx90("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ jsx90("defs", { children: /* @__PURE__ */ jsxs60("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-        /* @__PURE__ */ jsx90("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
-        /* @__PURE__ */ jsx90("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
+    /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx89("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ jsx89("defs", { children: /* @__PURE__ */ jsxs59("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
+        /* @__PURE__ */ jsx89("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
+        /* @__PURE__ */ jsx89("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
       ] }) }) }),
-      stars.map((star) => /* @__PURE__ */ jsx90(
+      stars.map((star) => /* @__PURE__ */ jsx89(
         Star2,
         {
           size,
@@ -7057,22 +7040,22 @@ function RatingStars({
         star
       ))
     ] }),
-    (reviewCount !== void 0 || description) && /* @__PURE__ */ jsxs60("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
-      reviewCount !== void 0 && /* @__PURE__ */ jsxs60("p", { className: "text-xs leading-4", children: [
+    (reviewCount !== void 0 || description) && /* @__PURE__ */ jsxs59("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
+      reviewCount !== void 0 && /* @__PURE__ */ jsxs59("p", { className: "text-xs leading-4", children: [
         reviewCount,
         " ",
         reviewsLabel || t("reviews")
       ] }),
-      description && /* @__PURE__ */ jsx90("p", { className: "text-sm leading-6", children: description })
+      description && /* @__PURE__ */ jsx89("p", { className: "text-sm leading-6", children: description })
     ] })
   ] });
 }
 
 // src/rotate-icon/RotateIcon.tsx
 import { ChevronUp } from "lucide-react";
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 function RotateIcon({ active, className }) {
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx90(
     ChevronUp,
     {
       className: cn(
@@ -7086,9 +7069,9 @@ function RotateIcon({ active, className }) {
 
 // src/search-button/SearchButton.tsx
 import { Search } from "lucide-react";
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 function SearchButton({ onClick, className, icon, ariaLabel }) {
-  return /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx91(
     "button",
     {
       onClick,
@@ -7096,15 +7079,15 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
       "data-testid": "search-button",
       "aria-label": ariaLabel,
       type: "button",
-      children: icon || /* @__PURE__ */ jsx92(Search, { size: 12, strokeWidth: 4, className: "text-[var(--chekin-color-gray-1)]" })
+      children: icon || /* @__PURE__ */ jsx91(Search, { size: 12, strokeWidth: 4, className: "text-[var(--chekin-color-gray-1)]" })
     }
   );
 }
 
 // src/search-input/SearchInput.tsx
 import { Loader2 as Loader22, Search as Search2, X as X6 } from "lucide-react";
-import { useTranslation as useTranslation19 } from "react-i18next";
-import { jsx as jsx93, jsxs as jsxs61 } from "react/jsx-runtime";
+import { useTranslation as useTranslation18 } from "react-i18next";
+import { jsx as jsx92, jsxs as jsxs60 } from "react/jsx-runtime";
 function SearchInput({
   disabled,
   invalid,
@@ -7118,20 +7101,20 @@ function SearchInput({
   className,
   ...props
 }) {
-  const { t } = useTranslation19();
+  const { t } = useTranslation18();
   const placeholderText = placeholder || `${t("search_property")}...`;
   const isBlocked = Boolean(disabled) || Boolean(loading);
   const optionalLabel = optional ? typeof optional === "string" ? optional : t("optional") : void 0;
   const hasLabelMeta = Boolean(optionalLabel) || Boolean(tooltip);
-  return /* @__PURE__ */ jsxs61("div", { className: cn("input-wrapper", wrapperClassName), children: [
-    (label || hasLabelMeta) && /* @__PURE__ */ jsxs61("div", { className: "mb-2 inline-flex max-w-full items-center gap-1.5 text-sm font-medium text-[var(--chekin-color-brand-navy)]", children: [
-      label && /* @__PURE__ */ jsx93("span", { className: "min-w-0 truncate", children: label }),
-      optionalLabel && /* @__PURE__ */ jsx93("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
-      tooltip && /* @__PURE__ */ jsx93(HelpTooltip, { content: tooltip, side: "top", size: 16 })
+  return /* @__PURE__ */ jsxs60("div", { className: cn("input-wrapper", wrapperClassName), children: [
+    (label || hasLabelMeta) && /* @__PURE__ */ jsxs60("div", { className: "mb-2 inline-flex max-w-full items-center gap-1.5 text-sm font-medium text-[var(--chekin-color-brand-navy)]", children: [
+      label && /* @__PURE__ */ jsx92("span", { className: "min-w-0 truncate", children: label }),
+      optionalLabel && /* @__PURE__ */ jsx92("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
+      tooltip && /* @__PURE__ */ jsx92(HelpTooltip, { content: tooltip, side: "top", size: 16 })
     ] }),
-    /* @__PURE__ */ jsxs61("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx93(Search2, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-color-gray-2)]" }),
-      /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsxs60("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx92(Search2, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-color-gray-2)]" }),
+      /* @__PURE__ */ jsx92(
         Input,
         {
           ...props,
@@ -7149,15 +7132,15 @@ function SearchInput({
           )
         }
       ),
-      (loading || onReset) && /* @__PURE__ */ jsxs61("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
-        loading && /* @__PURE__ */ jsx93(
+      (loading || onReset) && /* @__PURE__ */ jsxs60("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
+        loading && /* @__PURE__ */ jsx92(
           Loader22,
           {
             "aria-hidden": "true",
             className: "h-5 w-5 animate-spin text-[var(--chekin-color-gray-2)]"
           }
         ),
-        onReset && /* @__PURE__ */ jsx93(
+        onReset && /* @__PURE__ */ jsx92(
           Button,
           {
             variant: "ghost",
@@ -7165,7 +7148,7 @@ function SearchInput({
             disabled: isBlocked,
             className: "h-7 w-7 p-0 text-[var(--chekin-color-gray-2)]",
             "aria-label": t("reset_search"),
-            children: /* @__PURE__ */ jsx93(X6, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx92(X6, { className: "h-5 w-5" })
           }
         )
       ] })
@@ -7191,9 +7174,9 @@ var sectionTagVariants = cva10(
 );
 
 // src/section-tag/SectionTag.tsx
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 function SectionTag({ label, color = "green", className }) {
-  return /* @__PURE__ */ jsx94("div", { className: cn(sectionTagVariants({ color }), className), children: label });
+  return /* @__PURE__ */ jsx93("div", { className: cn(sectionTagVariants({ color }), className), children: label });
 }
 
 // src/section-tag/constants.ts
@@ -7206,7 +7189,7 @@ var SectionTagColors = /* @__PURE__ */ ((SectionTagColors2) => {
 // src/section/Section.tsx
 import { forwardRef as forwardRef38 } from "react";
 import { CircleHelp } from "lucide-react";
-import { useTranslation as useTranslation20 } from "react-i18next";
+import { useTranslation as useTranslation19 } from "react-i18next";
 
 // src/section/constants.ts
 var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
@@ -7216,16 +7199,16 @@ var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
 })(SubSectionSize || {});
 
 // src/section/Section.tsx
-import { jsx as jsx95, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs61 } from "react/jsx-runtime";
 function TooltipInfo({ content, className }) {
-  return /* @__PURE__ */ jsx95(Tooltip, { side: "right", content, contentClassName: "max-w-64", children: /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx94(Tooltip, { side: "right", content, contentClassName: "max-w-64", children: /* @__PURE__ */ jsx94(
     "button",
     {
       type: "button",
       className: cn("inline-flex text-[var(--chekin-color-gray-1)]", className),
       onClick: (event) => event.stopPropagation(),
       "aria-label": typeof content === "string" ? content : "More information",
-      children: /* @__PURE__ */ jsx95(CircleHelp, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ jsx94(CircleHelp, { className: "h-4 w-4" })
     }
   ) });
 }
@@ -7244,8 +7227,8 @@ var Section = forwardRef38(
     hidden,
     size
   }, ref) => {
-    const { t } = useTranslation20();
-    return /* @__PURE__ */ jsxs62(
+    const { t } = useTranslation19();
+    return /* @__PURE__ */ jsxs61(
       "div",
       {
         ref,
@@ -7257,8 +7240,8 @@ var Section = forwardRef38(
           className
         ),
         children: [
-          (title || subtitle) && /* @__PURE__ */ jsxs62("div", { className: "flex flex-col gap-2", children: [
-            title && /* @__PURE__ */ jsxs62(
+          (title || subtitle) && /* @__PURE__ */ jsxs61("div", { className: "flex flex-col gap-2", children: [
+            title && /* @__PURE__ */ jsxs61(
               "div",
               {
                 className: cn(
@@ -7267,17 +7250,17 @@ var Section = forwardRef38(
                 ),
                 children: [
                   title,
-                  titleTooltip && /* @__PURE__ */ jsx95("div", { className: "ml-2.5", children: /* @__PURE__ */ jsx95(TooltipInfo, { content: titleTooltip }) }),
-                  linkContent && /* @__PURE__ */ jsx95("div", { className: "ml-6 text-sm font-semibold text-[var(--chekin-color-brand-blue)] no-underline hover:opacity-70 active:opacity-100", children: linkContent })
+                  titleTooltip && /* @__PURE__ */ jsx94("div", { className: "ml-2.5", children: /* @__PURE__ */ jsx94(TooltipInfo, { content: titleTooltip }) }),
+                  linkContent && /* @__PURE__ */ jsx94("div", { className: "ml-6 text-sm font-semibold text-[var(--chekin-color-brand-blue)] no-underline hover:opacity-70 active:opacity-100", children: linkContent })
                 ]
               }
             ),
-            subtitle && /* @__PURE__ */ jsxs62("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
-              /* @__PURE__ */ jsx95("div", { className: "inline text-base font-normal text-[var(--chekin-color-gray-1)]", children: subtitle }),
-              subtitleTooltip && /* @__PURE__ */ jsx95("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ jsx95(TooltipInfo, { content: subtitleTooltip }) })
+            subtitle && /* @__PURE__ */ jsxs61("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
+              /* @__PURE__ */ jsx94("div", { className: "inline text-base font-normal text-[var(--chekin-color-gray-1)]", children: subtitle }),
+              subtitleTooltip && /* @__PURE__ */ jsx94("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ jsx94(TooltipInfo, { content: subtitleTooltip }) })
             ] })
           ] }),
-          loading && showLoader ? /* @__PURE__ */ jsx95(
+          loading && showLoader ? /* @__PURE__ */ jsx94(
             CircularLoader,
             {
               size: "md",
@@ -7292,7 +7275,7 @@ var Section = forwardRef38(
 );
 Section.displayName = "Section";
 var SubSection = forwardRef38(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx95(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
     Section,
     {
       ref,
@@ -7306,7 +7289,7 @@ var SubSection = forwardRef38(
 );
 SubSection.displayName = "SubSection";
 var DividingSubsection = forwardRef38(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx95(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
     SubSection,
     {
       ref,
@@ -7326,7 +7309,7 @@ import {
 } from "react";
 
 // src/selector-button/SelectorButton.tsx
-import { jsx as jsx96, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs62 } from "react/jsx-runtime";
 function SelectorButton({
   active,
   onClick,
@@ -7351,7 +7334,7 @@ function SelectorButton({
       event.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs62(
     "label",
     {
       className: cn(
@@ -7365,7 +7348,7 @@ function SelectorButton({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx96(
+        /* @__PURE__ */ jsx95(
           "input",
           {
             onClick: handleChange,
@@ -7376,7 +7359,7 @@ function SelectorButton({
             readOnly
           }
         ),
-        /* @__PURE__ */ jsx96("div", { className: "flex h-full items-center", children })
+        /* @__PURE__ */ jsx95("div", { className: "flex h-full items-center", children })
       ]
     }
   );
@@ -7384,7 +7367,7 @@ function SelectorButton({
 SelectorButton.displayName = "SelectorButton";
 
 // src/selectors/Selectors.tsx
-import { Fragment as Fragment10, jsx as jsx97, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx96, jsxs as jsxs63 } from "react/jsx-runtime";
 var getValueArray = (value) => {
   if (value) {
     return Array.isArray(value) ? value : [value];
@@ -7441,9 +7424,9 @@ function SelectorsInternal({
   useEffect21(() => {
     onAnySelectorActive?.(isAnyActive);
   }, [isAnyActive, onAnySelectorActive]);
-  return /* @__PURE__ */ jsxs64(Fragment10, { children: [
-    label && /* @__PURE__ */ jsx97("div", { className: "flex [&_span]:ml-[5px]", children: /* @__PURE__ */ jsx97("div", { className: "label box-border mb-1.5 min-h-5 select-none overflow-x-hidden text-ellipsis whitespace-nowrap text-left text-base font-normal text-[var(--chekin-color-brand-navy)]", children: label }) }),
-    /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsxs63(Fragment10, { children: [
+    label && /* @__PURE__ */ jsx96("div", { className: "flex [&_span]:ml-[5px]", children: /* @__PURE__ */ jsx96("div", { className: "label box-border mb-1.5 min-h-5 select-none overflow-x-hidden text-ellipsis whitespace-nowrap text-left text-base font-normal text-[var(--chekin-color-brand-navy)]", children: label }) }),
+    /* @__PURE__ */ jsx96(
       "div",
       {
         ref,
@@ -7456,7 +7439,7 @@ function SelectorsInternal({
           const isDisabled = disabled || disabledItems?.includes(option.value) || option.disabled;
           const isMinSelected = getValueArray(value).length <= minSelected;
           const isReadOnly = readOnly || isMinSelected && isSelected || readonlyItems?.includes(option.value);
-          return /* @__PURE__ */ jsx97(
+          return /* @__PURE__ */ jsx96(
             SelectorButton,
             {
               loading,
@@ -7487,14 +7470,14 @@ var Selectors = forwardRef39(SelectorsInternal);
 
 // src/separator/Separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 function Separator3({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx97(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -7512,24 +7495,24 @@ function Separator3({
 // src/sheet/Sheet.tsx
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx99, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs64 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx99(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx98(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx99(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx98(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({ ...props }) {
-  return /* @__PURE__ */ jsx99(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx98(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsx99(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx98(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx98(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -7547,9 +7530,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs65(SheetPortal, { children: [
-    /* @__PURE__ */ jsx99(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs64(SheetPortal, { children: [
+    /* @__PURE__ */ jsx98(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs64(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -7564,9 +7547,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs65(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--chekin-radius-small)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-[var(--chekin-shadow-focus)] disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx99(XIcon2, { className: "size-4" }),
-            /* @__PURE__ */ jsx99("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsxs64(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--chekin-radius-small)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-[var(--chekin-shadow-focus)] disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx98(XIcon2, { className: "size-4" }),
+            /* @__PURE__ */ jsx98("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -7574,7 +7557,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx98(
     "div",
     {
       "data-slot": "sheet-header",
@@ -7584,7 +7567,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx98(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -7597,7 +7580,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx98(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -7610,7 +7593,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx98(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -7627,9 +7610,9 @@ import { cva as cva11 } from "class-variance-authority";
 import { ArrowLeftFromLineIcon, ArrowRightFromLineIcon } from "lucide-react";
 
 // src/skeleton/Skeleton.tsx
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { jsx as jsx99 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx99(
     "div",
     {
       "data-slot": "skeleton",
@@ -7659,7 +7642,7 @@ function useSidebarMenuButton() {
 }
 
 // src/sidebar/SidebarIcon.tsx
-import { jsx as jsx101 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var SidebarIcon = ({
   children,
   isActive: isActiveProp,
@@ -7676,7 +7659,7 @@ var SidebarIcon = ({
     }
     return highlighted ? "bg-[var(--chekin-color-surface-pressed)]" : "bg-[var(--chekin-color-surface-input-empty)]";
   })();
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx100(
     "div",
     {
       className: cn(
@@ -7709,7 +7692,7 @@ function useSidebarSafe() {
 }
 
 // src/sidebar/Sidebar.tsx
-import { jsx as jsx102, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs65 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME_DEFAULT = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH_MOBILE = "18rem";
@@ -7767,7 +7750,7 @@ var SidebarProvider = React26.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ jsx102(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx102(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx102(
+    return /* @__PURE__ */ jsx101(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx101(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx101(
       "div",
       {
         style,
@@ -7791,7 +7774,7 @@ var Sidebar = React26.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ jsx102(
+      return /* @__PURE__ */ jsx101(
         "div",
         {
           className: cn(
@@ -7805,7 +7788,7 @@ var Sidebar = React26.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ jsx102(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs66(
+      return /* @__PURE__ */ jsx101(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs65(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -7817,16 +7800,16 @@ var Sidebar = React26.forwardRef(
           style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
           side,
           children: [
-            /* @__PURE__ */ jsxs66(SheetHeader, { className: "sr-only", children: [
-              /* @__PURE__ */ jsx102(SheetTitle, { children: "Sidebar" }),
-              /* @__PURE__ */ jsx102(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsxs65(SheetHeader, { className: "sr-only", children: [
+              /* @__PURE__ */ jsx101(SheetTitle, { children: "Sidebar" }),
+              /* @__PURE__ */ jsx101(SheetDescription, { children: "Displays the mobile sidebar." })
             ] }),
-            /* @__PURE__ */ jsx102("div", { className: "flex h-full w-full flex-col", children })
+            /* @__PURE__ */ jsx101("div", { className: "flex h-full w-full flex-col", children })
           ]
         }
       ) });
     }
-    return /* @__PURE__ */ jsxs66(
+    return /* @__PURE__ */ jsxs65(
       "div",
       {
         ref,
@@ -7837,7 +7820,7 @@ var Sidebar = React26.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ jsx102(
+          /* @__PURE__ */ jsx101(
             "div",
             {
               className: cn(
@@ -7848,7 +7831,7 @@ var Sidebar = React26.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx102(
+          /* @__PURE__ */ jsx101(
             "div",
             {
               className: cn(
@@ -7858,7 +7841,7 @@ var Sidebar = React26.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ jsx102(
+              children: /* @__PURE__ */ jsx101(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -7876,7 +7859,7 @@ var Sidebar = React26.forwardRef(
 Sidebar.displayName = "Sidebar";
 var SidebarTrigger = React26.forwardRef(({ className, onClick, icon, ...props }, ref) => {
   const { toggleSidebar, open, isMobile, openMobile } = useSidebar();
-  return /* @__PURE__ */ jsxs66(
+  return /* @__PURE__ */ jsxs65(
     Button,
     {
       ref,
@@ -7894,8 +7877,8 @@ var SidebarTrigger = React26.forwardRef(({ className, onClick, icon, ...props },
       },
       ...props,
       children: [
-        icon || (isMobile ? openMobile : open) ? icon || /* @__PURE__ */ jsx102(ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ jsx102(ArrowRightFromLineIcon, {}),
-        /* @__PURE__ */ jsx102("span", { className: "sr-only", children: "Toggle Sidebar" })
+        icon || (isMobile ? openMobile : open) ? icon || /* @__PURE__ */ jsx101(ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ jsx101(ArrowRightFromLineIcon, {}),
+        /* @__PURE__ */ jsx101("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
@@ -7904,7 +7887,7 @@ SidebarTrigger.displayName = "SidebarTrigger";
 var SidebarRail = React26.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ jsx102(
+    return /* @__PURE__ */ jsx101(
       "button",
       {
         ref,
@@ -7928,7 +7911,7 @@ var SidebarRail = React26.forwardRef(
 );
 SidebarRail.displayName = "SidebarRail";
 var SidebarInset = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "main",
     {
       ref,
@@ -7942,7 +7925,7 @@ var SidebarInset = React26.forwardRef(
   )
 );
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
   Input,
   {
     ref,
@@ -7953,7 +7936,7 @@ var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 SidebarInput.displayName = "SidebarInput";
 var SidebarHeader = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "div",
     {
       ref,
@@ -7965,7 +7948,7 @@ var SidebarHeader = React26.forwardRef(
 );
 SidebarHeader.displayName = "SidebarHeader";
 var SidebarFooter = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "div",
     {
       ref,
@@ -7976,7 +7959,7 @@ var SidebarFooter = React26.forwardRef(
   )
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
   Separator3,
   {
     ref,
@@ -7987,7 +7970,7 @@ var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @
 ));
 SidebarSeparator.displayName = "SidebarSeparator";
 var SidebarContent = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "div",
     {
       ref,
@@ -8002,7 +7985,7 @@ var SidebarContent = React26.forwardRef(
 );
 SidebarContent.displayName = "SidebarContent";
 var SidebarGroup = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "div",
     {
       ref,
@@ -8015,7 +7998,7 @@ var SidebarGroup = React26.forwardRef(
 SidebarGroup.displayName = "SidebarGroup";
 var SidebarGroupLabel = React26.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "div";
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx101(
     Comp,
     {
       ref,
@@ -8032,7 +8015,7 @@ var SidebarGroupLabel = React26.forwardRef(({ className, asChild = false, ...pro
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
 var SidebarGroupAction = React26.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx101(
     Comp,
     {
       ref,
@@ -8047,7 +8030,7 @@ var SidebarGroupAction = React26.forwardRef(({ className, asChild = false, ...pr
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
 var SidebarGroupContent = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "div",
     {
       ref,
@@ -8059,7 +8042,7 @@ var SidebarGroupContent = React26.forwardRef(
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
 var SidebarMenu = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "ul",
     {
       ref,
@@ -8071,7 +8054,7 @@ var SidebarMenu = React26.forwardRef(
 );
 SidebarMenu.displayName = "SidebarMenu";
 var SidebarMenuItem = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "li",
     {
       ref,
@@ -8115,7 +8098,7 @@ var SidebarMenuButton = React26.forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot4 : "button";
     const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ jsx102(
+    const button = /* @__PURE__ */ jsx101(
       Comp,
       {
         ref,
@@ -8128,12 +8111,12 @@ var SidebarMenuButton = React26.forwardRef(
       }
     );
     if (!tooltip) {
-      return /* @__PURE__ */ jsx102(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
+      return /* @__PURE__ */ jsx101(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
     }
     const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
-    return /* @__PURE__ */ jsx102(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ jsxs66(Tooltip, { children: [
-      /* @__PURE__ */ jsx102(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx102(
+    return /* @__PURE__ */ jsx101(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ jsxs65(Tooltip, { children: [
+      /* @__PURE__ */ jsx101(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx101(
         TooltipContent,
         {
           side: "right",
@@ -8150,7 +8133,7 @@ var SidebarMenuButton = React26.forwardRef(
 SidebarMenuButton.displayName = "SidebarMenuButton";
 var SidebarMenuAction = React26.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx101(
     Comp,
     {
       ref,
@@ -8169,7 +8152,7 @@ var SidebarMenuBadge = React26.forwardRef(
   ({ className, ...props }, ref) => {
     const { open, isMobile, openMobile } = useSidebar();
     const isOpen = isMobile ? openMobile : open;
-    return /* @__PURE__ */ jsx102(
+    return /* @__PURE__ */ jsx101(
       "div",
       {
         ref,
@@ -8187,7 +8170,7 @@ var SidebarMenuBadge = React26.forwardRef(
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
 var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...props }, ref) => {
   const width = React26.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
-  return /* @__PURE__ */ jsxs66(
+  return /* @__PURE__ */ jsxs65(
     "div",
     {
       ref,
@@ -8195,8 +8178,8 @@ var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx102(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ jsx102(
+        showIcon && /* @__PURE__ */ jsx101(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ jsx101(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -8210,7 +8193,7 @@ var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
 var SidebarMenuSub = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "ul",
     {
       ref,
@@ -8225,7 +8208,7 @@ var SidebarMenuSub = React26.forwardRef(
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
 var SidebarMenuSubItem = React26.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ jsx102("li", { ref, ...props })
+  ({ ...props }, ref) => /* @__PURE__ */ jsx101("li", { ref, ...props })
 );
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 var sidebarMenuSubButtonVariants = cva11(
@@ -8258,7 +8241,7 @@ var SidebarMenuSubButton = React26.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot4 : "a";
-    return /* @__PURE__ */ jsx102(
+    return /* @__PURE__ */ jsx101(
       Comp,
       {
         ref,
@@ -8280,7 +8263,7 @@ var getSidebarState = (stateName) => document.cookie.split("; ").find((row) => r
 // src/small-grid-single-item/SmallGridSingleItem.tsx
 import { memo as memo5 } from "react";
 import { Pencil, Trash2 } from "lucide-react";
-import { jsx as jsx103, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs66 } from "react/jsx-runtime";
 var SmallGridSingleItem = memo5(
   ({
     title,
@@ -8296,7 +8279,7 @@ var SmallGridSingleItem = memo5(
     const handleClick = (event) => {
       if (!disabled && onClick) onClick(event);
     };
-    return /* @__PURE__ */ jsxs67(
+    return /* @__PURE__ */ jsxs66(
       "div",
       {
         onClick: handleClick,
@@ -8310,24 +8293,24 @@ var SmallGridSingleItem = memo5(
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs67("div", { children: [
-            /* @__PURE__ */ jsx103("div", { className: "line-clamp-2 overflow-hidden text-ellipsis break-all", children: title }),
-            subtitle && /* @__PURE__ */ jsx103("div", { className: "line-clamp-2 overflow-hidden text-ellipsis text-[15px] font-medium leading-6 text-[var(--chekin-color-gray-2)]", children: subtitle })
+          /* @__PURE__ */ jsxs66("div", { children: [
+            /* @__PURE__ */ jsx102("div", { className: "line-clamp-2 overflow-hidden text-ellipsis break-all", children: title }),
+            subtitle && /* @__PURE__ */ jsx102("div", { className: "line-clamp-2 overflow-hidden text-ellipsis text-[15px] font-medium leading-6 text-[var(--chekin-color-gray-2)]", children: subtitle })
           ] }),
-          !readOnly && /* @__PURE__ */ jsxs67("div", { className: "flex h-full items-center justify-end gap-2", children: [
-            onDelete && /* @__PURE__ */ jsx103(
+          !readOnly && /* @__PURE__ */ jsxs66("div", { className: "flex h-full items-center justify-end gap-2", children: [
+            onDelete && /* @__PURE__ */ jsx102(
               Button,
               {
                 disabled,
                 onClick: onDelete,
                 size: "icon",
                 variant: "outline",
-                children: /* @__PURE__ */ jsx103(Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
+                children: /* @__PURE__ */ jsx102(Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
               }
             ),
-            onEdit && /* @__PURE__ */ jsx103(Button, { disabled, onClick: onEdit, size: "icon", variant: "outline", children: /* @__PURE__ */ jsx103(Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" }) })
+            onEdit && /* @__PURE__ */ jsx102(Button, { disabled, onClick: onEdit, size: "icon", variant: "outline", children: /* @__PURE__ */ jsx102(Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" }) })
           ] }),
-          error && /* @__PURE__ */ jsx103("div", { className: "absolute bottom-1 right-2 text-xs text-[var(--chekin-color-brand-red)]", children: error })
+          error && /* @__PURE__ */ jsx102("div", { className: "absolute bottom-1 right-2 text-xs text-[var(--chekin-color-brand-red)]", children: error })
         ]
       }
     );
@@ -8336,9 +8319,9 @@ var SmallGridSingleItem = memo5(
 SmallGridSingleItem.displayName = "SmallGridSingleItem";
 
 // src/sorting-action/SortingAction.tsx
-import { useTranslation as useTranslation21 } from "react-i18next";
+import { useTranslation as useTranslation20 } from "react-i18next";
 import { ArrowDown, ArrowDownUpIcon, ArrowUp, Minus as Minus2 } from "lucide-react";
-import { jsx as jsx104, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs67 } from "react/jsx-runtime";
 function SortingAction({
   value,
   onSortChange,
@@ -8347,9 +8330,9 @@ function SortingAction({
   variant = "by_other",
   onOpenChange
 }) {
-  const { t } = useTranslation21();
-  return /* @__PURE__ */ jsxs68(DropdownMenu, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx104(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx104(
+  const { t } = useTranslation20();
+  return /* @__PURE__ */ jsxs67(DropdownMenu, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx103(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx103(
       "button",
       {
         type: "button",
@@ -8358,36 +8341,36 @@ function SortingAction({
           className
         ),
         "aria-label": "Open sorting menu",
-        children: /* @__PURE__ */ jsx104(ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
+        children: /* @__PURE__ */ jsx103(ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
       }
     ) }),
-    /* @__PURE__ */ jsxs68(DropdownMenuContent, { className: "w-full max-w-[256px]", align: "start", children: [
-      /* @__PURE__ */ jsxs68(
+    /* @__PURE__ */ jsxs67(DropdownMenuContent, { className: "w-full max-w-[256px]", align: "start", children: [
+      /* @__PURE__ */ jsxs67(
         DropdownMenuItem,
         {
           active: value === "asc",
           className: cn(value === "asc" && "text-[var(--chekin-color-brand-blue)]"),
           onClick: () => onSortChange?.("asc"),
           children: [
-            /* @__PURE__ */ jsx104(ArrowUp, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx103(ArrowUp, { className: "h-4 w-4" }),
             variant === "by_text" ? t("sort_a_z") : t("sort_in_asc")
           ]
         }
       ),
-      /* @__PURE__ */ jsxs68(
+      /* @__PURE__ */ jsxs67(
         DropdownMenuItem,
         {
           active: value === "desc",
           className: cn(value === "desc" && "text-[var(--chekin-color-brand-blue)]"),
           onClick: () => onSortChange?.("desc"),
           children: [
-            /* @__PURE__ */ jsx104(ArrowDown, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx103(ArrowDown, { className: "h-4 w-4" }),
             variant === "by_text" ? t("sort_z_a") : t("sort_in_desc")
           ]
         }
       ),
-      value && /* @__PURE__ */ jsxs68(DropdownMenuItem, { onClick: () => onSortChange?.(null), children: [
-        /* @__PURE__ */ jsx104(Minus2, { className: "h-4 w-4" }),
+      value && /* @__PURE__ */ jsxs67(DropdownMenuItem, { onClick: () => onSortChange?.(null), children: [
+        /* @__PURE__ */ jsx103(Minus2, { className: "h-4 w-4" }),
         t("clear_sorting")
       ] })
     ] })
@@ -8396,9 +8379,9 @@ function SortingAction({
 
 // src/status-button/StatusButton.tsx
 import { useMemo as useMemo5 } from "react";
-import { useTranslation as useTranslation22 } from "react-i18next";
+import { useTranslation as useTranslation21 } from "react-i18next";
 import { AlertCircle as AlertCircle2, CheckCircle, Loader2 as Loader23 } from "lucide-react";
-import { jsx as jsx105, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs68 } from "react/jsx-runtime";
 function StatusButton({
   hidden,
   status,
@@ -8412,11 +8395,11 @@ function StatusButton({
   variant = "default",
   ...props
 }) {
-  const { t } = useTranslation22();
+  const { t } = useTranslation21();
   const configMap = useMemo5(() => {
     const defaultLoadingConfig = {
       text: loadingText ?? `${t("saving")}...`,
-      icon: /* @__PURE__ */ jsx105(Loader23, { className: "h-4 w-4 animate-spin" }),
+      icon: /* @__PURE__ */ jsx104(Loader23, { className: "h-4 w-4 animate-spin" }),
       variant,
       isLoading: true
     };
@@ -8426,13 +8409,13 @@ function StatusButton({
       validating: { ...defaultLoadingConfig, text: t("validating") },
       error: {
         text: t("error"),
-        icon: /* @__PURE__ */ jsx105(AlertCircle2, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ jsx104(AlertCircle2, { className: "h-4 w-4" }),
         variant: "destructive",
         isLoading: false
       },
       success: {
         text: successText ?? t("saved_exclamation"),
-        icon: /* @__PURE__ */ jsx105(CheckCircle, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ jsx104(CheckCircle, { className: "h-4 w-4" }),
         variant,
         isLoading: false
       },
@@ -8448,7 +8431,7 @@ function StatusButton({
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs68(
     Button,
     {
       className: cn(
@@ -8464,7 +8447,7 @@ function StatusButton({
       ...props,
       children: [
         config.icon,
-        /* @__PURE__ */ jsx105("span", { children: config.text })
+        /* @__PURE__ */ jsx104("span", { children: config.text })
       ]
     }
   );
@@ -8472,37 +8455,37 @@ function StatusButton({
 
 // src/status-box/StatusBox.tsx
 import { AlertTriangleIcon, CheckIcon as CheckIcon4, XIcon as XIcon3 } from "lucide-react";
-import { jsx as jsx106, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs69 } from "react/jsx-runtime";
 function StatusBox({ status, title, text }) {
   if (status === "success") {
-    return /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3 rounded-lg border border-green-100 bg-green-50 p-4", children: [
-      /* @__PURE__ */ jsx106("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ jsx106(CheckIcon4, { className: "h-5 w-5 text-green-600" }) }),
-      /* @__PURE__ */ jsxs70("div", { children: [
-        /* @__PURE__ */ jsx106("p", { className: "font-semibold text-green-800", children: title }),
-        /* @__PURE__ */ jsx106("p", { className: "text-sm text-green-700", children: text })
+    return /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-3 rounded-lg border border-green-100 bg-green-50 p-4", children: [
+      /* @__PURE__ */ jsx105("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ jsx105(CheckIcon4, { className: "h-5 w-5 text-green-600" }) }),
+      /* @__PURE__ */ jsxs69("div", { children: [
+        /* @__PURE__ */ jsx105("p", { className: "font-semibold text-green-800", children: title }),
+        /* @__PURE__ */ jsx105("p", { className: "text-sm text-green-700", children: text })
       ] })
     ] });
   }
   if (status === "failed") {
-    return /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3 rounded-lg border border-red-100 bg-red-50 p-4", children: [
-      /* @__PURE__ */ jsx106("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ jsx106(XIcon3, { className: "h-5 w-5 text-red-600" }) }),
-      /* @__PURE__ */ jsxs70("div", { children: [
-        /* @__PURE__ */ jsx106("p", { className: "font-semibold text-red-800", children: title }),
-        /* @__PURE__ */ jsx106("p", { className: "text-sm text-red-700", children: text })
+    return /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-3 rounded-lg border border-red-100 bg-red-50 p-4", children: [
+      /* @__PURE__ */ jsx105("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ jsx105(XIcon3, { className: "h-5 w-5 text-red-600" }) }),
+      /* @__PURE__ */ jsxs69("div", { children: [
+        /* @__PURE__ */ jsx105("p", { className: "font-semibold text-red-800", children: title }),
+        /* @__PURE__ */ jsx105("p", { className: "text-sm text-red-700", children: text })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3 rounded-lg border border-amber-100 bg-amber-50 p-4", children: [
-    /* @__PURE__ */ jsx106("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ jsx106(AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
-    /* @__PURE__ */ jsxs70("div", { children: [
-      /* @__PURE__ */ jsx106("p", { className: "font-semibold text-amber-800", children: title }),
-      /* @__PURE__ */ jsx106("p", { className: "text-sm text-amber-700", children: text })
+  return /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-3 rounded-lg border border-amber-100 bg-amber-50 p-4", children: [
+    /* @__PURE__ */ jsx105("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ jsx105(AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
+    /* @__PURE__ */ jsxs69("div", { children: [
+      /* @__PURE__ */ jsx105("p", { className: "font-semibold text-amber-800", children: title }),
+      /* @__PURE__ */ jsx105("p", { className: "text-sm text-amber-700", children: text })
     ] })
   ] });
 }
 
 // src/stepper/Stepper.tsx
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 function Stepper({
   totalSteps,
   activeStep,
@@ -8511,7 +8494,7 @@ function Stepper({
 }) {
   if (totalSteps <= 0) return null;
   const clampedActiveStep = Math.max(1, Math.min(totalSteps, activeStep));
-  return /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx106(
     "div",
     {
       className: cn("flex w-full items-center gap-2", className),
@@ -8522,7 +8505,7 @@ function Stepper({
       children: new Array(totalSteps).fill(null).map((_, stepIndex) => {
         const stepNumber = stepIndex + 1;
         const isActive = cumulative ? stepNumber <= clampedActiveStep : stepNumber === clampedActiveStep;
-        return /* @__PURE__ */ jsx107(
+        return /* @__PURE__ */ jsx106(
           "span",
           {
             className: cn(
@@ -8539,14 +8522,14 @@ function Stepper({
 
 // src/switch-blocks/SwitchBlocks.tsx
 import { forwardRef as forwardRef41, memo as memo6 } from "react";
-import { jsx as jsx108 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 var SwitchBlocksInternal = forwardRef41(
-  ({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ jsx108(
+  ({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ jsx107(
     "div",
     {
       ref,
       className: cn("flex flex-wrap items-center justify-start gap-4", className),
-      children: options.map((option) => /* @__PURE__ */ jsx108(
+      children: options.map((option) => /* @__PURE__ */ jsx107(
         BoxOptionSelector,
         {
           id: option.id,
@@ -8568,7 +8551,7 @@ var SwitchBlocks = memo6(SwitchBlocksInternal);
 
 // src/switch-group/SwitchGroup.tsx
 import * as React27 from "react";
-import { jsx as jsx109, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs70 } from "react/jsx-runtime";
 var SwitchGroup = React27.forwardRef(
   ({ options, value = [], onChange, disabled = false, className, error, ...props }, ref) => {
     const handleOptionChange = (optionValue, checked) => {
@@ -8579,9 +8562,9 @@ var SwitchGroup = React27.forwardRef(
       }
       onChange(value.filter((selectedValue) => selectedValue !== optionValue));
     };
-    return /* @__PURE__ */ jsxs71("div", { ref, className: cn("w-full space-y-4", className), ...props, children: [
-      options.map((option) => /* @__PURE__ */ jsxs71("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsx109("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs71(
+    return /* @__PURE__ */ jsxs70("div", { ref, className: cn("w-full space-y-4", className), ...props, children: [
+      options.map((option) => /* @__PURE__ */ jsxs70("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsx108("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs70(
           Label,
           {
             className: cn(
@@ -8590,7 +8573,7 @@ var SwitchGroup = React27.forwardRef(
             ),
             children: [
               option.label,
-              option.description && /* @__PURE__ */ jsxs71(
+              option.description && /* @__PURE__ */ jsxs70(
                 "span",
                 {
                   className: cn(
@@ -8607,7 +8590,7 @@ var SwitchGroup = React27.forwardRef(
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx108(
           Switch,
           {
             value: value.includes(option.value),
@@ -8617,7 +8600,7 @@ var SwitchGroup = React27.forwardRef(
           }
         )
       ] }, option.value)),
-      error && /* @__PURE__ */ jsx109(ErrorMessage, { disabled, children: error })
+      error && /* @__PURE__ */ jsx108(ErrorMessage, { disabled, children: error })
     ] });
   }
 );
@@ -8627,7 +8610,7 @@ SwitchGroup.displayName = "SwitchGroup";
 import { forwardRef as forwardRef43 } from "react";
 import * as TabsPrimitive2 from "@radix-ui/react-tabs";
 import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx110 } from "react/jsx-runtime";
+import { jsx as jsx109 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive2.Root;
 var tabsListVariants = cva12("inline-flex items-center", {
   variants: {
@@ -8641,7 +8624,7 @@ var tabsListVariants = cva12("inline-flex items-center", {
   }
 });
 var TabsList = forwardRef43(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx110(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx109(
     TabsPrimitive2.List,
     {
       ref,
@@ -8665,7 +8648,7 @@ var tabsTriggerVariants = cva12(
     }
   }
 );
-var TabsTrigger = forwardRef43(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx110(
+var TabsTrigger = forwardRef43(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx109(
   TabsPrimitive2.Trigger,
   {
     ref,
@@ -8674,11 +8657,11 @@ var TabsTrigger = forwardRef43(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 TabsTrigger.displayName = TabsPrimitive2.Trigger.displayName;
-var TabsContent = forwardRef43(({ className, ...props }, ref) => /* @__PURE__ */ jsx110(TabsPrimitive2.Content, { ref, className, tabIndex: -1, ...props }));
+var TabsContent = forwardRef43(({ className, ...props }, ref) => /* @__PURE__ */ jsx109(TabsPrimitive2.Content, { ref, className, tabIndex: -1, ...props }));
 TabsContent.displayName = TabsPrimitive2.Content.displayName;
 
 // src/tabbed-section/TabbedSection.tsx
-import { jsx as jsx111, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs71 } from "react/jsx-runtime";
 function TabbedSection({
   triggers,
   value,
@@ -8700,8 +8683,8 @@ function TabbedSection({
     "[&>div:first-child]:gap-3",
     className
   );
-  return /* @__PURE__ */ jsxs72(Tabs, { value: activeTab, onValueChange: onTabChange, className: "w-full", children: [
-    /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsxs71(Tabs, { value: activeTab, onValueChange: onTabChange, className: "w-full", children: [
+    /* @__PURE__ */ jsx110(
       BookmarkTabsList,
       {
         variant,
@@ -8709,12 +8692,12 @@ function TabbedSection({
         children: triggers
       }
     ),
-    /* @__PURE__ */ jsx111("div", { className: contentContainerClassName, children })
+    /* @__PURE__ */ jsx110("div", { className: contentContainerClassName, children })
   ] });
 }
 
 // src/table-placeholder/TablePlaceholder.tsx
-import { jsx as jsx112, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs72 } from "react/jsx-runtime";
 function TablePlaceholder({
   children,
   text,
@@ -8727,21 +8710,21 @@ function TablePlaceholder({
   if (!visible) {
     return null;
   }
-  const content = /* @__PURE__ */ jsxs73("div", { className: "flex flex-col items-center justify-center px-4 py-14 text-center", children: [
-    iconSlot && /* @__PURE__ */ jsx112("div", { className: "mb-6", children: iconSlot }),
-    title && /* @__PURE__ */ jsx112("h3", { className: "mb-2 text-lg font-semibold", children: title }),
-    text && /* @__PURE__ */ jsx112("p", { className: "text-md max-w-sm font-medium", children: text }),
-    children && /* @__PURE__ */ jsx112("div", { className: "mt-6", children })
+  const content = /* @__PURE__ */ jsxs72("div", { className: "flex flex-col items-center justify-center px-4 py-14 text-center", children: [
+    iconSlot && /* @__PURE__ */ jsx111("div", { className: "mb-6", children: iconSlot }),
+    title && /* @__PURE__ */ jsx111("h3", { className: "mb-2 text-lg font-semibold", children: title }),
+    text && /* @__PURE__ */ jsx111("p", { className: "text-md max-w-sm font-medium", children: text }),
+    children && /* @__PURE__ */ jsx111("div", { className: "mt-6", children })
   ] });
   if (insideTable) {
-    return /* @__PURE__ */ jsx112("tr", { children: /* @__PURE__ */ jsx112("td", { colSpan: 100, className, children: content }) });
+    return /* @__PURE__ */ jsx111("tr", { children: /* @__PURE__ */ jsx111("td", { colSpan: 100, className, children: content }) });
   }
-  return /* @__PURE__ */ jsx112("div", { className, children: content });
+  return /* @__PURE__ */ jsx111("div", { className, children: content });
 }
 
 // src/task-card/TaskCard.tsx
 import { ArrowRight } from "lucide-react";
-import { jsx as jsx113, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs73 } from "react/jsx-runtime";
 function TaskCard({
   title,
   description,
@@ -8752,7 +8735,7 @@ function TaskCard({
 }) {
   const shouldShowCount = count !== void 0 && count > 1;
   const shouldShowActions = shouldShowCount || onClick;
-  return /* @__PURE__ */ jsxs74(
+  return /* @__PURE__ */ jsxs73(
     "div",
     {
       className: cn(
@@ -8768,7 +8751,7 @@ function TaskCard({
       role: onClick ? "button" : void 0,
       tabIndex: onClick ? 0 : void 0,
       children: [
-        /* @__PURE__ */ jsx113(
+        /* @__PURE__ */ jsx112(
           "div",
           {
             className: cn(
@@ -8778,12 +8761,12 @@ function TaskCard({
             )
           }
         ),
-        /* @__PURE__ */ jsxs74("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
-          /* @__PURE__ */ jsx113("h4", { className: "m-0 w-full break-words text-base font-semibold leading-6 text-[var(--chekin-color-brand-navy)]", children: title }),
-          /* @__PURE__ */ jsx113("p", { className: "m-0 w-full text-sm font-medium leading-6 text-[var(--chekin-color-gray-1)]", children: description })
+        /* @__PURE__ */ jsxs73("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+          /* @__PURE__ */ jsx112("h4", { className: "m-0 w-full break-words text-base font-semibold leading-6 text-[var(--chekin-color-brand-navy)]", children: title }),
+          /* @__PURE__ */ jsx112("p", { className: "m-0 w-full text-sm font-medium leading-6 text-[var(--chekin-color-gray-1)]", children: description })
         ] }),
-        shouldShowActions && /* @__PURE__ */ jsxs74("div", { className: "flex shrink-0 items-center gap-1", children: [
-          shouldShowCount && /* @__PURE__ */ jsx113(
+        shouldShowActions && /* @__PURE__ */ jsxs73("div", { className: "flex shrink-0 items-center gap-1", children: [
+          shouldShowCount && /* @__PURE__ */ jsx112(
             "div",
             {
               className: cn(
@@ -8794,7 +8777,7 @@ function TaskCard({
               children: count
             }
           ),
-          onClick && /* @__PURE__ */ jsx113(
+          onClick && /* @__PURE__ */ jsx112(
             "button",
             {
               className: "flex h-8 w-0 min-w-0 cursor-pointer items-center justify-center overflow-hidden rounded-md border-0 bg-transparent p-0 text-[var(--chekin-color-gray-1)] opacity-0 transition-[width,opacity,min-width] duration-300 ease-in-out hover:bg-black/5 focus-visible:w-8 focus-visible:min-w-8 focus-visible:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--chekin-color-brand-blue)] group-hover:w-8 group-hover:min-w-8 group-hover:opacity-100",
@@ -8804,7 +8787,7 @@ function TaskCard({
               },
               "aria-label": "View details",
               type: "button",
-              children: /* @__PURE__ */ jsx113(ArrowRight, { className: "h-5 w-5" })
+              children: /* @__PURE__ */ jsx112(ArrowRight, { className: "h-5 w-5" })
             }
           )
         ] })
@@ -8892,7 +8875,7 @@ var toggleVariants = cva13(
 );
 
 // src/toggle-group/ToggleGroup.tsx
-import { jsx as jsx114, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs74 } from "react/jsx-runtime";
 var ToggleGroupContext = React28.createContext({
   size: "default",
   variant: "default",
@@ -8900,7 +8883,7 @@ var ToggleGroupContext = React28.createContext({
 });
 var ToggleGroup = React28.forwardRef(({ className, variant, size, theme, children, ...props }, ref) => {
   const isTabVariant = variant === "tab";
-  return /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx113(
     ToggleGroupPrimitive.Root,
     {
       ref,
@@ -8910,7 +8893,7 @@ var ToggleGroup = React28.forwardRef(({ className, variant, size, theme, childre
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx114(ToggleGroupContext.Provider, { value: { variant, size, theme }, children })
+      children: /* @__PURE__ */ jsx113(ToggleGroupContext.Provider, { value: { variant, size, theme }, children })
     }
   );
 });
@@ -8919,7 +8902,7 @@ var ToggleGroupItem = React28.forwardRef(({ className, children, variant, size,
   const context = React28.useContext(ToggleGroupContext);
   const resolvedVariant = context.variant || variant;
   const isTabVariant = resolvedVariant === "tab";
-  return /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx113(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -8932,9 +8915,9 @@ var ToggleGroupItem = React28.forwardRef(({ className, children, variant, size,
         className
       ),
       ...props,
-      children: isTabVariant ? /* @__PURE__ */ jsxs75("span", { className: "inline-grid", children: [
-        /* @__PURE__ */ jsx114("span", { className: "invisible col-start-1 row-start-1 font-semibold", children }),
-        /* @__PURE__ */ jsx114("span", { className: "col-start-1 row-start-1", children })
+      children: isTabVariant ? /* @__PURE__ */ jsxs74("span", { className: "inline-grid", children: [
+        /* @__PURE__ */ jsx113("span", { className: "invisible col-start-1 row-start-1 font-semibold", children }),
+        /* @__PURE__ */ jsx113("span", { className: "col-start-1 row-start-1", children })
       ] }) : children
     }
   );
@@ -8948,7 +8931,7 @@ import {
   isValidElement as isValidElement3,
   useEffect as useEffect23
 } from "react";
-import { jsx as jsx115, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs75 } from "react/jsx-runtime";
 var getValueArray2 = (value) => {
   if (value) {
     return Array.isArray(value) ? value : [value];
@@ -9044,16 +9027,16 @@ function TogglesInternal({
     onValueChange: handleValueChange,
     ...multiple ? { type: "multiple", value: currentValue } : { type: "single", value: currentValue[0] ?? "" }
   };
-  return /* @__PURE__ */ jsxs76("div", { ref, className, children: [
-    label && /* @__PURE__ */ jsx115("div", { className: "mb-2", children: /* @__PURE__ */ jsx115("div", { className: "select-none text-base font-normal text-[var(--chekin-color-brand-navy)]", children: label }) }),
-    /* @__PURE__ */ jsx115(ToggleGroup, { className: groupClassName, ...toggleGroupProps, children: options.map((option, index) => {
+  return /* @__PURE__ */ jsxs75("div", { ref, className, children: [
+    label && /* @__PURE__ */ jsx114("div", { className: "mb-2", children: /* @__PURE__ */ jsx114("div", { className: "select-none text-base font-normal text-[var(--chekin-color-brand-navy)]", children: label }) }),
+    /* @__PURE__ */ jsx114(ToggleGroup, { className: groupClassName, ...toggleGroupProps, children: options.map((option, index) => {
       const isSelected = Boolean(
         getValueArray2(value).find((selectedValue) => selectedValue === option.value)
       );
       const isDisabled = disabled || disabledItems?.includes(option.value) || option.disabled;
       const isMinSelected = getValueArray2(value).length <= minSelected;
       const isItemReadOnly = readOnly || isMinSelected && isSelected || readonlyItems?.includes(option.value);
-      return /* @__PURE__ */ jsx115(
+      return /* @__PURE__ */ jsx114(
         ToggleGroupItem,
         {
           value: String(option.value),
@@ -9072,15 +9055,15 @@ var Toggles = forwardRef45(TogglesInternal);
 import * as React29 from "react";
 import * as LabelPrimitive2 from "@radix-ui/react-label";
 import { cva as cva14 } from "class-variance-authority";
-import { useTranslation as useTranslation23 } from "react-i18next";
+import { useTranslation as useTranslation22 } from "react-i18next";
 
 // src/text-field/EndIcon.tsx
-import { jsx as jsx116 } from "react/jsx-runtime";
-var EndIcon = ({ children }) => /* @__PURE__ */ jsx116("div", { className: "pointer-events-none absolute right-3.5 top-1/2 -translate-y-1/2 [&>*]:pointer-events-auto", children });
+import { jsx as jsx115 } from "react/jsx-runtime";
+var EndIcon = ({ children }) => /* @__PURE__ */ jsx115("div", { className: "pointer-events-none absolute right-3.5 top-1/2 -translate-y-1/2 [&>*]:pointer-events-auto", children });
 
 // src/text-field/FieldError.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
-var FieldError = ({ id, children }) => /* @__PURE__ */ jsx117(
+import { jsx as jsx116 } from "react/jsx-runtime";
+var FieldError = ({ id, children }) => /* @__PURE__ */ jsx116(
   "p",
   {
     id,
@@ -9091,11 +9074,11 @@ var FieldError = ({ id, children }) => /* @__PURE__ */ jsx117(
 );
 
 // src/text-field/SupportingText.tsx
-import { jsx as jsx118 } from "react/jsx-runtime";
-var SupportingText = ({ id, children }) => /* @__PURE__ */ jsx118("p", { id, className: "mt-1 text-xs italic text-[var(--chekin-color-gray-2)]", children });
+import { jsx as jsx117 } from "react/jsx-runtime";
+var SupportingText = ({ id, children }) => /* @__PURE__ */ jsx117("p", { id, className: "mt-1 text-xs italic text-[var(--chekin-color-gray-2)]", children });
 
 // src/text-field/TextField.tsx
-import { jsx as jsx119, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs76 } from "react/jsx-runtime";
 var textFieldRootClasses = [
   "[--text-field-height:2.75rem]",
   "[--text-field-radius:8px]",
@@ -9202,7 +9185,7 @@ var TextField = React29.forwardRef(
     readOnly,
     ...props
   }, ref) => {
-    const { t } = useTranslation23();
+    const { t } = useTranslation22();
     const hasError = Boolean(error);
     const autoId = React29.useId();
     const inputId = props.id || autoId;
@@ -9216,7 +9199,7 @@ var TextField = React29.forwardRef(
     const errorId = error ? `${inputId}-error` : void 0;
     const ariaDescribedBy = errorId || descriptionId || void 0;
     if (variant === "floating") {
-      return /* @__PURE__ */ jsxs77(
+      return /* @__PURE__ */ jsxs76(
         "div",
         {
           className: cn(
@@ -9225,8 +9208,8 @@ var TextField = React29.forwardRef(
             wrapperClassName
           ),
           children: [
-            /* @__PURE__ */ jsxs77("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx119(
+            /* @__PURE__ */ jsxs76("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx118(
                 "input",
                 {
                   id: inputId,
@@ -9240,7 +9223,7 @@ var TextField = React29.forwardRef(
                   ...props
                 }
               ),
-              label && /* @__PURE__ */ jsx119(
+              label && /* @__PURE__ */ jsx118(
                 LabelPrimitive2.Root,
                 {
                   htmlFor: inputId,
@@ -9254,17 +9237,17 @@ var TextField = React29.forwardRef(
                   children: label
                 }
               ),
-              endIcon && /* @__PURE__ */ jsx119(EndIcon, { children: endIcon })
+              endIcon && /* @__PURE__ */ jsx118(EndIcon, { children: endIcon })
             ] }),
-            supportingText && !hasError && /* @__PURE__ */ jsx119(SupportingText, { id: descriptionId, children: supportingText }),
-            hasError && /* @__PURE__ */ jsx119(FieldError, { id: errorId, children: error })
+            supportingText && !hasError && /* @__PURE__ */ jsx118(SupportingText, { id: descriptionId, children: supportingText }),
+            hasError && /* @__PURE__ */ jsx118(FieldError, { id: errorId, children: error })
           ]
         }
       );
     }
-    return /* @__PURE__ */ jsxs77("div", { className: cn("flex w-full flex-col", textFieldRootClasses, wrapperClassName), children: [
-      label && /* @__PURE__ */ jsxs77("div", { className: "mb-1 flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx119(
+    return /* @__PURE__ */ jsxs76("div", { className: cn("flex w-full flex-col", textFieldRootClasses, wrapperClassName), children: [
+      label && /* @__PURE__ */ jsxs76("div", { className: "mb-1 flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx118(
           LabelPrimitive2.Root,
           {
             htmlFor: inputId,
@@ -9272,14 +9255,14 @@ var TextField = React29.forwardRef(
             children: label
           }
         ),
-        optional && /* @__PURE__ */ jsxs77("span", { className: "text-base leading-4", children: [
-          /* @__PURE__ */ jsx119("span", { className: "text-[var(--chekin-color-brand-navy)]", children: "- " }),
-          /* @__PURE__ */ jsx119("span", { className: "italic text-[var(--chekin-color-gray-2)]", children: optionalLabel || t("optional") })
+        optional && /* @__PURE__ */ jsxs76("span", { className: "text-base leading-4", children: [
+          /* @__PURE__ */ jsx118("span", { className: "text-[var(--chekin-color-brand-navy)]", children: "- " }),
+          /* @__PURE__ */ jsx118("span", { className: "italic text-[var(--chekin-color-gray-2)]", children: optionalLabel || t("optional") })
         ] }),
         tooltip
       ] }),
-      /* @__PURE__ */ jsxs77("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx119(
+      /* @__PURE__ */ jsxs76("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx118(
           "input",
           {
             id: inputId,
@@ -9293,10 +9276,10 @@ var TextField = React29.forwardRef(
             ...props
           }
         ),
-        endIcon && /* @__PURE__ */ jsx119(EndIcon, { children: endIcon })
+        endIcon && /* @__PURE__ */ jsx118(EndIcon, { children: endIcon })
       ] }),
-      supportingText && !hasError && /* @__PURE__ */ jsx119(SupportingText, { id: descriptionId, children: supportingText }),
-      hasError && /* @__PURE__ */ jsx119(FieldError, { id: errorId, children: error })
+      supportingText && !hasError && /* @__PURE__ */ jsx118(SupportingText, { id: descriptionId, children: supportingText }),
+      hasError && /* @__PURE__ */ jsx118(FieldError, { id: errorId, children: error })
     ] });
   }
 );
@@ -9304,12 +9287,12 @@ TextField.displayName = "TextField";
 
 // src/textarea/Textarea.tsx
 import { forwardRef as forwardRef47, useId as useId10 } from "react";
-import { jsx as jsx120, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs77 } from "react/jsx-runtime";
 var Textarea = forwardRef47(
   ({ className, textareaClassName, label, disabled, name, invalid, ...textareaProps }, ref) => {
     const inputId = useId10();
-    return /* @__PURE__ */ jsxs78("div", { className: cn("relative", className), children: [
-      /* @__PURE__ */ jsx120(
+    return /* @__PURE__ */ jsxs77("div", { className: cn("relative", className), children: [
+      /* @__PURE__ */ jsx119(
         "textarea",
         {
           ref,
@@ -9325,7 +9308,7 @@ var Textarea = forwardRef47(
           ...textareaProps
         }
       ),
-      label && /* @__PURE__ */ jsx120(
+      label && /* @__PURE__ */ jsx119(
         "label",
         {
           htmlFor: inputId,
@@ -9343,34 +9326,34 @@ var Textarea = forwardRef47(
 Textarea.displayName = "Textarea";
 
 // src/three-dots-loader/ThreeDotsLoader.tsx
-import { Fragment as Fragment11, jsx as jsx121, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx120, jsxs as jsxs78 } from "react/jsx-runtime";
 function Dots({
   height,
   width,
   color
 }) {
-  return /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsxs78(
     "span",
     {
       className: "inline-flex items-center justify-center gap-[15%]",
       style: { height, width },
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx121(
+        /* @__PURE__ */ jsx120(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full [animation-delay:-0.32s]",
             style: { backgroundColor: color }
           }
         ),
-        /* @__PURE__ */ jsx121(
+        /* @__PURE__ */ jsx120(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full [animation-delay:-0.16s]",
             style: { backgroundColor: color }
           }
         ),
-        /* @__PURE__ */ jsx121(
+        /* @__PURE__ */ jsx120(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full",
@@ -9389,9 +9372,9 @@ function ThreeDotsLoader({
   className,
   labelPlacement = "right"
 }) {
-  const dots = /* @__PURE__ */ jsx121(Dots, { color, height, width });
+  const dots = /* @__PURE__ */ jsx120(Dots, { color, height, width });
   if (label) {
-    return /* @__PURE__ */ jsx121(
+    return /* @__PURE__ */ jsx120(
       "div",
       {
         className: cn(
@@ -9399,22 +9382,22 @@ function ThreeDotsLoader({
           className
         ),
         role: "progressbar",
-        children: labelPlacement === "right" ? /* @__PURE__ */ jsxs79(Fragment11, { children: [
+        children: labelPlacement === "right" ? /* @__PURE__ */ jsxs78(Fragment11, { children: [
           dots,
-          /* @__PURE__ */ jsx121("div", { children: label })
-        ] }) : /* @__PURE__ */ jsxs79(Fragment11, { children: [
-          /* @__PURE__ */ jsx121("div", { children: label }),
+          /* @__PURE__ */ jsx120("div", { children: label })
+        ] }) : /* @__PURE__ */ jsxs78(Fragment11, { children: [
+          /* @__PURE__ */ jsx120("div", { children: label }),
           dots
         ] })
       }
     );
   }
-  return /* @__PURE__ */ jsx121("div", { role: "progressbar", className, children: dots });
+  return /* @__PURE__ */ jsx120("div", { role: "progressbar", className, children: dots });
 }
 
 // src/uploaded-files-list/UploadedFilesList.tsx
 import { X as X7 } from "lucide-react";
-import { jsx as jsx122, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs79 } from "react/jsx-runtime";
 function UploadedFilesList({
   files,
   onRemoveFile,
@@ -9423,20 +9406,20 @@ function UploadedFilesList({
   if (!files.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx122("div", { className: cn("flex flex-wrap gap-2.5", className), children: files.map((file, index) => /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsx121("div", { className: cn("flex flex-wrap gap-2.5", className), children: files.map((file, index) => /* @__PURE__ */ jsxs79(
     "div",
     {
       className: "flex cursor-default items-center gap-2 rounded border border-[var(--chekin-color-gray-2)] bg-[var(--chekin-color-surface-pressed)] py-1.5 pl-3 pr-1.5",
       children: [
-        /* @__PURE__ */ jsx122("span", { className: "text-nowrap text-sm font-medium leading-5 text-[var(--chekin-color-brand-navy)]", children: file.name }),
-        /* @__PURE__ */ jsx122(
+        /* @__PURE__ */ jsx121("span", { className: "text-nowrap text-sm font-medium leading-5 text-[var(--chekin-color-brand-navy)]", children: file.name }),
+        /* @__PURE__ */ jsx121(
           "button",
           {
             type: "button",
             onClick: () => onRemoveFile(file.name),
             className: "flex h-[18px] w-[18px] shrink-0 cursor-pointer items-center justify-center rounded bg-[var(--chekin-color-gray-1)] transition-all hover:shadow-md active:opacity-95",
             "aria-label": `Remove ${file.name}`,
-            children: /* @__PURE__ */ jsx122(X7, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
+            children: /* @__PURE__ */ jsx121(X7, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
           }
         )
       ]
@@ -9446,9 +9429,9 @@ function UploadedFilesList({
 }
 
 // src/wide-button/WideButton.tsx
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 function WideButton({ className, disabled, ...props }) {
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx122(
     Button,
     {
       variant: "ghost",
@@ -9472,22 +9455,22 @@ import { Calendar as Calendar2 } from "lucide-react";
 import * as React30 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import Draggable from "react-draggable";
-import { jsx as jsx124, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs80 } from "react/jsx-runtime";
 var DRAWER_CLOSE_THRESHOLD = 72;
 var DRAWER_MIN_OVERLAY_OPACITY = 0.1;
 function Drawer({ ...props }) {
-  return /* @__PURE__ */ jsx124(DialogPrimitive2.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ jsx123(DialogPrimitive2.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx124(DialogPrimitive2.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ jsx123(DialogPrimitive2.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortal({ ...props }) {
-  return /* @__PURE__ */ jsx124(DialogPrimitive2.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ jsx123(DialogPrimitive2.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerClose({ ...props }) {
-  return /* @__PURE__ */ jsx124(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ jsx123(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
 }
-var DrawerOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx124(
+var DrawerOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx123(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -9536,14 +9519,14 @@ var DrawerContent = React30.forwardRef(
       },
       [onClose]
     );
-    return /* @__PURE__ */ jsxs81(DrawerPortal, { container: finalContainer, children: [
-      lockScroll ? /* @__PURE__ */ jsx124(
+    return /* @__PURE__ */ jsxs80(DrawerPortal, { container: finalContainer, children: [
+      lockScroll ? /* @__PURE__ */ jsx123(
         DrawerOverlay,
         {
           style: { opacity: overlayOpacity },
           onClick: closeOnOverlayClick ? onClose : void 0
         }
-      ) : /* @__PURE__ */ jsx124(
+      ) : /* @__PURE__ */ jsx123(
         "div",
         {
           className: cn(DrawerOverlayClasses),
@@ -9551,7 +9534,7 @@ var DrawerContent = React30.forwardRef(
           onClick: closeOnOverlayClick ? onClose : void 0
         }
       ),
-      /* @__PURE__ */ jsx124(
+      /* @__PURE__ */ jsx123(
         DialogPrimitive2.Content,
         {
           asChild: true,
@@ -9567,7 +9550,7 @@ var DrawerContent = React30.forwardRef(
             }
           },
           ...props,
-          children: /* @__PURE__ */ jsx124("div", { className: "fixed inset-x-0 bottom-0 top-auto z-50 outline-none", children: /* @__PURE__ */ jsx124(
+          children: /* @__PURE__ */ jsx123("div", { className: "fixed inset-x-0 bottom-0 top-auto z-50 outline-none", children: /* @__PURE__ */ jsx123(
             Draggable,
             {
               axis: "y",
@@ -9577,7 +9560,7 @@ var DrawerContent = React30.forwardRef(
               onDrag: handleDrag,
               onStop: handleStop,
               position: { x: 0, y: dragOffsetY },
-              children: /* @__PURE__ */ jsxs81(
+              children: /* @__PURE__ */ jsxs80(
                 "div",
                 {
                   ref: nodeRef,
@@ -9586,15 +9569,15 @@ var DrawerContent = React30.forwardRef(
                     className
                   ),
                   children: [
-                    showHandle && /* @__PURE__ */ jsx124(
+                    showHandle && /* @__PURE__ */ jsx123(
                       "div",
                       {
                         "data-drawer-handle": true,
                         className: "mx-auto flex h-8 w-24 cursor-grab touch-none items-center justify-center active:cursor-grabbing",
-                        children: /* @__PURE__ */ jsx124("span", { className: "block h-1.5 w-12 rounded-full bg-[#D9D7D3]" })
+                        children: /* @__PURE__ */ jsx123("span", { className: "block h-1.5 w-12 rounded-full bg-[#D9D7D3]" })
                       }
                     ),
-                    /* @__PURE__ */ jsx124("div", { className: "min-h-0 flex-1 overflow-y-auto", children })
+                    /* @__PURE__ */ jsx123("div", { className: "min-h-0 flex-1 overflow-y-auto", children })
                   ]
                 }
               )
@@ -9606,7 +9589,7 @@ var DrawerContent = React30.forwardRef(
   }
 );
 DrawerContent.displayName = DialogPrimitive2.Content.displayName;
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx124(
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx123(
   "div",
   {
     className: cn("flex flex-col gap-2 px-5 pt-2 text-center", className),
@@ -9614,9 +9597,9 @@ var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx124(
   }
 );
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx124("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx123("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx124(
+var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx123(
   DialogPrimitive2.Title,
   {
     ref,
@@ -9626,7 +9609,7 @@ var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DialogPrimitive2.Title.displayName;
-var DrawerDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx124(
+var DrawerDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx123(
   DialogPrimitive2.Description,
   {
     ref,
@@ -10059,7 +10042,7 @@ function useDatePickerWheel({
 }
 
 // src/datepicker/DatePickerWheelColumn.tsx
-import { jsx as jsx125, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs81 } from "react/jsx-runtime";
 var spacerHeight = DATE_PICKER_OPTION_HEIGHT * DATE_PICKER_WHEEL_BUFFER_OPTIONS;
 function DatePickerWheelColumn({
   id,
@@ -10073,7 +10056,7 @@ function DatePickerWheelColumn({
   onOptionSelect,
   column
 }) {
-  return /* @__PURE__ */ jsx125("div", { className: "relative z-10 min-w-0", children: /* @__PURE__ */ jsxs82(
+  return /* @__PURE__ */ jsx124("div", { className: "relative z-10 min-w-0", children: /* @__PURE__ */ jsxs81(
     "div",
     {
       id,
@@ -10090,14 +10073,14 @@ function DatePickerWheelColumn({
         WebkitOverflowScrolling: "touch"
       },
       children: [
-        /* @__PURE__ */ jsx125("div", { style: { height: `${spacerHeight}px` } }),
+        /* @__PURE__ */ jsx124("div", { style: { height: `${spacerHeight}px` } }),
         items.map((item, index) => {
           const { style } = getWheelOptionStyles(
             index,
             scrollTop,
             DATE_PICKER_OPTION_HEIGHT
           );
-          return /* @__PURE__ */ jsx125(
+          return /* @__PURE__ */ jsx124(
             "button",
             {
               id: `${id}-option-${index}`,
@@ -10113,14 +10096,14 @@ function DatePickerWheelColumn({
             `${column}-${item}-${index}`
           );
         }),
-        /* @__PURE__ */ jsx125("div", { style: { height: `${spacerHeight}px` } })
+        /* @__PURE__ */ jsx124("div", { style: { height: `${spacerHeight}px` } })
       ]
     }
   ) });
 }
 
 // src/datepicker/DatePickerContent.tsx
-import { jsx as jsx126, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs82 } from "react/jsx-runtime";
 function DatePickerBody({
   baseId,
   label,
@@ -10142,19 +10125,19 @@ function DatePickerBody({
   onOptionSelect,
   onDone
 }) {
-  return /* @__PURE__ */ jsxs83("div", { className: "px-6 pb-4 pt-1 bg-white", children: [
-    /* @__PURE__ */ jsxs83("div", { className: "relative overflow-hidden rounded-[24px]", children: [
-      /* @__PURE__ */ jsx126("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-20 h-16 bg-gradient-to-b from-white via-white/80 to-transparent" }),
-      /* @__PURE__ */ jsx126("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-20 h-16 bg-gradient-to-t from-white via-white/80 to-transparent" }),
-      /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsxs82("div", { className: "px-6 pb-4 pt-1 bg-white", children: [
+    /* @__PURE__ */ jsxs82("div", { className: "relative overflow-hidden rounded-[24px]", children: [
+      /* @__PURE__ */ jsx125("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-20 h-16 bg-gradient-to-b from-white via-white/80 to-transparent" }),
+      /* @__PURE__ */ jsx125("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-20 h-16 bg-gradient-to-t from-white via-white/80 to-transparent" }),
+      /* @__PURE__ */ jsx125(
         "div",
         {
           "aria-hidden": true,
           className: "pointer-events-none absolute inset-x-0 top-1/2 z-0 h-8 -translate-y-1/2 rounded-[12px] bg-black/[0.04]"
         }
       ),
-      /* @__PURE__ */ jsxs83("div", { className: "relative grid grid-cols-[1.35fr_0.7fr_1fr] gap-1", children: [
-        /* @__PURE__ */ jsx126(
+      /* @__PURE__ */ jsxs82("div", { className: "relative grid grid-cols-[1.35fr_0.7fr_1fr] gap-1", children: [
+        /* @__PURE__ */ jsx125(
           DatePickerWheelColumn,
           {
             id: `${baseId}-month`,
@@ -10169,7 +10152,7 @@ function DatePickerBody({
             onOptionSelect
           }
         ),
-        /* @__PURE__ */ jsx126(
+        /* @__PURE__ */ jsx125(
           DatePickerWheelColumn,
           {
             id: `${baseId}-day`,
@@ -10184,7 +10167,7 @@ function DatePickerBody({
             onOptionSelect
           }
         ),
-        /* @__PURE__ */ jsx126(
+        /* @__PURE__ */ jsx125(
           DatePickerWheelColumn,
           {
             id: `${baseId}-year`,
@@ -10201,7 +10184,7 @@ function DatePickerBody({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx126(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
+    /* @__PURE__ */ jsx125(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
   ] });
 }
 function DatePickerContent({
@@ -10229,7 +10212,7 @@ function DatePickerContent({
   onColumnKeyDown,
   onOptionSelect
 }) {
-  const body = /* @__PURE__ */ jsx126(
+  const body = /* @__PURE__ */ jsx125(
     DatePickerBody,
     {
       baseId,
@@ -10254,27 +10237,27 @@ function DatePickerContent({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ jsx126(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs83(
+    return /* @__PURE__ */ jsx125(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs82(
       DrawerContent,
       {
         onClose: () => onOpenChange(false),
         className: "rounded-none rounded-t-[32px] border-0 p-0",
         children: [
-          /* @__PURE__ */ jsx126(DrawerTitle, { className: "sr-only", children: title }),
-          /* @__PURE__ */ jsx126(DrawerDescription, { className: "sr-only", children: label }),
+          /* @__PURE__ */ jsx125(DrawerTitle, { className: "sr-only", children: title }),
+          /* @__PURE__ */ jsx125(DrawerDescription, { className: "sr-only", children: label }),
           body
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsx126(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs83(
+  return /* @__PURE__ */ jsx125(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs82(
     DialogContent,
     {
       className: "max-w-[520px] rounded-[28px] border-0 p-0 shadow-xl",
       showCloseButton: false,
       children: [
-        /* @__PURE__ */ jsx126(DialogTitle, { className: "sr-only", children: title }),
-        /* @__PURE__ */ jsx126(DialogDescription, { className: "sr-only", children: label }),
+        /* @__PURE__ */ jsx125(DialogTitle, { className: "sr-only", children: title }),
+        /* @__PURE__ */ jsx125(DialogDescription, { className: "sr-only", children: label }),
         body
       ]
     }
@@ -10299,11 +10282,11 @@ var DEVICE = {
 // src/field-trigger/FieldTrigger.tsx
 import * as React32 from "react";
 import { Loader2 as Loader24 } from "lucide-react";
-import { useTranslation as useTranslation24 } from "react-i18next";
+import { useTranslation as useTranslation23 } from "react-i18next";
 
 // src/field-error-message/FieldErrorMessage.tsx
 import { AlertCircle as AlertCircle3 } from "lucide-react";
-import { jsx as jsx127, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs83 } from "react/jsx-runtime";
 function FieldErrorMessage({
   id,
   message,
@@ -10314,7 +10297,7 @@ function FieldErrorMessage({
 }) {
   const content = message ?? children;
   if (!content) return null;
-  return /* @__PURE__ */ jsxs84(
+  return /* @__PURE__ */ jsxs83(
     "p",
     {
       id,
@@ -10326,21 +10309,21 @@ function FieldErrorMessage({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx127(
+        /* @__PURE__ */ jsx126(
           AlertCircle3,
           {
             className: "h-[18px] w-[18px] shrink-0 text-white",
             fill: "var(--error-message-color)"
           }
         ),
-        /* @__PURE__ */ jsx127("span", { children: content })
+        /* @__PURE__ */ jsx126("span", { children: content })
       ]
     }
   );
 }
 
 // src/field-trigger/FieldTrigger.tsx
-import { Fragment as Fragment12, jsx as jsx128, jsxs as jsxs85 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx127, jsxs as jsxs84 } from "react/jsx-runtime";
 var FieldTrigger = React32.forwardRef(
   ({
     as = "button",
@@ -10372,20 +10355,20 @@ var FieldTrigger = React32.forwardRef(
     onKeyDown,
     ...props
   }, ref) => {
-    const { t } = useTranslation24();
+    const { t } = useTranslation23();
     const hasValue = Boolean(valueText);
     const isRaised = hasValue || forceFloatingLabel;
     const optionalLabel = optional ? typeof optional === "string" ? optional : t("optional") : void 0;
     const visibleLabelText = labelText ?? label;
     const hasLabelMeta = Boolean(optionalLabel) || Boolean(tooltip);
-    const resolvedLabelText = visibleLabelText && hasLabelMeta ? /* @__PURE__ */ jsxs85("span", { className: "inline-flex max-w-full items-center gap-1.5 align-middle", children: [
-      /* @__PURE__ */ jsx128("span", { className: "min-w-0 truncate", children: visibleLabelText }),
-      optionalLabel && /* @__PURE__ */ jsxs85("span", { className: "shrink-0 text-[12px] relative top-[1px] font-normal leading-4 text-current opacity-70", children: [
+    const resolvedLabelText = visibleLabelText && hasLabelMeta ? /* @__PURE__ */ jsxs84("span", { className: "inline-flex max-w-full items-center gap-1.5 align-middle", children: [
+      /* @__PURE__ */ jsx127("span", { className: "min-w-0 truncate", children: visibleLabelText }),
+      optionalLabel && /* @__PURE__ */ jsxs84("span", { className: "shrink-0 text-[12px] relative top-[1px] font-normal leading-4 text-current opacity-70", children: [
         "(",
         optionalLabel,
         ")"
       ] }),
-      tooltip && /* @__PURE__ */ jsx128(
+      tooltip && /* @__PURE__ */ jsx127(
         HelpTooltip,
         {
           content: tooltip,
@@ -10401,9 +10384,9 @@ var FieldTrigger = React32.forwardRef(
     const hasInvalidState = Boolean(error);
     const errorMessage = typeof error === "string" ? error : void 0;
     const isBlocked = Boolean(disabled) || Boolean(loading);
-    const resolvedTrailingAdornment = loading || trailingAdornment ? /* @__PURE__ */ jsxs85("span", { className: "flex items-center gap-2", children: [
+    const resolvedTrailingAdornment = loading || trailingAdornment ? /* @__PURE__ */ jsxs84("span", { className: "flex items-center gap-2", children: [
       trailingAdornment,
-      loading && /* @__PURE__ */ jsx128(
+      loading && /* @__PURE__ */ jsx127(
         Loader24,
         {
           "aria-hidden": "true",
@@ -10419,8 +10402,8 @@ var FieldTrigger = React32.forwardRef(
       disabled ? "cursor-not-allowed opacity-50" : loading ? "cursor-progress" : isAirbnbVariant ? "cursor-pointer" : "cursor-text",
       className
     );
-    const sharedContent = /* @__PURE__ */ jsxs85(Fragment12, { children: [
-      /* @__PURE__ */ jsxs85(
+    const sharedContent = /* @__PURE__ */ jsxs84(Fragment12, { children: [
+      /* @__PURE__ */ jsxs84(
         "span",
         {
           className: cn(
@@ -10429,7 +10412,7 @@ var FieldTrigger = React32.forwardRef(
             contentClassName
           ),
           children: [
-            /* @__PURE__ */ jsx128(
+            /* @__PURE__ */ jsx127(
               "span",
               {
                 id: labelId,
@@ -10442,7 +10425,7 @@ var FieldTrigger = React32.forwardRef(
                 children: animatedLabel
               }
             ),
-            children ? children : hasValue ? /* @__PURE__ */ jsx128(
+            children ? children : hasValue ? /* @__PURE__ */ jsx127(
               "span",
               {
                 id: valueId,
@@ -10453,11 +10436,11 @@ var FieldTrigger = React32.forwardRef(
                 ),
                 children: valueText
               }
-            ) : /* @__PURE__ */ jsx128("span", { id: helperTextId, className: "sr-only", children: placeholder ?? label })
+            ) : /* @__PURE__ */ jsx127("span", { id: helperTextId, className: "sr-only", children: placeholder ?? label })
           ]
         }
       ),
-      resolvedTrailingAdornment && /* @__PURE__ */ jsx128(
+      resolvedTrailingAdornment && /* @__PURE__ */ jsx127(
         "span",
         {
           "aria-hidden": "true",
@@ -10469,9 +10452,9 @@ var FieldTrigger = React32.forwardRef(
         }
       )
     ] });
-    return /* @__PURE__ */ jsxs85("div", { className: "w-full", children: [
-      topLabel && /* @__PURE__ */ jsx128("p", { className: "mb-3 text-[16px] font-semibold leading-5 text-[#222222]", children: topLabel }),
-      as === "button" ? /* @__PURE__ */ jsx128(
+    return /* @__PURE__ */ jsxs84("div", { className: "w-full", children: [
+      topLabel && /* @__PURE__ */ jsx127("p", { className: "mb-3 text-[16px] font-semibold leading-5 text-[#222222]", children: topLabel }),
+      as === "button" ? /* @__PURE__ */ jsx127(
         "button",
         {
           id,
@@ -10488,7 +10471,7 @@ var FieldTrigger = React32.forwardRef(
           ...props,
           children: sharedContent
         }
-      ) : /* @__PURE__ */ jsx128(
+      ) : /* @__PURE__ */ jsx127(
         "div",
         {
           id,
@@ -10505,14 +10488,14 @@ var FieldTrigger = React32.forwardRef(
           children: sharedContent
         }
       ),
-      errorMessage && !hideErrorMessage && /* @__PURE__ */ jsx128(FieldErrorMessage, { id: errorId, message: errorMessage })
+      errorMessage && !hideErrorMessage && /* @__PURE__ */ jsx127(FieldErrorMessage, { id: errorId, message: errorMessage })
     ] });
   }
 );
 FieldTrigger.displayName = "FieldTrigger";
 
 // src/datepicker/DatePicker.tsx
-import { jsx as jsx129, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx128, jsxs as jsxs85 } from "react/jsx-runtime";
 var DEFAULT_MIN_DATE = new Date(1920, 0, 1);
 var DatePicker = React33.forwardRef(
   ({
@@ -10629,8 +10612,8 @@ var DatePicker = React33.forwardRef(
         setIsOpen(false);
       }
     }, [isBlocked]);
-    return /* @__PURE__ */ jsxs86("div", { className: cn("relative w-full max-w-[var(--max-field-width)]", className), children: [
-      name && /* @__PURE__ */ jsx129(
+    return /* @__PURE__ */ jsxs85("div", { className: cn("relative w-full max-w-[var(--max-field-width)]", className), children: [
+      name && /* @__PURE__ */ jsx128(
         "input",
         {
           type: "hidden",
@@ -10638,7 +10621,7 @@ var DatePicker = React33.forwardRef(
           value: resolvedValue ? formatDateInputValue(resolvedValue) : ""
         }
       ),
-      /* @__PURE__ */ jsx129(
+      /* @__PURE__ */ jsx128(
         FieldTrigger,
         {
           id: triggerId,
@@ -10665,10 +10648,10 @@ var DatePicker = React33.forwardRef(
           onClick: handleTriggerClick,
           onKeyDown: handleTriggerKeyDown,
           onBlur,
-          trailingAdornment: /* @__PURE__ */ jsx129(Calendar2, { className: "h-5 w-5 text-[#1F1F1B]", strokeWidth: 2 })
+          trailingAdornment: /* @__PURE__ */ jsx128(Calendar2, { className: "h-5 w-5 text-[#1F1F1B]", strokeWidth: 2 })
         }
       ),
-      /* @__PURE__ */ jsx129(
+      /* @__PURE__ */ jsx128(
         DatePickerContent,
         {
           baseId: pickerId,
@@ -10702,7 +10685,7 @@ var DatePicker = React33.forwardRef(
 DatePicker.displayName = "DatePicker";
 
 // src/responsive-sheet/ResponsiveSheet.tsx
-import { jsx as jsx130, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs86 } from "react/jsx-runtime";
 function ResponsiveSheet({
   open,
   onClose,
@@ -10737,7 +10720,7 @@ function ResponsiveSheet({
       event.preventDefault();
     }
   };
-  const content = /* @__PURE__ */ jsxs87(
+  const content = /* @__PURE__ */ jsxs86(
     "div",
     {
       className: cn(
@@ -10745,7 +10728,7 @@ function ResponsiveSheet({
         contentClassName
       ),
       children: [
-        title ? /* @__PURE__ */ jsx130(
+        title ? /* @__PURE__ */ jsx129(
           "div",
           {
             className: cn(
@@ -10755,7 +10738,7 @@ function ResponsiveSheet({
             children: title
           }
         ) : null,
-        description ? /* @__PURE__ */ jsx130(
+        description ? /* @__PURE__ */ jsx129(
           "p",
           {
             className: cn(
@@ -10770,7 +10753,7 @@ function ResponsiveSheet({
     }
   );
   if (isMobileMode) {
-    return /* @__PURE__ */ jsx130(Drawer, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs87(
+    return /* @__PURE__ */ jsx129(Drawer, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs86(
       DrawerContent,
       {
         onClose,
@@ -10780,14 +10763,14 @@ function ResponsiveSheet({
         onEscapeKeyDown: handleEscapeKeyDown,
         className: cn(className, drawerClassName),
         children: [
-          title ? /* @__PURE__ */ jsx130(DrawerTitle, { className: "sr-only", children: title }) : null,
-          description ? /* @__PURE__ */ jsx130(DrawerDescription, { className: "sr-only", children: description }) : null,
+          title ? /* @__PURE__ */ jsx129(DrawerTitle, { className: "sr-only", children: title }) : null,
+          description ? /* @__PURE__ */ jsx129(DrawerDescription, { className: "sr-only", children: description }) : null,
           content
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsx130(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs87(
+  return /* @__PURE__ */ jsx129(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs86(
     DialogContent,
     {
       showCloseButton,
@@ -10797,8 +10780,8 @@ function ResponsiveSheet({
       className: cn("max-w-[560px] border-0 p-0 shadow-xl", className, dialogClassName),
       lockScroll: false,
       children: [
-        title ? /* @__PURE__ */ jsx130(DialogTitle, { className: "sr-only", children: title }) : null,
-        description ? /* @__PURE__ */ jsx130(DialogDescription, { className: "sr-only", children: description }) : null,
+        title ? /* @__PURE__ */ jsx129(DialogTitle, { className: "sr-only", children: title }) : null,
+        description ? /* @__PURE__ */ jsx129(DialogDescription, { className: "sr-only", children: description }) : null,
         content
       ]
     }
@@ -10807,7 +10790,7 @@ function ResponsiveSheet({
 
 // src/airbnb/input/Input.tsx
 import * as React34 from "react";
-import { jsx as jsx131 } from "react/jsx-runtime";
+import { jsx as jsx130 } from "react/jsx-runtime";
 var getInputValue = (value) => value != null ? String(value) : "";
 var AirbnbInput = React34.forwardRef(
   ({
@@ -10890,7 +10873,7 @@ var AirbnbInput = React34.forwardRef(
       setIsFocused(false);
       onBlur?.(event);
     };
-    return /* @__PURE__ */ jsx131("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ jsx131(
+    return /* @__PURE__ */ jsx130("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ jsx130(
       FieldTrigger,
       {
         as: "div",
@@ -10922,7 +10905,7 @@ var AirbnbInput = React34.forwardRef(
         forceFloatingLabel: shouldShowLabel,
         forceLabelText: hasLabelMeta,
         hideErrorMessage: !renderErrorMessage,
-        children: /* @__PURE__ */ jsx131(
+        children: /* @__PURE__ */ jsx130(
           "input",
           {
             ...props,
@@ -10965,7 +10948,7 @@ import { ChevronDown as ChevronDown2 } from "lucide-react";
 import * as React39 from "react";
 
 // src/airbnb/select/SelectDesktopMenu.tsx
-import { jsx as jsx132, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs87 } from "react/jsx-runtime";
 function SelectDesktopMenu({
   id,
   options,
@@ -10984,7 +10967,7 @@ function SelectDesktopMenu({
   noOptionsMessage
 }) {
   const emptyMessage = noOptionsMessage?.();
-  return /* @__PURE__ */ jsxs88(
+  return /* @__PURE__ */ jsxs87(
     "div",
     {
       id,
@@ -10997,12 +10980,12 @@ function SelectDesktopMenu({
       onKeyDown,
       className: cn("max-h-[280px] overflow-y-auto p-2 outline-none", menuClassName),
       children: [
-        options.length === 0 && emptyMessage ? /* @__PURE__ */ jsx132("div", { className: "px-4 py-3 text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
+        options.length === 0 && emptyMessage ? /* @__PURE__ */ jsx131("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__ */ jsx132(
+          return /* @__PURE__ */ jsx131(
             "button",
             {
               id: getOptionId2(index),
@@ -11034,7 +11017,7 @@ function SelectDesktopMenu({
 }
 
 // src/airbnb/select/SelectDesktopContent.tsx
-import { jsx as jsx133 } from "react/jsx-runtime";
+import { jsx as jsx132 } from "react/jsx-runtime";
 function SelectDesktopContent({
   isOpen,
   listboxId,
@@ -11055,14 +11038,14 @@ function SelectDesktopContent({
   noOptionsMessage
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx133(
+  return /* @__PURE__ */ jsx132(
     "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__ */ jsx133(
+      children: /* @__PURE__ */ jsx132(
         SelectDesktopMenu,
         {
           id: listboxId,
@@ -11160,7 +11143,7 @@ function getMobileOptionStyles(index, scrollTop) {
 }
 
 // src/airbnb/select/SelectMobileWheel.tsx
-import { jsx as jsx134, jsxs as jsxs89 } from "react/jsx-runtime";
+import { jsx as jsx133, jsxs as jsxs88 } from "react/jsx-runtime";
 function SelectMobileWheel({
   id,
   options,
@@ -11179,7 +11162,7 @@ function SelectMobileWheel({
 }) {
   const spacerHeight2 = getWheelSpacerHeight();
   const emptyMessage = noOptionsMessage?.();
-  return /* @__PURE__ */ jsxs89(
+  return /* @__PURE__ */ jsxs88(
     "div",
     {
       id,
@@ -11191,10 +11174,10 @@ function SelectMobileWheel({
       onKeyDown,
       className: cn("relative overflow-hidden outline-none", menuClassName),
       children: [
-        options.length === 0 && emptyMessage ? /* @__PURE__ */ jsx134("div", { className: "flex min-h-[160px] items-center justify-center px-4 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
-        /* @__PURE__ */ jsx134("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__ */ jsx134("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__ */ jsx134(
+        options.length === 0 && emptyMessage ? /* @__PURE__ */ jsx133("div", { className: "flex min-h-[160px] items-center justify-center px-4 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
+        /* @__PURE__ */ jsx133("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__ */ jsx133("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__ */ jsx133(
           "div",
           {
             "aria-hidden": true,
@@ -11204,7 +11187,7 @@ function SelectMobileWheel({
             )
           }
         ),
-        /* @__PURE__ */ jsxs89(
+        /* @__PURE__ */ jsxs88(
           "div",
           {
             ref: listRef,
@@ -11219,11 +11202,11 @@ function SelectMobileWheel({
               WebkitOverflowScrolling: "touch"
             },
             children: [
-              /* @__PURE__ */ jsx134("div", { style: { height: `${spacerHeight2}px` } }),
+              /* @__PURE__ */ jsx133("div", { style: { height: `${spacerHeight2}px` } }),
               options.map((option, index) => {
                 const { distance, style } = getMobileOptionStyles(index, scrollTop);
                 const optionKey = `${String(option.value)}-${index}`;
-                return /* @__PURE__ */ jsx134(
+                return /* @__PURE__ */ jsx133(
                   "button",
                   {
                     id: getOptionId2(index),
@@ -11244,7 +11227,7 @@ function SelectMobileWheel({
                   optionKey
                 );
               }),
-              /* @__PURE__ */ jsx134("div", { style: { height: `${spacerHeight2}px` } })
+              /* @__PURE__ */ jsx133("div", { style: { height: `${spacerHeight2}px` } })
             ]
           }
         )
@@ -11254,7 +11237,7 @@ function SelectMobileWheel({
 }
 
 // src/airbnb/select/SelectMobileContent.tsx
-import { jsx as jsx135, jsxs as jsxs90 } from "react/jsx-runtime";
+import { jsx as jsx134, jsxs as jsxs89 } from "react/jsx-runtime";
 function SelectMobileContent({
   open,
   onOpenChange,
@@ -11278,11 +11261,11 @@ function SelectMobileContent({
   getOptionId: getOptionId2,
   noOptionsMessage
 }) {
-  return /* @__PURE__ */ jsx135(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs90(DrawerContent, { onClose, lockScroll: false, children: [
-    /* @__PURE__ */ jsx135(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
-    /* @__PURE__ */ jsx135(DrawerDescription, { className: "sr-only", children: label }),
-    /* @__PURE__ */ jsxs90("div", { className: "px-6 pb-4 pt-1", children: [
-      /* @__PURE__ */ jsx135(
+  return /* @__PURE__ */ jsx134(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs89(DrawerContent, { onClose, lockScroll: false, children: [
+    /* @__PURE__ */ jsx134(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
+    /* @__PURE__ */ jsx134(DrawerDescription, { className: "sr-only", children: label }),
+    /* @__PURE__ */ jsxs89("div", { className: "px-6 pb-4 pt-1", children: [
+      /* @__PURE__ */ jsx134(
         SelectMobileWheel,
         {
           id: listboxId,
@@ -11301,7 +11284,7 @@ function SelectMobileContent({
           noOptionsMessage
         }
       ),
-      /* @__PURE__ */ jsx135(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
+      /* @__PURE__ */ jsx134(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
     ] })
   ] }) });
 }
@@ -11309,7 +11292,7 @@ function SelectMobileContent({
 // src/airbnb/select/SelectTrigger.tsx
 import * as React35 from "react";
 import { ChevronDown } from "lucide-react";
-import { jsx as jsx136 } from "react/jsx-runtime";
+import { jsx as jsx135 } from "react/jsx-runtime";
 var SelectTrigger2 = React35.forwardRef(
   ({
     id,
@@ -11335,7 +11318,7 @@ var SelectTrigger2 = React35.forwardRef(
     onKeyDown,
     onBlur
   }, ref) => {
-    return /* @__PURE__ */ jsx136(
+    return /* @__PURE__ */ jsx135(
       FieldTrigger,
       {
         id,
@@ -11364,7 +11347,7 @@ var SelectTrigger2 = React35.forwardRef(
         onClick,
         onKeyDown,
         onBlur,
-        trailingAdornment: /* @__PURE__ */ jsx136(
+        trailingAdornment: /* @__PURE__ */ jsx135(
           ChevronDown,
           {
             className: open ? "h-6 w-6 rotate-180 text-[#1F1F1B] transition-transform" : "h-6 w-6 text-[#1F1F1B] transition-transform"
@@ -11726,7 +11709,7 @@ function useSelectIds({ name, hasValue, error, hideErrorMessage }) {
 }
 
 // src/airbnb/select/Select.tsx
-import { jsx as jsx137, jsxs as jsxs91 } from "react/jsx-runtime";
+import { jsx as jsx136, jsxs as jsxs90 } from "react/jsx-runtime";
 var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
   options = [],
   value,
@@ -11903,13 +11886,13 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
       handleMobileOpenChange(false);
     }
   };
-  return /* @__PURE__ */ jsxs91(
+  return /* @__PURE__ */ jsxs90(
     "div",
     {
       ref: containerRef,
       className: cn("relative w-full max-w-[var(--max-field-width)]", className),
       children: [
-        name && /* @__PURE__ */ jsx137("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
+        name && /* @__PURE__ */ jsx136("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
         renderTrigger ? renderTrigger({
           id: triggerId,
           open: isOpen,
@@ -11931,7 +11914,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
           onClick: handleTriggerClick,
           onKeyDown: handleRootTriggerKeyDown,
           onBlur
-        }) : /* @__PURE__ */ jsx137(
+        }) : /* @__PURE__ */ jsx136(
           SelectTrigger2,
           {
             id: triggerId,
@@ -11959,7 +11942,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
             onBlur
           }
         ),
-        isMobile ? /* @__PURE__ */ jsx137(
+        isMobile ? /* @__PURE__ */ jsx136(
           SelectMobileContent,
           {
             open: isOpen,
@@ -11984,7 +11967,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
             getOptionId: getOptionId2,
             noOptionsMessage
           }
-        ) : /* @__PURE__ */ jsx137(
+        ) : /* @__PURE__ */ jsx136(
           SelectDesktopContent,
           {
             isOpen,
@@ -12018,7 +12001,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
 });
 
 // src/airbnb/phone-field/PhoneField.tsx
-import { jsx as jsx138, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs91 } from "react/jsx-runtime";
 function formatPhoneCodeOptionLabel(option) {
   const label = String(option.label);
   const value = String(option.value);
@@ -12065,9 +12048,9 @@ var PhoneField = React40.forwardRef(
     const hasInvalidState = Boolean(error) || Boolean(invalid);
     const isBlocked = Boolean(disabled) || Boolean(loading);
     const isCodeBlocked = isBlocked || Boolean(codeReadOnly);
-    return /* @__PURE__ */ jsxs92("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
-      name && /* @__PURE__ */ jsx138("input", { type: "hidden", name, value: combinedValue, disabled }),
-      codeName && /* @__PURE__ */ jsx138(
+    return /* @__PURE__ */ jsxs91("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
+      name && /* @__PURE__ */ jsx137("input", { type: "hidden", name, value: combinedValue, disabled }),
+      codeName && /* @__PURE__ */ jsx137(
         "input",
         {
           type: "hidden",
@@ -12076,7 +12059,7 @@ var PhoneField = React40.forwardRef(
           disabled
         }
       ),
-      numberName && /* @__PURE__ */ jsx138(
+      numberName && /* @__PURE__ */ jsx137(
         "input",
         {
           type: "hidden",
@@ -12085,7 +12068,7 @@ var PhoneField = React40.forwardRef(
           disabled
         }
       ),
-      topLabel && /* @__PURE__ */ jsx138(
+      topLabel && /* @__PURE__ */ jsx137(
         "label",
         {
           htmlFor: inputId,
@@ -12093,8 +12076,8 @@ var PhoneField = React40.forwardRef(
           children: topLabel
         }
       ),
-      /* @__PURE__ */ jsxs92("div", { className: "flex items-stretch", children: [
-        /* @__PURE__ */ jsx138(
+      /* @__PURE__ */ jsxs91("div", { className: "flex items-stretch", children: [
+        /* @__PURE__ */ jsx137(
           AirbnbSelect,
           {
             ref,
@@ -12125,7 +12108,7 @@ var PhoneField = React40.forwardRef(
               onClick,
               onKeyDown,
               valueLabel
-            }) => /* @__PURE__ */ jsxs92(
+            }) => /* @__PURE__ */ jsxs91(
               "button",
               {
                 id,
@@ -12147,8 +12130,8 @@ var PhoneField = React40.forwardRef(
                   triggerDisabled ? "cursor-not-allowed opacity-50" : triggerLoading ? "cursor-progress" : "cursor-pointer"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx138("span", { children: valueLabel ?? codePlaceholder }),
-                  /* @__PURE__ */ jsx138(
+                  /* @__PURE__ */ jsx137("span", { children: valueLabel ?? codePlaceholder }),
+                  /* @__PURE__ */ jsx137(
                     ChevronDown2,
                     {
                       className: cn("h-5 w-5 transition-transform", open ? "rotate-180" : ""),
@@ -12160,7 +12143,7 @@ var PhoneField = React40.forwardRef(
             )
           }
         ),
-        /* @__PURE__ */ jsx138(
+        /* @__PURE__ */ jsx137(
           AirbnbInput,
           {
             id: inputId,
@@ -12192,7 +12175,7 @@ var PhoneField = React40.forwardRef(
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsx138(FieldErrorMessage, { message: error })
+      error && /* @__PURE__ */ jsx137(FieldErrorMessage, { message: error })
     ] });
   }
 );
@@ -12200,15 +12183,15 @@ PhoneField.displayName = "PhoneField";
 
 // src/airbnb/search-input/SearchInput.tsx
 import * as React41 from "react";
-import { useTranslation as useTranslation25 } from "react-i18next";
+import { useTranslation as useTranslation24 } from "react-i18next";
 import { Search as Search3, X as X8 } from "lucide-react";
-import { jsx as jsx139, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx138, jsxs as jsxs92 } from "react/jsx-runtime";
 var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
-  const { t } = useTranslation25();
+  const { t } = useTranslation24();
   const placeholderText = placeholder || t("search_property") + "...";
-  return /* @__PURE__ */ jsxs93("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
-    /* @__PURE__ */ jsx139(Search3, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
-    /* @__PURE__ */ jsx139(
+  return /* @__PURE__ */ jsxs92("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
+    /* @__PURE__ */ jsx138(Search3, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
+    /* @__PURE__ */ jsx138(
       "input",
       {
         ...props,
@@ -12227,13 +12210,13 @@ var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClass
         )
       }
     ),
-    onReset && /* @__PURE__ */ jsx139(
+    onReset && /* @__PURE__ */ jsx138(
       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__ */ jsx139(X8, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ jsx138(X8, { className: "h-5 w-5" })
       }
     )
   ] });
@@ -12245,7 +12228,7 @@ import * as React42 from "react";
 import { ChevronDown as ChevronDown3, Search as Search4 } from "lucide-react";
 import { useVirtualizer as useVirtualizer2 } from "@tanstack/react-virtual";
 import { useCallback as useCallback25 } from "react";
-import { jsx as jsx140, jsxs as jsxs94 } from "react/jsx-runtime";
+import { jsx as jsx139, jsxs as jsxs93 } from "react/jsx-runtime";
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
 var MOBILE_LIST_HEIGHT = 420;
@@ -12414,7 +12397,7 @@ var SearchableSelectInternal = ({
       }
     }
   }
-  const content = /* @__PURE__ */ jsx140(
+  const content = /* @__PURE__ */ jsx139(
     SearchableSelectContent,
     {
       inputId: searchInputId,
@@ -12442,9 +12425,9 @@ var SearchableSelectInternal = ({
     }
   );
   React42.useImperativeHandle(ref, () => triggerRef.current, []);
-  return /* @__PURE__ */ jsxs94("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
-    name && /* @__PURE__ */ jsx140("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
-    /* @__PURE__ */ jsx140(
+  return /* @__PURE__ */ jsxs93("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
+    name && /* @__PURE__ */ jsx139("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
+    /* @__PURE__ */ jsx139(
       FieldTrigger,
       {
         id: `${reactId}-trigger`,
@@ -12479,7 +12462,7 @@ var SearchableSelectInternal = ({
         },
         onKeyDown: handleTriggerKeyDown,
         onBlur,
-        trailingAdornment: /* @__PURE__ */ jsx140(
+        trailingAdornment: /* @__PURE__ */ jsx139(
           ChevronDown3,
           {
             className: cn(
@@ -12490,7 +12473,7 @@ var SearchableSelectInternal = ({
         )
       }
     ),
-    isMobile ? /* @__PURE__ */ jsx140(
+    isMobile ? /* @__PURE__ */ jsx139(
       Drawer,
       {
         open,
@@ -12502,13 +12485,13 @@ var SearchableSelectInternal = ({
           }
           closeSelect();
         },
-        children: /* @__PURE__ */ jsxs94(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
-          /* @__PURE__ */ jsx140(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
-          /* @__PURE__ */ jsx140(DrawerDescription, { className: "sr-only", children: label }),
-          /* @__PURE__ */ jsx140("div", { className: "px-5 pb-5 pt-1", children: content })
+        children: /* @__PURE__ */ jsxs93(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
+          /* @__PURE__ */ jsx139(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
+          /* @__PURE__ */ jsx139(DrawerDescription, { className: "sr-only", children: label }),
+          /* @__PURE__ */ jsx139("div", { className: "px-5 pb-5 pt-1", children: content })
         ] })
       }
-    ) : open ? /* @__PURE__ */ jsx140(
+    ) : open ? /* @__PURE__ */ jsx139(
       "div",
       {
         className: cn(
@@ -12575,16 +12558,16 @@ function SearchableSelectContent({
       virtualizer.scrollToIndex(highlightedIndex, { align: "auto" });
     }
   }, [highlightedIndex, virtualizer]);
-  return /* @__PURE__ */ jsxs94("div", { className: "p-2", children: [
-    /* @__PURE__ */ jsxs94("div", { className: "relative mb-2", children: [
-      /* @__PURE__ */ jsx140(
+  return /* @__PURE__ */ jsxs93("div", { className: "p-2", children: [
+    /* @__PURE__ */ jsxs93("div", { className: "relative mb-2", children: [
+      /* @__PURE__ */ jsx139(
         Search4,
         {
           "aria-hidden": "true",
           className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[#9696B9]"
         }
       ),
-      /* @__PURE__ */ jsx140(
+      /* @__PURE__ */ jsx139(
         "input",
         {
           id: inputId,
@@ -12603,7 +12586,7 @@ function SearchableSelectContent({
         }
       )
     ] }),
-    loading && options.length === 0 ? /* @__PURE__ */ jsx140("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ jsx140("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : /* @__PURE__ */ jsx140(
+    loading && options.length === 0 ? /* @__PURE__ */ jsx139("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ jsx139("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : /* @__PURE__ */ jsx139(
       "div",
       {
         id: listboxId,
@@ -12612,7 +12595,7 @@ function SearchableSelectContent({
         "aria-labelledby": labelId,
         className: cn("overflow-y-auto outline-none", menuClassName),
         style: { height: Math.min(height, rowCount * ROW_HEIGHT) },
-        children: /* @__PURE__ */ jsx140(
+        children: /* @__PURE__ */ jsx139(
           "div",
           {
             className: "relative w-full",
@@ -12620,7 +12603,7 @@ function SearchableSelectContent({
             children: virtualItems.map((virtualItem) => {
               const option = options[virtualItem.index];
               if (!option) {
-                return /* @__PURE__ */ jsx140(
+                return /* @__PURE__ */ jsx139(
                   "div",
                   {
                     className: "absolute left-0 top-0 flex w-full items-center px-4 text-base leading-6 text-[#6C6C6C]",
@@ -12635,7 +12618,7 @@ function SearchableSelectContent({
               }
               const isSelected = value?.value === option.value;
               const isHighlighted = virtualItem.index === highlightedIndex;
-              return /* @__PURE__ */ jsx140(
+              return /* @__PURE__ */ jsx139(
                 "button",
                 {
                   id: getOptionId(idPrefix, virtualItem.index),
@@ -12657,7 +12640,7 @@ function SearchableSelectContent({
                     height: `${virtualItem.size}px`,
                     transform: `translateY(${virtualItem.start}px)`
                   },
-                  children: /* @__PURE__ */ jsx140("span", { className: "truncate text-center", children: String(option.label) })
+                  children: /* @__PURE__ */ jsx139("span", { className: "truncate text-center", children: String(option.label) })
                 },
                 `${String(option.value)}-${virtualItem.index}`
               );
@@ -12823,7 +12806,6 @@ export {
   ModalLoader,
   MultiSelect,
   OverlayLoader,
-  PageLoader,
   Pagination,
   PhoneField,
   Popover,