@chekinapp/ui 0.0.50 → 0.0.52

package/dist/index.cjs

@@ -168,7 +168,6 @@ __export(index_exports, {
   ModalLoader: () => ModalLoader,
   MultiSelect: () => MultiSelect,
   OverlayLoader: () => OverlayLoader,
-  PageLoader: () => PageLoader,
   Pagination: () => Pagination,
   PhoneField: () => PhoneField,
   Popover: () => Popover,
@@ -961,7 +960,7 @@ var buttonVariants = (0, import_class_variance_authority3.cva)(
     "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-[""]',
@@ -3131,7 +3130,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,
@@ -6422,25 +6421,8 @@ function OverlayLoader({
   ] });
 }
 
-// src/page-loader/PageLoader.tsx
-var import_react_i18next16 = require("react-i18next");
-var import_jsx_runtime79 = require("react/jsx-runtime");
-function PageLoader({ className, description, label }) {
-  const { t } = (0, import_react_i18next16.useTranslation)();
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-    "div",
-    {
-      className: cn("flex min-h-[300px] flex-col items-center justify-center", className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("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__ */ (0, import_jsx_runtime79.jsx)(CircularLoader, { size: "lg", label: label || t("loading") }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("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
-var import_react_i18next17 = require("react-i18next");
+var import_react_i18next16 = require("react-i18next");
 var import_lucide_react26 = require("lucide-react");
 
 // src/select/Select.tsx
@@ -6450,7 +6432,7 @@ var import_react50 = require("react");
 var React22 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react24 = require("lucide-react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var SelectRoot = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -6459,7 +6441,7 @@ var selectSizeClassNames = {
   sm: "text-sm",
   md: "text-base"
 };
-var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -6474,7 +6456,7 @@ var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...p
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         import_lucide_react24.ChevronDownIcon,
         {
           size: 16,
@@ -6486,27 +6468,27 @@ var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...p
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react24.ChevronUpIcon, { size: 16, strokeWidth: 2 })
+    children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react24.ChevronUpIcon, { size: 16, strokeWidth: 2 })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react24.ChevronDownIcon, { size: 16, strokeWidth: 2 })
+    children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react24.ChevronDownIcon, { size: 16, strokeWidth: 2 })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React22.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+var SelectContent = React22.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -6524,8 +6506,8 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -6535,12 +6517,12 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -6552,7 +6534,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__ */ (0, import_jsx_runtime80.jsxs)(
+var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -6566,13 +6548,13 @@ var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...prop
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react24.CheckIcon, { size: 16, strokeWidth: 2 }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react24.CheckIcon, { size: 16, strokeWidth: 2 }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -6583,7 +6565,7 @@ var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/select/Select.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var SelectInner = ({
   placeholder,
   label,
@@ -6611,8 +6593,8 @@ var SelectInner = ({
   const handleOpenChange = (open) => {
     setIsOpen(open);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: cn("group relative w-[300px]", className, containerClassName), children: [
-    label && showLabel && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: cn("group relative w-[300px]", className, containerClassName), children: [
+    label && showLabel && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       "label",
       {
         htmlFor: id,
@@ -6620,7 +6602,7 @@ var SelectInner = ({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
       SelectRoot,
       {
         value,
@@ -6628,8 +6610,8 @@ var SelectInner = ({
         onOpenChange: handleOpenChange,
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SelectValue, { placeholder }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectValue, { placeholder }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             SelectItem,
             {
               value: String(option.value),
@@ -6642,9 +6624,9 @@ var SelectInner = ({
         ]
       }
     ),
-    Boolean(supportingText || errorText) && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex min-h-[15px] justify-between pt-1", children: [
-      supportingText && !errorText && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-xs italic leading-[15px] text-[var(--chekin-color-gray-1)]", children: supportingText }),
-      errorText && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "ml-auto text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: errorText })
+    Boolean(supportingText || errorText) && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex min-h-[15px] justify-between pt-1", children: [
+      supportingText && !errorText && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-xs italic leading-[15px] text-[var(--chekin-color-gray-1)]", children: supportingText }),
+      errorText && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ml-auto text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: errorText })
     ] })
   ] });
 };
@@ -6656,7 +6638,7 @@ var Select = SelectForward;
 var SelectPrimitive2 = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react25 = require("lucide-react");
 var import_react51 = require("react");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var MultiSelectInner = ({
   label,
   value = [],
@@ -6683,8 +6665,8 @@ var MultiSelectInner = ({
     return value.some((v) => String(v) === String(optionValue));
   };
   const displayText = value.length > 0 ? `${value.length} selected` : placeholder || "Select options";
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { ref, className: cn("group relative w-[300px]", className), children: [
-    label && showLabel && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { ref, className: cn("group relative w-[300px]", className), children: [
+    label && showLabel && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       "label",
       {
         htmlFor: id,
@@ -6692,7 +6674,7 @@ var MultiSelectInner = ({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       SelectPrimitive2.Root,
       {
         open,
@@ -6700,11 +6682,11 @@ var MultiSelectInner = ({
         value: "",
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-sm", children: displayText }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SelectContent, { children: options?.map(({ value: optionValue, label: optionLabel }) => {
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-sm", children: displayText }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SelectContent, { children: options?.map(({ value: optionValue, label: optionLabel }) => {
             const stringValue = String(optionValue);
             const selected = isSelected(optionValue);
-            return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
               "div",
               {
                 role: "option",
@@ -6719,8 +6701,8 @@ var MultiSelectInner = ({
                   selected && "bg-[#f9fafb]"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: selected && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react25.CheckIcon, { size: 16, strokeWidth: 2 }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: optionLabel })
+                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: selected && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react25.CheckIcon, { size: 16, strokeWidth: 2 }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: optionLabel })
                 ]
               },
               stringValue
@@ -6736,7 +6718,7 @@ var MultiSelect = (0, import_react51.forwardRef)(MultiSelectInner);
 // src/select/InfinitySelect.tsx
 var import_react_virtual = require("@tanstack/react-virtual");
 var import_react52 = require("react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function InfinitySelect({
   label,
   className,
@@ -6776,8 +6758,8 @@ function InfinitySelect({
     onValueChange?.(selectedValue);
     setIsOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: cn("group relative min-w-[300px]", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: cn("group relative min-w-[300px]", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       "label",
       {
         htmlFor: id,
@@ -6785,7 +6767,7 @@ function InfinitySelect({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
       SelectRoot,
       {
         value,
@@ -6793,8 +6775,8 @@ function InfinitySelect({
         open: isOpen,
         onOpenChange: setIsOpen,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SelectValue, { placeholder }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SelectValue, { placeholder }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             "div",
             {
               ref: parentRef,
@@ -6802,7 +6784,7 @@ function InfinitySelect({
                 height: `${Math.min(maxHeight, virtualizer.getTotalSize())}px`,
                 overflow: "auto"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 "div",
                 {
                   style: {
@@ -6813,7 +6795,7 @@ function InfinitySelect({
                   children: virtualizer.getVirtualItems().map((virtualItem) => {
                     const isLoading = virtualItem.index >= options.length;
                     const option = options[virtualItem.index];
-                    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                       "div",
                       {
                         style: {
@@ -6824,10 +6806,10 @@ function InfinitySelect({
                           height: `${virtualItem.size}px`,
                           transform: `translateY(${virtualItem.start}px)`
                         },
-                        children: isLoading || !option ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex items-center gap-2 text-sm text-[var(--chekin-color-gray-1)]", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+                        children: isLoading || !option ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex items-center gap-2 text-sm text-[var(--chekin-color-gray-1)]", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
                           "Loading more..."
-                        ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                        ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                           SelectItem,
                           {
                             value: String(option.value),
@@ -6850,7 +6832,7 @@ function InfinitySelect({
 }
 
 // src/pagination/Pagination.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var pageSizeOptions = [10, 20, 25, 30, 40, 50];
 function Pagination({
   page,
@@ -6863,7 +6845,7 @@ function Pagination({
   totalItems = 0,
   className
 }) {
-  const { t } = (0, import_react_i18next17.useTranslation)();
+  const { t } = (0, import_react_i18next16.useTranslation)();
   const isSimpleVariant = variant === "simple";
   const startItem = totalItems === 0 ? 0 : (page - 1) * pageSize + 1;
   const endItem = Math.min(page * pageSize, totalItems);
@@ -6889,7 +6871,7 @@ function Pagination({
   if (totalItems === 0 || !shouldShowPagination) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
     "div",
     {
       className: cn(
@@ -6897,24 +6879,24 @@ function Pagination({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "mr-auto flex-1 self-start font-medium text-[var(--chekin-color-gray-1)] sm:self-center", children: getInfoText() }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ml-auto flex w-full items-center gap-8 sm:w-fit", children: [
-          !isSimpleVariant && showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "hidden items-center gap-2 sm:flex", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "font-medium text-[var(--chekin-color-gray-1)]", children: t("rows_per_page") }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "mr-auto flex-1 self-start font-medium text-[var(--chekin-color-gray-1)] sm:self-center", children: getInfoText() }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ml-auto flex w-full items-center gap-8 sm:w-fit", children: [
+          !isSimpleVariant && showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "hidden items-center gap-2 sm:flex", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "font-medium text-[var(--chekin-color-gray-1)]", children: t("rows_per_page") }),
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
               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__ */ (0, import_jsx_runtime84.jsx)(SelectItem, { value: size.toString(), children: size }, size))
+                children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SelectItem, { value: size.toString(), children: size }, size))
               }
             )
           ] }),
-          !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "flex w-fit items-center justify-center font-medium", children: t("page_of_pages", { page, pages }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ml-auto flex items-center gap-2 sm:ml-0", children: [
-            !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+          !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex w-fit items-center justify-center font-medium", children: t("page_of_pages", { page, pages }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ml-auto flex items-center gap-2 sm:ml-0", children: [
+            !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
               Button,
               {
                 variant: "outline",
@@ -6923,12 +6905,12 @@ function Pagination({
                 onClick: goToFirstPage,
                 disabled: !canGoPrevious,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "sr-only", children: t("go_to_first_page") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react26.ChevronsLeft, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "sr-only", children: t("go_to_first_page") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react26.ChevronsLeft, {})
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
               Button,
               {
                 variant: isSimpleVariant ? "link" : "outline",
@@ -6939,12 +6921,12 @@ function Pagination({
                 onClick: goToPreviousPage,
                 disabled: !canGoPrevious,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "sr-only", children: t("go_to_previous_page") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react26.ChevronLeft, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "sr-only", children: t("go_to_previous_page") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react26.ChevronLeft, {})
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
               Button,
               {
                 variant: isSimpleVariant ? "link" : "outline",
@@ -6955,12 +6937,12 @@ function Pagination({
                 onClick: goToNextPage,
                 disabled: !canGoNext,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "sr-only", children: t("go_to_next_page") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react26.ChevronRight, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "sr-only", children: t("go_to_next_page") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react26.ChevronRight, {})
                 ]
               }
             ),
-            !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+            !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
               Button,
               {
                 variant: "outline",
@@ -6969,8 +6951,8 @@ function Pagination({
                 onClick: goToLastPage,
                 disabled: !canGoNext,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "sr-only", children: t("go_to_last_page") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react26.ChevronsRight, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "sr-only", children: t("go_to_last_page") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react26.ChevronsRight, {})
                 ]
               }
             )
@@ -6984,13 +6966,13 @@ function Pagination({
 // src/popover/Popover.tsx
 var React23 = __toESM(require("react"), 1);
 var RadixPopover = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("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__ */ (0, import_jsx_runtime85.jsx)(RadixPopover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+var PopoverContent = React23.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(RadixPopover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
   RadixPopover.Content,
   {
     ref,
@@ -7010,7 +6992,7 @@ PopoverContent.displayName = "PopoverContent";
 // src/popover/PopoverWithTooltip.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
 var TooltipPrimitive2 = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function PopoverWithTooltip({
   children,
   popoverContent,
@@ -7020,10 +7002,10 @@ function PopoverWithTooltip({
   popoverContentClassName,
   tooltipVariant = "light"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TooltipPrimitive2.Provider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(TooltipPrimitive2.Root, { open: open ? false : void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(PopoverPrimitive.Root, { open, onOpenChange, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PopoverPrimitive.Trigger, { asChild: true, children }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipPrimitive2.Provider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(TooltipPrimitive2.Root, { open: open ? false : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(PopoverPrimitive.Root, { open, onOpenChange, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PopoverPrimitive.Trigger, { asChild: true, children }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         PopoverPrimitive.Content,
         {
           align: "center",
@@ -7041,7 +7023,7 @@ function PopoverWithTooltip({
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
       TooltipPrimitive2.Content,
       {
         sideOffset: 5,
@@ -7058,7 +7040,7 @@ function PopoverWithTooltip({
         ),
         children: [
           tooltipContent,
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             TooltipPrimitive2.Arrow,
             {
               className: cn(
@@ -7083,8 +7065,8 @@ var import_react54 = require("react");
 var React24 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
 var import_lucide_react27 = require("lucide-react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
-var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var import_jsx_runtime86 = require("react/jsx-runtime");
+var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -7093,7 +7075,7 @@ var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -7104,7 +7086,7 @@ var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react27.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react27.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
   }
 ));
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
@@ -7131,7 +7113,7 @@ function useRadioOptions({ options, defaultValue, onChange }) {
 }
 
 // src/radio/Radio.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var Radio = (0, import_react54.forwardRef)(
   ({ options, value, onChange, error, className = "", disabled = false, renderOption }, ref) => {
     const { selectedValue, handleValueChange } = useRadioOptions({
@@ -7145,8 +7127,8 @@ var Radio = (0, import_react54.forwardRef)(
       }
       return option.value === selectedValue;
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         RadioGroup2,
         {
           ref,
@@ -7154,7 +7136,7 @@ var Radio = (0, import_react54.forwardRef)(
           onValueChange: handleValueChange,
           className: cn(className, "radio"),
           disabled,
-          children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "label",
             {
               className: cn(
@@ -7162,8 +7144,8 @@ var Radio = (0, import_react54.forwardRef)(
                 "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__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+              children: renderOption ? renderOption({ option, isSelected: getIsSelected(option) }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                   RadioGroupItem,
                   {
                     value: option.value,
@@ -7172,27 +7154,27 @@ var Radio = (0, import_react54.forwardRef)(
                     className: "radio__indicator"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "radio_label", children: option.label })
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "radio_label", children: option.label })
               ] })
             },
             option.value
           ))
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ErrorMessage, { children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ErrorMessage, { children: error })
     ] });
   }
 );
 Radio.displayName = "Radio";
 
 // src/radio/RadioWithBorder.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function RadioWithBorder({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     Radio,
     {
       ...props,
-      renderOption: ({ option, isSelected }) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+      renderOption: ({ option, isSelected }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
         "div",
         {
           className: cn(
@@ -7200,7 +7182,7 @@ function RadioWithBorder({ ...props }) {
             isSelected && "border-[var(--chekin-color-brand-blue)] bg-[var(--chekin-color-surface-autocomplete)]"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
               RadioGroupItem,
               {
                 className: "mt-1",
@@ -7209,9 +7191,9 @@ function RadioWithBorder({ ...props }) {
                 disabled: option.disabled
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "space-y-1 leading-6", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "font-semibold", children: option.label }),
-              option.data?.description && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-sm font-medium text-[var(--chekin-color-gray-1)]", children: option.data.description })
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "space-y-1 leading-6", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "font-semibold", children: option.label }),
+              option.data?.description && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-sm font-medium text-[var(--chekin-color-gray-1)]", children: option.data.description })
             ] })
           ]
         }
@@ -7221,7 +7203,7 @@ function RadioWithBorder({ ...props }) {
 }
 
 // src/rating-progress/RatingProgress.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var getRatingColor = (score, maxScore) => {
   const percentage = score / maxScore * 100;
   if (percentage === 0) return "#ff2765";
@@ -7240,7 +7222,7 @@ function RatingProgress({
 }) {
   const percentage = Math.max(0, Math.min(100, score / maxScore * 100));
   const color = getRatingColor(score, maxScore);
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     "div",
     {
       className: cn(
@@ -7248,13 +7230,13 @@ function RatingProgress({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex w-full items-start justify-between text-sm font-medium leading-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "min-w-0 flex-1", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "shrink-0 whitespace-pre", children: score.toFixed(1) })
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex w-full items-start justify-between text-sm font-medium leading-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "min-w-0 flex-1", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "shrink-0 whitespace-pre", children: score.toFixed(1) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "h-1.5 w-full rounded-[24px] bg-[var(--chekin-color-gray-3)]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "h-1.5 w-full rounded-[24px] bg-[var(--chekin-color-gray-3)]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             "div",
             {
               className: "absolute left-0 top-0 h-1.5 rounded-[24px] transition-all duration-300 ease-out",
@@ -7272,7 +7254,7 @@ function RatingProgress({
 
 // src/rating-radio-group/RatingRadioGroup.tsx
 var import_lucide_react28 = require("lucide-react");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var getStarColor = (optionValue) => (value) => {
   if (value >= optionValue) return "#facc15";
   return "var(--chekin-color-gray-1)";
@@ -7285,10 +7267,10 @@ function RatingRadioGroup({
   className,
   options
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("fieldset", { className: cn("relative [all:unset]", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("legend", { className: "mb-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "RatingRadioGroup__list flex gap-2", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("label", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("fieldset", { className: cn("relative [all:unset]", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("legend", { className: "mb-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "RatingRadioGroup__list flex gap-2", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         "input",
         {
           className: "peer absolute h-0 w-0 opacity-0",
@@ -7299,7 +7281,7 @@ function RatingRadioGroup({
           onChange: () => onChange?.(option.value)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         import_lucide_react28.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]",
@@ -7316,8 +7298,8 @@ function RatingRadioGroup({
 // src/rating-stars/RatingStars.tsx
 var React25 = __toESM(require("react"), 1);
 var import_lucide_react29 = require("lucide-react");
-var import_react_i18next18 = require("react-i18next");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_react_i18next17 = require("react-i18next");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function RatingStars({
   rating,
   maxRating = 5,
@@ -7331,7 +7313,7 @@ function RatingStars({
   filledColor = "#ffb700",
   emptyColor = "var(--chekin-color-gray-3)"
 }) {
-  const { t } = (0, import_react_i18next18.useTranslation)();
+  const { t } = (0, import_react_i18next17.useTranslation)();
   const normalizedRating = Math.max(0, Math.min(maxRating, rating));
   const stars = Array.from({ length: maxRating }, (_, index) => index + 1);
   const componentId = React25.useId();
@@ -7347,18 +7329,18 @@ function RatingStars({
     }
     return emptyColor;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: cn("flex flex-col items-start gap-2", className), children: [
-    showText && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("p", { className: "text-4xl font-medium", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: cn("flex flex-col items-start gap-2", className), children: [
+    showText && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("p", { className: "text-4xl font-medium", children: [
       normalizedRating,
       "/",
       maxRating
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
       ] }) }) }),
-      stars.map((star) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      stars.map((star) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         import_lucide_react29.Star,
         {
           size,
@@ -7370,22 +7352,22 @@ function RatingStars({
         star
       ))
     ] }),
-    (reviewCount !== void 0 || description) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
-      reviewCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("p", { className: "text-xs leading-4", children: [
+    (reviewCount !== void 0 || description) && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
+      reviewCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("p", { className: "text-xs leading-4", children: [
         reviewCount,
         " ",
         reviewsLabel || t("reviews")
       ] }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "text-sm leading-6", children: description })
+      description && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-sm leading-6", children: description })
     ] })
   ] });
 }
 
 // src/rotate-icon/RotateIcon.tsx
 var import_lucide_react30 = require("lucide-react");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function RotateIcon({ active, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     import_lucide_react30.ChevronUp,
     {
       className: cn(
@@ -7399,9 +7381,9 @@ function RotateIcon({ active, className }) {
 
 // src/search-button/SearchButton.tsx
 var import_lucide_react31 = require("lucide-react");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function SearchButton({ onClick, className, icon, ariaLabel }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     "button",
     {
       onClick,
@@ -7409,15 +7391,15 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
       "data-testid": "search-button",
       "aria-label": ariaLabel,
       type: "button",
-      children: icon || /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react31.Search, { size: 12, strokeWidth: 4, className: "text-[var(--chekin-color-gray-1)]" })
+      children: icon || /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react31.Search, { size: 12, strokeWidth: 4, className: "text-[var(--chekin-color-gray-1)]" })
     }
   );
 }
 
 // src/search-input/SearchInput.tsx
 var import_lucide_react32 = require("lucide-react");
-var import_react_i18next19 = require("react-i18next");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_react_i18next18 = require("react-i18next");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function SearchInput({
   disabled,
   invalid,
@@ -7431,20 +7413,20 @@ function SearchInput({
   className,
   ...props
 }) {
-  const { t } = (0, import_react_i18next19.useTranslation)();
+  const { t } = (0, import_react_i18next18.useTranslation)();
   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__ */ (0, import_jsx_runtime95.jsxs)("div", { className: cn("input-wrapper", wrapperClassName), children: [
-    (label || hasLabelMeta) && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("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__ */ (0, import_jsx_runtime95.jsx)("span", { className: "min-w-0 truncate", children: label }),
-      optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
-      tooltip && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(HelpTooltip, { content: tooltip, side: "top", size: 16 })
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: cn("input-wrapper", wrapperClassName), children: [
+    (label || hasLabelMeta) && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("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__ */ (0, import_jsx_runtime94.jsx)("span", { className: "min-w-0 truncate", children: label }),
+      optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
+      tooltip && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HelpTooltip, { content: tooltip, side: "top", size: 16 })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react32.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-color-gray-2)]" }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react32.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-color-gray-2)]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         Input,
         {
           ...props,
@@ -7462,15 +7444,15 @@ function SearchInput({
           )
         }
       ),
-      (loading || onReset) && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
-        loading && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      (loading || onReset) && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           import_lucide_react32.Loader2,
           {
             "aria-hidden": "true",
             className: "h-5 w-5 animate-spin text-[var(--chekin-color-gray-2)]"
           }
         ),
-        onReset && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        onReset && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           Button,
           {
             variant: "ghost",
@@ -7478,7 +7460,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__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react32.X, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react32.X, { className: "h-5 w-5" })
           }
         )
       ] })
@@ -7504,9 +7486,9 @@ var sectionTagVariants = (0, import_class_variance_authority10.cva)(
 );
 
 // src/section-tag/SectionTag.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function SectionTag({ label, color = "green", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: cn(sectionTagVariants({ color }), className), children: label });
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: cn(sectionTagVariants({ color }), className), children: label });
 }
 
 // src/section-tag/constants.ts
@@ -7519,7 +7501,7 @@ var SectionTagColors = /* @__PURE__ */ ((SectionTagColors2) => {
 // src/section/Section.tsx
 var import_react55 = require("react");
 var import_lucide_react33 = require("lucide-react");
-var import_react_i18next20 = require("react-i18next");
+var import_react_i18next19 = require("react-i18next");
 
 // src/section/constants.ts
 var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
@@ -7529,16 +7511,16 @@ var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
 })(SubSectionSize || {});
 
 // src/section/Section.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function TooltipInfo({ content, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Tooltip, { side: "right", content, contentClassName: "max-w-64", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Tooltip, { side: "right", content, contentClassName: "max-w-64", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "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__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react33.CircleHelp, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_lucide_react33.CircleHelp, { className: "h-4 w-4" })
     }
   ) });
 }
@@ -7557,8 +7539,8 @@ var Section = (0, import_react55.forwardRef)(
     hidden,
     size
   }, ref) => {
-    const { t } = (0, import_react_i18next20.useTranslation)();
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+    const { t } = (0, import_react_i18next19.useTranslation)();
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "div",
       {
         ref,
@@ -7570,8 +7552,8 @@ var Section = (0, import_react55.forwardRef)(
           className
         ),
         children: [
-          (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-2", children: [
-            title && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+          (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-2", children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
               "div",
               {
                 className: cn(
@@ -7580,17 +7562,17 @@ var Section = (0, import_react55.forwardRef)(
                 ),
                 children: [
                   title,
-                  titleTooltip && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "ml-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TooltipInfo, { content: titleTooltip }) }),
-                  linkContent && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("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__ */ (0, import_jsx_runtime96.jsx)("div", { className: "ml-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TooltipInfo, { content: titleTooltip }) }),
+                  linkContent && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("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__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "inline text-base font-normal text-[var(--chekin-color-gray-1)]", children: subtitle }),
-              subtitleTooltip && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TooltipInfo, { content: subtitleTooltip }) })
+            subtitle && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "inline text-base font-normal text-[var(--chekin-color-gray-1)]", children: subtitle }),
+              subtitleTooltip && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TooltipInfo, { content: subtitleTooltip }) })
             ] })
           ] }),
-          loading && showLoader ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          loading && showLoader ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
             CircularLoader,
             {
               size: "md",
@@ -7605,7 +7587,7 @@ var Section = (0, import_react55.forwardRef)(
 );
 Section.displayName = "Section";
 var SubSection = (0, import_react55.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     Section,
     {
       ref,
@@ -7619,7 +7601,7 @@ var SubSection = (0, import_react55.forwardRef)(
 );
 SubSection.displayName = "SubSection";
 var DividingSubsection = (0, import_react55.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     SubSection,
     {
       ref,
@@ -7634,7 +7616,7 @@ DividingSubsection.displayName = "DividingSubsection";
 var import_react56 = require("react");
 
 // src/selector-button/SelectorButton.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function SelectorButton({
   active,
   onClick,
@@ -7659,7 +7641,7 @@ function SelectorButton({
       event.preventDefault();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "label",
     {
       className: cn(
@@ -7673,7 +7655,7 @@ function SelectorButton({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           "input",
           {
             onClick: handleChange,
@@ -7684,7 +7666,7 @@ function SelectorButton({
             readOnly
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex h-full items-center", children })
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex h-full items-center", children })
       ]
     }
   );
@@ -7692,7 +7674,7 @@ function SelectorButton({
 SelectorButton.displayName = "SelectorButton";
 
 // src/selectors/Selectors.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var getValueArray = (value) => {
   if (value) {
     return Array.isArray(value) ? value : [value];
@@ -7749,9 +7731,9 @@ function SelectorsInternal({
   (0, import_react56.useEffect)(() => {
     onAnySelectorActive?.(isAnyActive);
   }, [isAnyActive, onAnySelectorActive]);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "flex [&_span]:ml-[5px]", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("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__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex [&_span]:ml-[5px]", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("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__ */ (0, import_jsx_runtime98.jsx)(
       "div",
       {
         ref,
@@ -7764,7 +7746,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__ */ (0, import_jsx_runtime99.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             SelectorButton,
             {
               loading,
@@ -7795,14 +7777,14 @@ var Selectors = (0, import_react56.forwardRef)(SelectorsInternal);
 
 // src/separator/Separator.tsx
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function Separator3({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -7820,24 +7802,24 @@ function Separator3({
 // src/sheet/Sheet.tsx
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react34 = require("lucide-react");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -7855,9 +7837,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -7872,9 +7854,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--chekin-radius-small)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-[var(--chekin-shadow-focus)] disabled:pointer-events-none", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react34.XIcon, { className: "size-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--chekin-radius-small)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-[var(--chekin-shadow-focus)] disabled:pointer-events-none", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react34.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -7882,7 +7864,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "div",
     {
       "data-slot": "sheet-header",
@@ -7892,7 +7874,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -7905,7 +7887,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -7918,7 +7900,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -7935,9 +7917,9 @@ var import_class_variance_authority11 = require("class-variance-authority");
 var import_lucide_react35 = require("lucide-react");
 
 // src/skeleton/Skeleton.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     "div",
     {
       "data-slot": "skeleton",
@@ -7967,7 +7949,7 @@ function useSidebarMenuButton() {
 }
 
 // src/sidebar/SidebarIcon.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var SidebarIcon = ({
   children,
   isActive: isActiveProp,
@@ -7984,7 +7966,7 @@ var SidebarIcon = ({
     }
     return highlighted ? "bg-[var(--chekin-color-surface-pressed)]" : "bg-[var(--chekin-color-surface-input-empty)]";
   })();
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "div",
     {
       className: cn(
@@ -8017,7 +7999,7 @@ function useSidebarSafe() {
 }
 
 // src/sidebar/Sidebar.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME_DEFAULT = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH_MOBILE = "18rem";
@@ -8075,7 +8057,7 @@ var SidebarProvider = React26.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       "div",
       {
         style,
@@ -8099,7 +8081,7 @@ var Sidebar = React26.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "div",
         {
           className: cn(
@@ -8113,7 +8095,7 @@ var Sidebar = React26.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -8125,16 +8107,16 @@ var Sidebar = React26.forwardRef(
           style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
           side,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(SheetHeader, { className: "sr-only", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SheetTitle, { children: "Sidebar" }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(SheetHeader, { className: "sr-only", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SheetTitle, { children: "Sidebar" }),
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex h-full w-full flex-col", children })
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex h-full w-full flex-col", children })
           ]
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
       "div",
       {
         ref,
@@ -8145,7 +8127,7 @@ var Sidebar = React26.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
             "div",
             {
               className: cn(
@@ -8156,7 +8138,7 @@ var Sidebar = React26.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
             "div",
             {
               className: cn(
@@ -8166,7 +8148,7 @@ var Sidebar = React26.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -8184,7 +8166,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__ */ (0, import_jsx_runtime104.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     Button,
     {
       ref,
@@ -8202,8 +8184,8 @@ var SidebarTrigger = React26.forwardRef(({ className, onClick, icon, ...props },
       },
       ...props,
       children: [
-        icon || (isMobile ? openMobile : open) ? icon || /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react35.ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react35.ArrowRightFromLineIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        icon || (isMobile ? openMobile : open) ? icon || /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react35.ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react35.ArrowRightFromLineIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
@@ -8212,7 +8194,7 @@ SidebarTrigger.displayName = "SidebarTrigger";
 var SidebarRail = React26.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       "button",
       {
         ref,
@@ -8236,7 +8218,7 @@ var SidebarRail = React26.forwardRef(
 );
 SidebarRail.displayName = "SidebarRail";
 var SidebarInset = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "main",
     {
       ref,
@@ -8250,7 +8232,7 @@ var SidebarInset = React26.forwardRef(
   )
 );
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
   Input,
   {
     ref,
@@ -8261,7 +8243,7 @@ var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 SidebarInput.displayName = "SidebarInput";
 var SidebarHeader = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       ref,
@@ -8273,7 +8255,7 @@ var SidebarHeader = React26.forwardRef(
 );
 SidebarHeader.displayName = "SidebarHeader";
 var SidebarFooter = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       ref,
@@ -8284,7 +8266,7 @@ var SidebarFooter = React26.forwardRef(
   )
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
   Separator3,
   {
     ref,
@@ -8295,7 +8277,7 @@ var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @
 ));
 SidebarSeparator.displayName = "SidebarSeparator";
 var SidebarContent = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       ref,
@@ -8310,7 +8292,7 @@ var SidebarContent = React26.forwardRef(
 );
 SidebarContent.displayName = "SidebarContent";
 var SidebarGroup = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       ref,
@@ -8323,7 +8305,7 @@ var SidebarGroup = React26.forwardRef(
 SidebarGroup.displayName = "SidebarGroup";
 var SidebarGroupLabel = React26.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     Comp,
     {
       ref,
@@ -8340,7 +8322,7 @@ var SidebarGroupLabel = React26.forwardRef(({ className, asChild = false, ...pro
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
 var SidebarGroupAction = React26.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     Comp,
     {
       ref,
@@ -8355,7 +8337,7 @@ var SidebarGroupAction = React26.forwardRef(({ className, asChild = false, ...pr
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
 var SidebarGroupContent = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       ref,
@@ -8367,7 +8349,7 @@ var SidebarGroupContent = React26.forwardRef(
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
 var SidebarMenu = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "ul",
     {
       ref,
@@ -8379,7 +8361,7 @@ var SidebarMenu = React26.forwardRef(
 );
 SidebarMenu.displayName = "SidebarMenu";
 var SidebarMenuItem = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "li",
     {
       ref,
@@ -8423,7 +8405,7 @@ var SidebarMenuButton = React26.forwardRef(
   }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "button";
     const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       Comp,
       {
         ref,
@@ -8436,12 +8418,12 @@ var SidebarMenuButton = React26.forwardRef(
       }
     );
     if (!tooltip) {
-      return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
     }
     const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         TooltipContent,
         {
           side: "right",
@@ -8458,7 +8440,7 @@ var SidebarMenuButton = React26.forwardRef(
 SidebarMenuButton.displayName = "SidebarMenuButton";
 var SidebarMenuAction = React26.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     Comp,
     {
       ref,
@@ -8477,7 +8459,7 @@ var SidebarMenuBadge = React26.forwardRef(
   ({ className, ...props }, ref) => {
     const { open, isMobile, openMobile } = useSidebar();
     const isOpen = isMobile ? openMobile : open;
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       "div",
       {
         ref,
@@ -8495,7 +8477,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__ */ (0, import_jsx_runtime104.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     "div",
     {
       ref,
@@ -8503,8 +8485,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__ */ (0, import_jsx_runtime104.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -8518,7 +8500,7 @@ var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
 var SidebarMenuSub = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "ul",
     {
       ref,
@@ -8533,7 +8515,7 @@ var SidebarMenuSub = React26.forwardRef(
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
 var SidebarMenuSubItem = React26.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("li", { ref, ...props })
+  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("li", { ref, ...props })
 );
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 var sidebarMenuSubButtonVariants = (0, import_class_variance_authority11.cva)(
@@ -8566,7 +8548,7 @@ var SidebarMenuSubButton = React26.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "a";
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       Comp,
       {
         ref,
@@ -8588,7 +8570,7 @@ var getSidebarState = (stateName) => document.cookie.split("; ").find((row) => r
 // src/small-grid-single-item/SmallGridSingleItem.tsx
 var import_react61 = require("react");
 var import_lucide_react36 = require("lucide-react");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var SmallGridSingleItem = (0, import_react61.memo)(
   ({
     title,
@@ -8604,7 +8586,7 @@ var SmallGridSingleItem = (0, import_react61.memo)(
     const handleClick = (event) => {
       if (!disabled && onClick) onClick(event);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
       "div",
       {
         onClick: handleClick,
@@ -8618,24 +8600,24 @@ var SmallGridSingleItem = (0, import_react61.memo)(
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "line-clamp-2 overflow-hidden text-ellipsis break-all", children: title }),
-            subtitle && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "line-clamp-2 overflow-hidden text-ellipsis text-[15px] font-medium leading-6 text-[var(--chekin-color-gray-2)]", children: subtitle })
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "line-clamp-2 overflow-hidden text-ellipsis break-all", children: title }),
+            subtitle && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("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__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex h-full items-center justify-end gap-2", children: [
-            onDelete && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          !readOnly && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex h-full items-center justify-end gap-2", children: [
+            onDelete && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
               Button,
               {
                 disabled,
                 onClick: onDelete,
                 size: "icon",
                 variant: "outline",
-                children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react36.Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react36.Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
               }
             ),
-            onEdit && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { disabled, onClick: onEdit, size: "icon", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react36.Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" }) })
+            onEdit && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { disabled, onClick: onEdit, size: "icon", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react36.Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" }) })
           ] }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "absolute bottom-1 right-2 text-xs text-[var(--chekin-color-brand-red)]", children: error })
+          error && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "absolute bottom-1 right-2 text-xs text-[var(--chekin-color-brand-red)]", children: error })
         ]
       }
     );
@@ -8644,9 +8626,9 @@ var SmallGridSingleItem = (0, import_react61.memo)(
 SmallGridSingleItem.displayName = "SmallGridSingleItem";
 
 // src/sorting-action/SortingAction.tsx
-var import_react_i18next21 = require("react-i18next");
+var import_react_i18next20 = require("react-i18next");
 var import_lucide_react37 = require("lucide-react");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 function SortingAction({
   value,
   onSortChange,
@@ -8655,9 +8637,9 @@ function SortingAction({
   variant = "by_other",
   onOpenChange
 }) {
-  const { t } = (0, import_react_i18next21.useTranslation)();
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(DropdownMenu, { open, onOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  const { t } = (0, import_react_i18next20.useTranslation)();
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DropdownMenu, { open, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
       "button",
       {
         type: "button",
@@ -8666,36 +8648,36 @@ function SortingAction({
           className
         ),
         "aria-label": "Open sorting menu",
-        children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react37.ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react37.ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(DropdownMenuContent, { className: "w-full max-w-[256px]", align: "start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DropdownMenuContent, { className: "w-full max-w-[256px]", align: "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
         DropdownMenuItem,
         {
           active: value === "asc",
           className: cn(value === "asc" && "text-[var(--chekin-color-brand-blue)]"),
           onClick: () => onSortChange?.("asc"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react37.ArrowUp, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react37.ArrowUp, { className: "h-4 w-4" }),
             variant === "by_text" ? t("sort_a_z") : t("sort_in_asc")
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
         DropdownMenuItem,
         {
           active: value === "desc",
           className: cn(value === "desc" && "text-[var(--chekin-color-brand-blue)]"),
           onClick: () => onSortChange?.("desc"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react37.ArrowDown, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react37.ArrowDown, { className: "h-4 w-4" }),
             variant === "by_text" ? t("sort_z_a") : t("sort_in_desc")
           ]
         }
       ),
-      value && /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(DropdownMenuItem, { onClick: () => onSortChange?.(null), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react37.Minus, { className: "h-4 w-4" }),
+      value && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DropdownMenuItem, { onClick: () => onSortChange?.(null), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react37.Minus, { className: "h-4 w-4" }),
         t("clear_sorting")
       ] })
     ] })
@@ -8704,9 +8686,9 @@ function SortingAction({
 
 // src/status-button/StatusButton.tsx
 var import_react62 = require("react");
-var import_react_i18next22 = require("react-i18next");
+var import_react_i18next21 = require("react-i18next");
 var import_lucide_react38 = require("lucide-react");
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 function StatusButton({
   hidden,
   status,
@@ -8720,11 +8702,11 @@ function StatusButton({
   variant = "default",
   ...props
 }) {
-  const { t } = (0, import_react_i18next22.useTranslation)();
+  const { t } = (0, import_react_i18next21.useTranslation)();
   const configMap = (0, import_react62.useMemo)(() => {
     const defaultLoadingConfig = {
       text: loadingText ?? `${t("saving")}...`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react38.Loader2, { className: "h-4 w-4 animate-spin" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react38.Loader2, { className: "h-4 w-4 animate-spin" }),
       variant,
       isLoading: true
     };
@@ -8734,13 +8716,13 @@ function StatusButton({
       validating: { ...defaultLoadingConfig, text: t("validating") },
       error: {
         text: t("error"),
-        icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react38.AlertCircle, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react38.AlertCircle, { className: "h-4 w-4" }),
         variant: "destructive",
         isLoading: false
       },
       success: {
         text: successText ?? t("saved_exclamation"),
-        icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react38.CheckCircle, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react38.CheckCircle, { className: "h-4 w-4" }),
         variant,
         isLoading: false
       },
@@ -8756,7 +8738,7 @@ function StatusButton({
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
     Button,
     {
       className: cn(
@@ -8772,7 +8754,7 @@ function StatusButton({
       ...props,
       children: [
         config.icon,
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: config.text })
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: config.text })
       ]
     }
   );
@@ -8780,37 +8762,37 @@ function StatusButton({
 
 // src/status-box/StatusBox.tsx
 var import_lucide_react39 = require("lucide-react");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 function StatusBox({ status, title, text }) {
   if (status === "success") {
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-green-100 bg-green-50 p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react39.CheckIcon, { className: "h-5 w-5 text-green-600" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "font-semibold text-green-800", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "text-sm text-green-700", children: text })
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-green-100 bg-green-50 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react39.CheckIcon, { className: "h-5 w-5 text-green-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "font-semibold text-green-800", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "text-sm text-green-700", children: text })
       ] })
     ] });
   }
   if (status === "failed") {
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-red-100 bg-red-50 p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react39.XIcon, { className: "h-5 w-5 text-red-600" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "font-semibold text-red-800", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "text-sm text-red-700", children: text })
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-red-100 bg-red-50 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react39.XIcon, { className: "h-5 w-5 text-red-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "font-semibold text-red-800", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "text-sm text-red-700", children: text })
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-amber-100 bg-amber-50 p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react39.AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "font-semibold text-amber-800", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "text-sm text-amber-700", children: text })
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-amber-100 bg-amber-50 p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react39.AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "font-semibold text-amber-800", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "text-sm text-amber-700", children: text })
     ] })
   ] });
 }
 
 // src/stepper/Stepper.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 function Stepper({
   totalSteps,
   activeStep,
@@ -8819,7 +8801,7 @@ function Stepper({
 }) {
   if (totalSteps <= 0) return null;
   const clampedActiveStep = Math.max(1, Math.min(totalSteps, activeStep));
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "div",
     {
       className: cn("flex w-full items-center gap-2", className),
@@ -8830,7 +8812,7 @@ function Stepper({
       children: new Array(totalSteps).fill(null).map((_, stepIndex) => {
         const stepNumber = stepIndex + 1;
         const isActive = cumulative ? stepNumber <= clampedActiveStep : stepNumber === clampedActiveStep;
-        return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           "span",
           {
             className: cn(
@@ -8847,14 +8829,14 @@ function Stepper({
 
 // src/switch-blocks/SwitchBlocks.tsx
 var import_react63 = require("react");
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var SwitchBlocksInternal = (0, import_react63.forwardRef)(
-  ({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  ({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
     "div",
     {
       ref,
       className: cn("flex flex-wrap items-center justify-start gap-4", className),
-      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
         BoxOptionSelector,
         {
           id: option.id,
@@ -8876,7 +8858,7 @@ var SwitchBlocks = (0, import_react63.memo)(SwitchBlocksInternal);
 
 // src/switch-group/SwitchGroup.tsx
 var React27 = __toESM(require("react"), 1);
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var SwitchGroup = React27.forwardRef(
   ({ options, value = [], onChange, disabled = false, className, error, ...props }, ref) => {
     const handleOptionChange = (optionValue, checked) => {
@@ -8887,9 +8869,9 @@ var SwitchGroup = React27.forwardRef(
       }
       onChange(value.filter((selectedValue) => selectedValue !== optionValue));
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { ref, className: cn("w-full space-y-4", className), ...props, children: [
-      options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { ref, className: cn("w-full space-y-4", className), ...props, children: [
+      options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
           Label,
           {
             className: cn(
@@ -8898,7 +8880,7 @@ var SwitchGroup = React27.forwardRef(
             ),
             children: [
               option.label,
-              option.description && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+              option.description && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
                 "span",
                 {
                   className: cn(
@@ -8915,7 +8897,7 @@ var SwitchGroup = React27.forwardRef(
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
           Switch,
           {
             value: value.includes(option.value),
@@ -8925,7 +8907,7 @@ var SwitchGroup = React27.forwardRef(
           }
         )
       ] }, option.value)),
-      error && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ErrorMessage, { disabled, children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(ErrorMessage, { disabled, children: error })
     ] });
   }
 );
@@ -8935,7 +8917,7 @@ SwitchGroup.displayName = "SwitchGroup";
 var import_react64 = require("react");
 var TabsPrimitive2 = __toESM(require("@radix-ui/react-tabs"), 1);
 var import_class_variance_authority12 = require("class-variance-authority");
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive2.Root;
 var tabsListVariants = (0, import_class_variance_authority12.cva)("inline-flex items-center", {
   variants: {
@@ -8949,7 +8931,7 @@ var tabsListVariants = (0, import_class_variance_authority12.cva)("inline-flex i
   }
 });
 var TabsList = (0, import_react64.forwardRef)(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
     TabsPrimitive2.List,
     {
       ref,
@@ -8973,7 +8955,7 @@ var tabsTriggerVariants = (0, import_class_variance_authority12.cva)(
     }
   }
 );
-var TabsTrigger = (0, import_react64.forwardRef)(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+var TabsTrigger = (0, import_react64.forwardRef)(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
   TabsPrimitive2.Trigger,
   {
     ref,
@@ -8982,11 +8964,11 @@ var TabsTrigger = (0, import_react64.forwardRef)(({ className, variant, ...props
   }
 ));
 TabsTrigger.displayName = TabsPrimitive2.Trigger.displayName;
-var TabsContent = (0, import_react64.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(TabsPrimitive2.Content, { ref, className, tabIndex: -1, ...props }));
+var TabsContent = (0, import_react64.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TabsPrimitive2.Content, { ref, className, tabIndex: -1, ...props }));
 TabsContent.displayName = TabsPrimitive2.Content.displayName;
 
 // src/tabbed-section/TabbedSection.tsx
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 function TabbedSection({
   triggers,
   value,
@@ -9008,8 +8990,8 @@ function TabbedSection({
     "[&>div:first-child]:gap-3",
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Tabs, { value: activeTab, onValueChange: onTabChange, className: "w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Tabs, { value: activeTab, onValueChange: onTabChange, className: "w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
       BookmarkTabsList,
       {
         variant,
@@ -9017,12 +8999,12 @@ function TabbedSection({
         children: triggers
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: contentContainerClassName, children })
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: contentContainerClassName, children })
   ] });
 }
 
 // src/table-placeholder/TablePlaceholder.tsx
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 function TablePlaceholder({
   children,
   text,
@@ -9035,21 +9017,21 @@ function TablePlaceholder({
   if (!visible) {
     return null;
   }
-  const content = /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex flex-col items-center justify-center px-4 py-14 text-center", children: [
-    iconSlot && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "mb-6", children: iconSlot }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("h3", { className: "mb-2 text-lg font-semibold", children: title }),
-    text && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "text-md max-w-sm font-medium", children: text }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "mt-6", children })
+  const content = /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col items-center justify-center px-4 py-14 text-center", children: [
+    iconSlot && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "mb-6", children: iconSlot }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("h3", { className: "mb-2 text-lg font-semibold", children: title }),
+    text && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "text-md max-w-sm font-medium", children: text }),
+    children && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "mt-6", children })
   ] });
   if (insideTable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("td", { colSpan: 100, className, children: content }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("td", { colSpan: 100, className, children: content }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className, children: content });
 }
 
 // src/task-card/TaskCard.tsx
 var import_lucide_react40 = require("lucide-react");
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 function TaskCard({
   title,
   description,
@@ -9060,7 +9042,7 @@ function TaskCard({
 }) {
   const shouldShowCount = count !== void 0 && count > 1;
   const shouldShowActions = shouldShowCount || onClick;
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
     "div",
     {
       className: cn(
@@ -9076,7 +9058,7 @@ function TaskCard({
       role: onClick ? "button" : void 0,
       tabIndex: onClick ? 0 : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           "div",
           {
             className: cn(
@@ -9086,12 +9068,12 @@ function TaskCard({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("h4", { className: "m-0 w-full break-words text-base font-semibold leading-6 text-[var(--chekin-color-brand-navy)]", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "m-0 w-full text-sm font-medium leading-6 text-[var(--chekin-color-gray-1)]", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("h4", { className: "m-0 w-full break-words text-base font-semibold leading-6 text-[var(--chekin-color-brand-navy)]", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "m-0 w-full text-sm font-medium leading-6 text-[var(--chekin-color-gray-1)]", children: description })
         ] }),
-        shouldShowActions && /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
-          shouldShowCount && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+        shouldShowActions && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+          shouldShowCount && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
             "div",
             {
               className: cn(
@@ -9102,7 +9084,7 @@ function TaskCard({
               children: count
             }
           ),
-          onClick && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+          onClick && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
             "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",
@@ -9112,7 +9094,7 @@ function TaskCard({
               },
               "aria-label": "View details",
               type: "button",
-              children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react40.ArrowRight, { className: "h-5 w-5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_lucide_react40.ArrowRight, { className: "h-5 w-5" })
             }
           )
         ] })
@@ -9200,7 +9182,7 @@ var toggleVariants = (0, import_class_variance_authority13.cva)(
 );
 
 // src/toggle-group/ToggleGroup.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 var ToggleGroupContext = React28.createContext({
   size: "default",
   variant: "default",
@@ -9208,7 +9190,7 @@ var ToggleGroupContext = React28.createContext({
 });
 var ToggleGroup = React28.forwardRef(({ className, variant, size, theme, children, ...props }, ref) => {
   const isTabVariant = variant === "tab";
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     ToggleGroupPrimitive.Root,
     {
       ref,
@@ -9218,7 +9200,7 @@ var ToggleGroup = React28.forwardRef(({ className, variant, size, theme, childre
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ToggleGroupContext.Provider, { value: { variant, size, theme }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ToggleGroupContext.Provider, { value: { variant, size, theme }, children })
     }
   );
 });
@@ -9227,7 +9209,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__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -9240,9 +9222,9 @@ var ToggleGroupItem = React28.forwardRef(({ className, children, variant, size,
         className
       ),
       ...props,
-      children: isTabVariant ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "inline-grid", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "invisible col-start-1 row-start-1 font-semibold", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "col-start-1 row-start-1", children })
+      children: isTabVariant ? /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "inline-grid", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "invisible col-start-1 row-start-1 font-semibold", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "col-start-1 row-start-1", children })
       ] }) : children
     }
   );
@@ -9251,7 +9233,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/toggle-group/Toggles.tsx
 var import_react66 = require("react");
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var getValueArray2 = (value) => {
   if (value) {
     return Array.isArray(value) ? value : [value];
@@ -9347,16 +9329,16 @@ function TogglesInternal({
     onValueChange: handleValueChange,
     ...multiple ? { type: "multiple", value: currentValue } : { type: "single", value: currentValue[0] ?? "" }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { ref, className, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "select-none text-base font-normal text-[var(--chekin-color-brand-navy)]", children: label }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ToggleGroup, { className: groupClassName, ...toggleGroupProps, children: options.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { ref, className, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "select-none text-base font-normal text-[var(--chekin-color-brand-navy)]", children: label }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(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__ */ (0, import_jsx_runtime117.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
         ToggleGroupItem,
         {
           value: String(option.value),
@@ -9375,15 +9357,15 @@ var Toggles = (0, import_react66.forwardRef)(TogglesInternal);
 var React29 = __toESM(require("react"), 1);
 var LabelPrimitive2 = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority14 = require("class-variance-authority");
-var import_react_i18next23 = require("react-i18next");
+var import_react_i18next22 = require("react-i18next");
 
 // src/text-field/EndIcon.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
-var EndIcon = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "pointer-events-none absolute right-3.5 top-1/2 -translate-y-1/2 [&>*]:pointer-events-auto", children });
+var import_jsx_runtime117 = require("react/jsx-runtime");
+var EndIcon = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("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
-var import_jsx_runtime119 = require("react/jsx-runtime");
-var FieldError = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+var import_jsx_runtime118 = require("react/jsx-runtime");
+var FieldError = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
   "p",
   {
     id,
@@ -9394,11 +9376,11 @@ var FieldError = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime119
 );
 
 // src/text-field/SupportingText.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
-var SupportingText = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { id, className: "mt-1 text-xs italic text-[var(--chekin-color-gray-2)]", children });
+var import_jsx_runtime119 = require("react/jsx-runtime");
+var SupportingText = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { id, className: "mt-1 text-xs italic text-[var(--chekin-color-gray-2)]", children });
 
 // src/text-field/TextField.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var textFieldRootClasses = [
   "[--text-field-height:2.75rem]",
   "[--text-field-radius:8px]",
@@ -9505,7 +9487,7 @@ var TextField = React29.forwardRef(
     readOnly,
     ...props
   }, ref) => {
-    const { t } = (0, import_react_i18next23.useTranslation)();
+    const { t } = (0, import_react_i18next22.useTranslation)();
     const hasError = Boolean(error);
     const autoId = React29.useId();
     const inputId = props.id || autoId;
@@ -9519,7 +9501,7 @@ var TextField = React29.forwardRef(
     const errorId = error ? `${inputId}-error` : void 0;
     const ariaDescribedBy = errorId || descriptionId || void 0;
     if (variant === "floating") {
-      return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
         "div",
         {
           className: cn(
@@ -9528,8 +9510,8 @@ var TextField = React29.forwardRef(
             wrapperClassName
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                 "input",
                 {
                   id: inputId,
@@ -9543,7 +9525,7 @@ var TextField = React29.forwardRef(
                   ...props
                 }
               ),
-              label && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+              label && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                 LabelPrimitive2.Root,
                 {
                   htmlFor: inputId,
@@ -9557,17 +9539,17 @@ var TextField = React29.forwardRef(
                   children: label
                 }
               ),
-              endIcon && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(EndIcon, { children: endIcon })
+              endIcon && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(EndIcon, { children: endIcon })
             ] }),
-            supportingText && !hasError && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(SupportingText, { id: descriptionId, children: supportingText }),
-            hasError && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(FieldError, { id: errorId, children: error })
+            supportingText && !hasError && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SupportingText, { id: descriptionId, children: supportingText }),
+            hasError && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(FieldError, { id: errorId, children: error })
           ]
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: cn("flex w-full flex-col", textFieldRootClasses, wrapperClassName), children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "mb-1 flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: cn("flex w-full flex-col", textFieldRootClasses, wrapperClassName), children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "mb-1 flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           LabelPrimitive2.Root,
           {
             htmlFor: inputId,
@@ -9575,14 +9557,14 @@ var TextField = React29.forwardRef(
             children: label
           }
         ),
-        optional && /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("span", { className: "text-base leading-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "text-[var(--chekin-color-brand-navy)]", children: "- " }),
-          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "italic text-[var(--chekin-color-gray-2)]", children: optionalLabel || t("optional") })
+        optional && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("span", { className: "text-base leading-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "text-[var(--chekin-color-brand-navy)]", children: "- " }),
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "italic text-[var(--chekin-color-gray-2)]", children: optionalLabel || t("optional") })
         ] }),
         tooltip
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           "input",
           {
             id: inputId,
@@ -9596,10 +9578,10 @@ var TextField = React29.forwardRef(
             ...props
           }
         ),
-        endIcon && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(EndIcon, { children: endIcon })
+        endIcon && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(EndIcon, { children: endIcon })
       ] }),
-      supportingText && !hasError && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(SupportingText, { id: descriptionId, children: supportingText }),
-      hasError && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(FieldError, { id: errorId, children: error })
+      supportingText && !hasError && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SupportingText, { id: descriptionId, children: supportingText }),
+      hasError && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(FieldError, { id: errorId, children: error })
     ] });
   }
 );
@@ -9607,12 +9589,12 @@ TextField.displayName = "TextField";
 
 // src/textarea/Textarea.tsx
 var import_react67 = require("react");
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var Textarea = (0, import_react67.forwardRef)(
   ({ className, textareaClassName, label, disabled, name, invalid, ...textareaProps }, ref) => {
     const inputId = (0, import_react67.useId)();
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: cn("relative", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: cn("relative", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         "textarea",
         {
           ref,
@@ -9628,7 +9610,7 @@ var Textarea = (0, import_react67.forwardRef)(
           ...textareaProps
         }
       ),
-      label && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+      label && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         "label",
         {
           htmlFor: inputId,
@@ -9646,34 +9628,34 @@ var Textarea = (0, import_react67.forwardRef)(
 Textarea.displayName = "Textarea";
 
 // src/three-dots-loader/ThreeDotsLoader.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 function Dots({
   height,
   width,
   color
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
     "span",
     {
       className: "inline-flex items-center justify-center gap-[15%]",
       style: { height, width },
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full [animation-delay:-0.32s]",
             style: { backgroundColor: color }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full [animation-delay:-0.16s]",
             style: { backgroundColor: color }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full",
@@ -9692,9 +9674,9 @@ function ThreeDotsLoader({
   className,
   labelPlacement = "right"
 }) {
-  const dots = /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Dots, { color, height, width });
+  const dots = /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Dots, { color, height, width });
   if (label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
       "div",
       {
         className: cn(
@@ -9702,22 +9684,22 @@ function ThreeDotsLoader({
           className
         ),
         role: "progressbar",
-        children: labelPlacement === "right" ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
+        children: labelPlacement === "right" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
           dots,
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { children: label })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { children: label })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { children: label }),
           dots
         ] })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { role: "progressbar", className, children: dots });
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { role: "progressbar", className, children: dots });
 }
 
 // src/uploaded-files-list/UploadedFilesList.tsx
 var import_lucide_react41 = require("lucide-react");
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 function UploadedFilesList({
   files,
   onRemoveFile,
@@ -9726,20 +9708,20 @@ function UploadedFilesList({
   if (!files.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: cn("flex flex-wrap gap-2.5", className), children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: cn("flex flex-wrap gap-2.5", className), children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
     "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__ */ (0, import_jsx_runtime124.jsx)("span", { className: "text-nowrap text-sm font-medium leading-5 text-[var(--chekin-color-brand-navy)]", children: file.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "text-nowrap text-sm font-medium leading-5 text-[var(--chekin-color-brand-navy)]", children: file.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           "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__ */ (0, import_jsx_runtime124.jsx)(import_lucide_react41.X, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react41.X, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
           }
         )
       ]
@@ -9749,9 +9731,9 @@ function UploadedFilesList({
 }
 
 // src/wide-button/WideButton.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 function WideButton({ className, disabled, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     Button,
     {
       variant: "ghost",
@@ -9775,22 +9757,22 @@ var import_lucide_react44 = require("lucide-react");
 var React30 = __toESM(require("react"), 1);
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_react_draggable = __toESM(require("react-draggable"), 1);
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var DRAWER_CLOSE_THRESHOLD = 72;
 var DRAWER_MIN_OVERLAY_OPACITY = 0.1;
 function Drawer({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DialogPrimitive2.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DialogPrimitive2.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DialogPrimitive2.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DialogPrimitive2.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DialogPrimitive2.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DialogPrimitive2.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerClose({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
 }
-var DrawerOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+var DrawerOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -9839,14 +9821,14 @@ var DrawerContent = React30.forwardRef(
       },
       [onClose]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(DrawerPortal, { container: finalContainer, children: [
-      lockScroll ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DrawerPortal, { container: finalContainer, children: [
+      lockScroll ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         DrawerOverlay,
         {
           style: { opacity: overlayOpacity },
           onClick: closeOnOverlayClick ? onClose : void 0
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         "div",
         {
           className: cn(DrawerOverlayClasses),
@@ -9854,7 +9836,7 @@ var DrawerContent = React30.forwardRef(
           onClick: closeOnOverlayClick ? onClose : void 0
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         DialogPrimitive2.Content,
         {
           asChild: true,
@@ -9870,7 +9852,7 @@ var DrawerContent = React30.forwardRef(
             }
           },
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "fixed inset-x-0 bottom-0 top-auto z-50 outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "fixed inset-x-0 bottom-0 top-auto z-50 outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
             import_react_draggable.default,
             {
               axis: "y",
@@ -9880,7 +9862,7 @@ var DrawerContent = React30.forwardRef(
               onDrag: handleDrag,
               onStop: handleStop,
               position: { x: 0, y: dragOffsetY },
-              children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
                 "div",
                 {
                   ref: nodeRef,
@@ -9889,15 +9871,15 @@ var DrawerContent = React30.forwardRef(
                     className
                   ),
                   children: [
-                    showHandle && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                    showHandle && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                       "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__ */ (0, import_jsx_runtime126.jsx)("span", { className: "block h-1.5 w-12 rounded-full bg-[#D9D7D3]" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "block h-1.5 w-12 rounded-full bg-[#D9D7D3]" })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children })
+                    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children })
                   ]
                 }
               )
@@ -9909,7 +9891,7 @@ var DrawerContent = React30.forwardRef(
   }
 );
 DrawerContent.displayName = DialogPrimitive2.Content.displayName;
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
   "div",
   {
     className: cn("flex flex-col gap-2 px-5 pt-2 text-center", className),
@@ -9917,9 +9899,9 @@ var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
   }
 );
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
   DialogPrimitive2.Title,
   {
     ref,
@@ -9929,7 +9911,7 @@ var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DialogPrimitive2.Title.displayName;
-var DrawerDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+var DrawerDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
   DialogPrimitive2.Description,
   {
     ref,
@@ -10362,7 +10344,7 @@ function useDatePickerWheel({
 }
 
 // src/datepicker/DatePickerWheelColumn.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var spacerHeight = DATE_PICKER_OPTION_HEIGHT * DATE_PICKER_WHEEL_BUFFER_OPTIONS;
 function DatePickerWheelColumn({
   id,
@@ -10376,7 +10358,7 @@ function DatePickerWheelColumn({
   onOptionSelect,
   column
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "relative z-10 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "relative z-10 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
     "div",
     {
       id,
@@ -10393,14 +10375,14 @@ function DatePickerWheelColumn({
         WebkitOverflowScrolling: "touch"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { style: { height: `${spacerHeight}px` } }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { style: { height: `${spacerHeight}px` } }),
         items.map((item, index) => {
           const { style } = getWheelOptionStyles(
             index,
             scrollTop,
             DATE_PICKER_OPTION_HEIGHT
           );
-          return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
             "button",
             {
               id: `${id}-option-${index}`,
@@ -10416,14 +10398,14 @@ function DatePickerWheelColumn({
             `${column}-${item}-${index}`
           );
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { style: { height: `${spacerHeight}px` } })
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { style: { height: `${spacerHeight}px` } })
       ]
     }
   ) });
 }
 
 // src/datepicker/DatePickerContent.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 function DatePickerBody({
   baseId,
   label,
@@ -10445,19 +10427,19 @@ function DatePickerBody({
   onOptionSelect,
   onDone
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "px-6 pb-4 pt-1 bg-white", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "relative overflow-hidden rounded-[24px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("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__ */ (0, import_jsx_runtime128.jsx)("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__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "px-6 pb-4 pt-1 bg-white", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "relative overflow-hidden rounded-[24px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("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__ */ (0, import_jsx_runtime127.jsx)("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__ */ (0, import_jsx_runtime127.jsx)(
         "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__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "relative grid grid-cols-[1.35fr_0.7fr_1fr] gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "relative grid grid-cols-[1.35fr_0.7fr_1fr] gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           DatePickerWheelColumn,
           {
             id: `${baseId}-month`,
@@ -10472,7 +10454,7 @@ function DatePickerBody({
             onOptionSelect
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           DatePickerWheelColumn,
           {
             id: `${baseId}-day`,
@@ -10487,7 +10469,7 @@ function DatePickerBody({
             onOptionSelect
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           DatePickerWheelColumn,
           {
             id: `${baseId}-year`,
@@ -10504,7 +10486,7 @@ function DatePickerBody({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
   ] });
 }
 function DatePickerContent({
@@ -10532,7 +10514,7 @@ function DatePickerContent({
   onColumnKeyDown,
   onOptionSelect
 }) {
-  const body = /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  const body = /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
     DatePickerBody,
     {
       baseId,
@@ -10557,27 +10539,27 @@ function DatePickerContent({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
       DrawerContent,
       {
         onClose: () => onOpenChange(false),
         className: "rounded-none rounded-t-[32px] border-0 p-0",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(DrawerTitle, { className: "sr-only", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(DrawerDescription, { className: "sr-only", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(DrawerTitle, { className: "sr-only", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(DrawerDescription, { className: "sr-only", children: label }),
           body
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
     DialogContent,
     {
       className: "max-w-[520px] rounded-[28px] border-0 p-0 shadow-xl",
       showCloseButton: false,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(DialogTitle, { className: "sr-only", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(DialogDescription, { className: "sr-only", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(DialogTitle, { className: "sr-only", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(DialogDescription, { className: "sr-only", children: label }),
         body
       ]
     }
@@ -10602,11 +10584,11 @@ var DEVICE = {
 // src/field-trigger/FieldTrigger.tsx
 var React32 = __toESM(require("react"), 1);
 var import_lucide_react43 = require("lucide-react");
-var import_react_i18next24 = require("react-i18next");
+var import_react_i18next23 = require("react-i18next");
 
 // src/field-error-message/FieldErrorMessage.tsx
 var import_lucide_react42 = require("lucide-react");
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 function FieldErrorMessage({
   id,
   message,
@@ -10617,7 +10599,7 @@ function FieldErrorMessage({
 }) {
   const content = message ?? children;
   if (!content) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "p",
     {
       id,
@@ -10629,21 +10611,21 @@ function FieldErrorMessage({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           import_lucide_react42.AlertCircle,
           {
             className: "h-[18px] w-[18px] shrink-0 text-white",
             fill: "var(--error-message-color)"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: content })
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { children: content })
       ]
     }
   );
 }
 
 // src/field-trigger/FieldTrigger.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var FieldTrigger = React32.forwardRef(
   ({
     as = "button",
@@ -10675,20 +10657,20 @@ var FieldTrigger = React32.forwardRef(
     onKeyDown,
     ...props
   }, ref) => {
-    const { t } = (0, import_react_i18next24.useTranslation)();
+    const { t } = (0, import_react_i18next23.useTranslation)();
     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__ */ (0, import_jsx_runtime130.jsxs)("span", { className: "inline-flex max-w-full items-center gap-1.5 align-middle", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "min-w-0 truncate", children: visibleLabelText }),
-      optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("span", { className: "shrink-0 text-[12px] relative top-[1px] font-normal leading-4 text-current opacity-70", children: [
+    const resolvedLabelText = visibleLabelText && hasLabelMeta ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "inline-flex max-w-full items-center gap-1.5 align-middle", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "min-w-0 truncate", children: visibleLabelText }),
+      optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "shrink-0 text-[12px] relative top-[1px] font-normal leading-4 text-current opacity-70", children: [
         "(",
         optionalLabel,
         ")"
       ] }),
-      tooltip && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+      tooltip && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         HelpTooltip,
         {
           content: tooltip,
@@ -10704,9 +10686,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__ */ (0, import_jsx_runtime130.jsxs)("span", { className: "flex items-center gap-2", children: [
+    const resolvedTrailingAdornment = loading || trailingAdornment ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "flex items-center gap-2", children: [
       trailingAdornment,
-      loading && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+      loading && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         import_lucide_react43.Loader2,
         {
           "aria-hidden": "true",
@@ -10722,8 +10704,8 @@ var FieldTrigger = React32.forwardRef(
       disabled ? "cursor-not-allowed opacity-50" : loading ? "cursor-progress" : isAirbnbVariant ? "cursor-pointer" : "cursor-text",
       className
     );
-    const sharedContent = /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+    const sharedContent = /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
         "span",
         {
           className: cn(
@@ -10732,7 +10714,7 @@ var FieldTrigger = React32.forwardRef(
             contentClassName
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
               "span",
               {
                 id: labelId,
@@ -10745,7 +10727,7 @@ var FieldTrigger = React32.forwardRef(
                 children: animatedLabel
               }
             ),
-            children ? children : hasValue ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+            children ? children : hasValue ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
               "span",
               {
                 id: valueId,
@@ -10756,11 +10738,11 @@ var FieldTrigger = React32.forwardRef(
                 ),
                 children: valueText
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { id: helperTextId, className: "sr-only", children: placeholder ?? label })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { id: helperTextId, className: "sr-only", children: placeholder ?? label })
           ]
         }
       ),
-      resolvedTrailingAdornment && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+      resolvedTrailingAdornment && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         "span",
         {
           "aria-hidden": "true",
@@ -10772,9 +10754,9 @@ var FieldTrigger = React32.forwardRef(
         }
       )
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "w-full", children: [
-      topLabel && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "mb-3 text-[16px] font-semibold leading-5 text-[#222222]", children: topLabel }),
-      as === "button" ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "w-full", children: [
+      topLabel && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "mb-3 text-[16px] font-semibold leading-5 text-[#222222]", children: topLabel }),
+      as === "button" ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         "button",
         {
           id,
@@ -10791,7 +10773,7 @@ var FieldTrigger = React32.forwardRef(
           ...props,
           children: sharedContent
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         "div",
         {
           id,
@@ -10808,14 +10790,14 @@ var FieldTrigger = React32.forwardRef(
           children: sharedContent
         }
       ),
-      errorMessage && !hideErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(FieldErrorMessage, { id: errorId, message: errorMessage })
+      errorMessage && !hideErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(FieldErrorMessage, { id: errorId, message: errorMessage })
     ] });
   }
 );
 FieldTrigger.displayName = "FieldTrigger";
 
 // src/datepicker/DatePicker.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var DEFAULT_MIN_DATE = new Date(1920, 0, 1);
 var DatePicker = React33.forwardRef(
   ({
@@ -10932,8 +10914,8 @@ var DatePicker = React33.forwardRef(
         setIsOpen(false);
       }
     }, [isBlocked]);
-    return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: cn("relative w-full max-w-[var(--max-field-width)]", className), children: [
-      name && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: cn("relative w-full max-w-[var(--max-field-width)]", className), children: [
+      name && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
         "input",
         {
           type: "hidden",
@@ -10941,7 +10923,7 @@ var DatePicker = React33.forwardRef(
           value: resolvedValue ? formatDateInputValue(resolvedValue) : ""
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
         FieldTrigger,
         {
           id: triggerId,
@@ -10968,10 +10950,10 @@ var DatePicker = React33.forwardRef(
           onClick: handleTriggerClick,
           onKeyDown: handleTriggerKeyDown,
           onBlur,
-          trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_lucide_react44.Calendar, { className: "h-5 w-5 text-[#1F1F1B]", strokeWidth: 2 })
+          trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_lucide_react44.Calendar, { className: "h-5 w-5 text-[#1F1F1B]", strokeWidth: 2 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
         DatePickerContent,
         {
           baseId: pickerId,
@@ -11005,7 +10987,7 @@ var DatePicker = React33.forwardRef(
 DatePicker.displayName = "DatePicker";
 
 // src/responsive-sheet/ResponsiveSheet.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 function ResponsiveSheet({
   open,
   onClose,
@@ -11040,7 +11022,7 @@ function ResponsiveSheet({
       event.preventDefault();
     }
   };
-  const content = /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
     "div",
     {
       className: cn(
@@ -11048,7 +11030,7 @@ function ResponsiveSheet({
         contentClassName
       ),
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "div",
           {
             className: cn(
@@ -11058,7 +11040,7 @@ function ResponsiveSheet({
             children: title
           }
         ) : null,
-        description ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        description ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "p",
           {
             className: cn(
@@ -11073,7 +11055,7 @@ function ResponsiveSheet({
     }
   );
   if (isMobileMode) {
-    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Drawer, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Drawer, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
       DrawerContent,
       {
         onClose,
@@ -11083,14 +11065,14 @@ function ResponsiveSheet({
         onEscapeKeyDown: handleEscapeKeyDown,
         className: cn(className, drawerClassName),
         children: [
-          title ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(DrawerTitle, { className: "sr-only", children: title }) : null,
-          description ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(DrawerDescription, { className: "sr-only", children: description }) : null,
+          title ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(DrawerTitle, { className: "sr-only", children: title }) : null,
+          description ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(DrawerDescription, { className: "sr-only", children: description }) : null,
           content
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
     DialogContent,
     {
       showCloseButton,
@@ -11100,8 +11082,8 @@ function ResponsiveSheet({
       className: cn("max-w-[560px] border-0 p-0 shadow-xl", className, dialogClassName),
       lockScroll: false,
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(DialogTitle, { className: "sr-only", children: title }) : null,
-        description ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(DialogDescription, { className: "sr-only", children: description }) : null,
+        title ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(DialogTitle, { className: "sr-only", children: title }) : null,
+        description ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(DialogDescription, { className: "sr-only", children: description }) : null,
         content
       ]
     }
@@ -11110,7 +11092,7 @@ function ResponsiveSheet({
 
 // src/airbnb/input/Input.tsx
 var React34 = __toESM(require("react"), 1);
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var getInputValue = (value) => value != null ? String(value) : "";
 var AirbnbInput = React34.forwardRef(
   ({
@@ -11193,7 +11175,7 @@ var AirbnbInput = React34.forwardRef(
       setIsFocused(false);
       onBlur?.(event);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       FieldTrigger,
       {
         as: "div",
@@ -11225,7 +11207,7 @@ var AirbnbInput = React34.forwardRef(
         forceFloatingLabel: shouldShowLabel,
         forceLabelText: hasLabelMeta,
         hideErrorMessage: !renderErrorMessage,
-        children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           "input",
           {
             ...props,
@@ -11268,7 +11250,7 @@ var import_lucide_react46 = require("lucide-react");
 var React39 = __toESM(require("react"), 1);
 
 // src/airbnb/select/SelectDesktopMenu.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 function SelectDesktopMenu({
   id,
   options,
@@ -11287,7 +11269,7 @@ function SelectDesktopMenu({
   noOptionsMessage
 }) {
   const emptyMessage = noOptionsMessage?.();
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
     "div",
     {
       id,
@@ -11300,12 +11282,12 @@ function SelectDesktopMenu({
       onKeyDown,
       className: cn("max-h-[280px] overflow-y-auto p-2 outline-none", menuClassName),
       children: [
-        options.length === 0 && emptyMessage ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "px-4 py-3 text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
+        options.length === 0 && emptyMessage ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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__ */ (0, import_jsx_runtime134.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             "button",
             {
               id: getOptionId2(index),
@@ -11337,7 +11319,7 @@ function SelectDesktopMenu({
 }
 
 // src/airbnb/select/SelectDesktopContent.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 function SelectDesktopContent({
   isOpen,
   listboxId,
@@ -11358,14 +11340,14 @@ function SelectDesktopContent({
   noOptionsMessage
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     "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__ */ (0, import_jsx_runtime135.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         SelectDesktopMenu,
         {
           id: listboxId,
@@ -11463,7 +11445,7 @@ function getMobileOptionStyles(index, scrollTop) {
 }
 
 // src/airbnb/select/SelectMobileWheel.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 function SelectMobileWheel({
   id,
   options,
@@ -11482,7 +11464,7 @@ function SelectMobileWheel({
 }) {
   const spacerHeight2 = getWheelSpacerHeight();
   const emptyMessage = noOptionsMessage?.();
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
     "div",
     {
       id,
@@ -11494,10 +11476,10 @@ function SelectMobileWheel({
       onKeyDown,
       className: cn("relative overflow-hidden outline-none", menuClassName),
       children: [
-        options.length === 0 && emptyMessage ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "flex min-h-[160px] items-center justify-center px-4 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("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__ */ (0, import_jsx_runtime136.jsx)("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__ */ (0, import_jsx_runtime136.jsx)(
+        options.length === 0 && emptyMessage ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex min-h-[160px] items-center justify-center px-4 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("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__ */ (0, import_jsx_runtime135.jsx)("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__ */ (0, import_jsx_runtime135.jsx)(
           "div",
           {
             "aria-hidden": true,
@@ -11507,7 +11489,7 @@ function SelectMobileWheel({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
           "div",
           {
             ref: listRef,
@@ -11522,11 +11504,11 @@ function SelectMobileWheel({
               WebkitOverflowScrolling: "touch"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { style: { height: `${spacerHeight2}px` } }),
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { style: { height: `${spacerHeight2}px` } }),
               options.map((option, index) => {
                 const { distance, style } = getMobileOptionStyles(index, scrollTop);
                 const optionKey = `${String(option.value)}-${index}`;
-                return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                   "button",
                   {
                     id: getOptionId2(index),
@@ -11547,7 +11529,7 @@ function SelectMobileWheel({
                   optionKey
                 );
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { style: { height: `${spacerHeight2}px` } })
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { style: { height: `${spacerHeight2}px` } })
             ]
           }
         )
@@ -11557,7 +11539,7 @@ function SelectMobileWheel({
 }
 
 // src/airbnb/select/SelectMobileContent.tsx
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 function SelectMobileContent({
   open,
   onOpenChange,
@@ -11581,11 +11563,11 @@ function SelectMobileContent({
   getOptionId: getOptionId2,
   noOptionsMessage
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(DrawerContent, { onClose, lockScroll: false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(DrawerDescription, { className: "sr-only", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "px-6 pb-4 pt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(DrawerContent, { onClose, lockScroll: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DrawerDescription, { className: "sr-only", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "px-6 pb-4 pt-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
         SelectMobileWheel,
         {
           id: listboxId,
@@ -11604,7 +11586,7 @@ function SelectMobileContent({
           noOptionsMessage
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
     ] })
   ] }) });
 }
@@ -11612,7 +11594,7 @@ function SelectMobileContent({
 // src/airbnb/select/SelectTrigger.tsx
 var React35 = __toESM(require("react"), 1);
 var import_lucide_react45 = require("lucide-react");
-var import_jsx_runtime138 = require("react/jsx-runtime");
+var import_jsx_runtime137 = require("react/jsx-runtime");
 var SelectTrigger2 = React35.forwardRef(
   ({
     id,
@@ -11638,7 +11620,7 @@ var SelectTrigger2 = React35.forwardRef(
     onKeyDown,
     onBlur
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
       FieldTrigger,
       {
         id,
@@ -11667,7 +11649,7 @@ var SelectTrigger2 = React35.forwardRef(
         onClick,
         onKeyDown,
         onBlur,
-        trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+        trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
           import_lucide_react45.ChevronDown,
           {
             className: open ? "h-6 w-6 rotate-180 text-[#1F1F1B] transition-transform" : "h-6 w-6 text-[#1F1F1B] transition-transform"
@@ -12029,7 +12011,7 @@ function useSelectIds({ name, hasValue, error, hideErrorMessage }) {
 }
 
 // src/airbnb/select/Select.tsx
-var import_jsx_runtime139 = require("react/jsx-runtime");
+var import_jsx_runtime138 = require("react/jsx-runtime");
 var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
   options = [],
   value,
@@ -12206,13 +12188,13 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
       handleMobileOpenChange(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
     "div",
     {
       ref: containerRef,
       className: cn("relative w-full max-w-[var(--max-field-width)]", className),
       children: [
-        name && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
+        name && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
         renderTrigger ? renderTrigger({
           id: triggerId,
           open: isOpen,
@@ -12234,7 +12216,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
           onClick: handleTriggerClick,
           onKeyDown: handleRootTriggerKeyDown,
           onBlur
-        }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+        }) : /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
           SelectTrigger2,
           {
             id: triggerId,
@@ -12262,7 +12244,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
             onBlur
           }
         ),
-        isMobile ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+        isMobile ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
           SelectMobileContent,
           {
             open: isOpen,
@@ -12287,7 +12269,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
             getOptionId: getOptionId2,
             noOptionsMessage
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
           SelectDesktopContent,
           {
             isOpen,
@@ -12321,7 +12303,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
 });
 
 // src/airbnb/phone-field/PhoneField.tsx
-var import_jsx_runtime140 = require("react/jsx-runtime");
+var import_jsx_runtime139 = require("react/jsx-runtime");
 function formatPhoneCodeOptionLabel(option) {
   const label = String(option.label);
   const value = String(option.value);
@@ -12368,9 +12350,9 @@ var PhoneField = React40.forwardRef(
     const hasInvalidState = Boolean(error) || Boolean(invalid);
     const isBlocked = Boolean(disabled) || Boolean(loading);
     const isCodeBlocked = isBlocked || Boolean(codeReadOnly);
-    return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
-      name && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("input", { type: "hidden", name, value: combinedValue, disabled }),
-      codeName && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
+      name && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("input", { type: "hidden", name, value: combinedValue, disabled }),
+      codeName && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
         "input",
         {
           type: "hidden",
@@ -12379,7 +12361,7 @@ var PhoneField = React40.forwardRef(
           disabled
         }
       ),
-      numberName && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+      numberName && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
         "input",
         {
           type: "hidden",
@@ -12388,7 +12370,7 @@ var PhoneField = React40.forwardRef(
           disabled
         }
       ),
-      topLabel && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+      topLabel && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
         "label",
         {
           htmlFor: inputId,
@@ -12396,8 +12378,8 @@ var PhoneField = React40.forwardRef(
           children: topLabel
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "flex items-stretch", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-stretch", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
           AirbnbSelect,
           {
             ref,
@@ -12428,7 +12410,7 @@ var PhoneField = React40.forwardRef(
               onClick,
               onKeyDown,
               valueLabel
-            }) => /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+            }) => /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
               "button",
               {
                 id,
@@ -12450,8 +12432,8 @@ var PhoneField = React40.forwardRef(
                   triggerDisabled ? "cursor-not-allowed opacity-50" : triggerLoading ? "cursor-progress" : "cursor-pointer"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { children: valueLabel ?? codePlaceholder }),
-                  /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { children: valueLabel ?? codePlaceholder }),
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                     import_lucide_react46.ChevronDown,
                     {
                       className: cn("h-5 w-5 transition-transform", open ? "rotate-180" : ""),
@@ -12463,7 +12445,7 @@ var PhoneField = React40.forwardRef(
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
           AirbnbInput,
           {
             id: inputId,
@@ -12495,7 +12477,7 @@ var PhoneField = React40.forwardRef(
           }
         )
       ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(FieldErrorMessage, { message: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(FieldErrorMessage, { message: error })
     ] });
   }
 );
@@ -12503,15 +12485,15 @@ PhoneField.displayName = "PhoneField";
 
 // src/airbnb/search-input/SearchInput.tsx
 var React41 = __toESM(require("react"), 1);
-var import_react_i18next25 = require("react-i18next");
+var import_react_i18next24 = require("react-i18next");
 var import_lucide_react47 = require("lucide-react");
-var import_jsx_runtime141 = require("react/jsx-runtime");
+var import_jsx_runtime140 = require("react/jsx-runtime");
 var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
-  const { t } = (0, import_react_i18next25.useTranslation)();
+  const { t } = (0, import_react_i18next24.useTranslation)();
   const placeholderText = placeholder || t("search_property") + "...";
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_lucide_react47.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
-    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_lucide_react47.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       "input",
       {
         ...props,
@@ -12530,13 +12512,13 @@ var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClass
         )
       }
     ),
-    onReset && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+    onReset && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       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__ */ (0, import_jsx_runtime141.jsx)(import_lucide_react47.X, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_lucide_react47.X, { className: "h-5 w-5" })
       }
     )
   ] });
@@ -12548,7 +12530,7 @@ var React42 = __toESM(require("react"), 1);
 var import_lucide_react48 = require("lucide-react");
 var import_react_virtual2 = require("@tanstack/react-virtual");
 var import_react68 = require("react");
-var import_jsx_runtime142 = require("react/jsx-runtime");
+var import_jsx_runtime141 = require("react/jsx-runtime");
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
 var MOBILE_LIST_HEIGHT = 420;
@@ -12717,7 +12699,7 @@ var SearchableSelectInternal = ({
       }
     }
   }
-  const content = /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     SearchableSelectContent,
     {
       inputId: searchInputId,
@@ -12745,9 +12727,9 @@ var SearchableSelectInternal = ({
     }
   );
   React42.useImperativeHandle(ref, () => triggerRef.current, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
-    name && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
+    name && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       FieldTrigger,
       {
         id: `${reactId}-trigger`,
@@ -12782,7 +12764,7 @@ var SearchableSelectInternal = ({
         },
         onKeyDown: handleTriggerKeyDown,
         onBlur,
-        trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+        trailingAdornment: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
           import_lucide_react48.ChevronDown,
           {
             className: cn(
@@ -12793,7 +12775,7 @@ var SearchableSelectInternal = ({
         )
       }
     ),
-    isMobile ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    isMobile ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       Drawer,
       {
         open,
@@ -12805,13 +12787,13 @@ var SearchableSelectInternal = ({
           }
           closeSelect();
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DrawerDescription, { className: "sr-only", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "px-5 pb-5 pt-1", children: content })
+        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
+          /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(DrawerDescription, { className: "sr-only", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "px-5 pb-5 pt-1", children: content })
         ] })
       }
-    ) : open ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    ) : open ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       "div",
       {
         className: cn(
@@ -12878,16 +12860,16 @@ function SearchableSelectContent({
       virtualizer.scrollToIndex(highlightedIndex, { align: "auto" });
     }
   }, [highlightedIndex, virtualizer]);
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "relative mb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "relative mb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
         import_lucide_react48.Search,
         {
           "aria-hidden": "true",
           className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[#9696B9]"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
         "input",
         {
           id: inputId,
@@ -12906,7 +12888,7 @@ function SearchableSelectContent({
         }
       )
     ] }),
-    loading && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    loading && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       "div",
       {
         id: listboxId,
@@ -12915,7 +12897,7 @@ function SearchableSelectContent({
         "aria-labelledby": labelId,
         className: cn("overflow-y-auto outline-none", menuClassName),
         style: { height: Math.min(height, rowCount * ROW_HEIGHT) },
-        children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
           "div",
           {
             className: "relative w-full",
@@ -12923,7 +12905,7 @@ function SearchableSelectContent({
             children: virtualItems.map((virtualItem) => {
               const option = options[virtualItem.index];
               if (!option) {
-                return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
                   "div",
                   {
                     className: "absolute left-0 top-0 flex w-full items-center px-4 text-base leading-6 text-[#6C6C6C]",
@@ -12938,7 +12920,7 @@ function SearchableSelectContent({
               }
               const isSelected = value?.value === option.value;
               const isHighlighted = virtualItem.index === highlightedIndex;
-              return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
                 "button",
                 {
                   id: getOptionId(idPrefix, virtualItem.index),
@@ -12960,7 +12942,7 @@ function SearchableSelectContent({
                     height: `${virtualItem.size}px`,
                     transform: `translateY(${virtualItem.start}px)`
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { className: "truncate text-center", children: String(option.label) })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "truncate text-center", children: String(option.label) })
                 },
                 `${String(option.value)}-${virtualItem.index}`
               );
@@ -13127,7 +13109,6 @@ function getNextEnabledIndex(options, startIndex, step) {
   ModalLoader,
   MultiSelect,
   OverlayLoader,
-  PageLoader,
   Pagination,
   PhoneField,
   Popover,