@chekinapp/ui 0.0.45 → 0.0.47

package/dist/index.js

@@ -5767,42 +5767,9 @@ function ImageFullScreenView({ src, alt, onClose }) {
   ] });
 }
 
-// src/loader/Loader.tsx
-import { Loader2 as Loader22 } from "lucide-react";
-import { useTranslation as useTranslation15 } from "react-i18next";
-import { jsx as jsx72, jsxs as jsxs45 } from "react/jsx-runtime";
-function Loader({
-  size = "md",
-  text,
-  className = "",
-  showText = true,
-  variant = "primary"
-}) {
-  const { t } = useTranslation15();
-  const sizeClasses3 = {
-    sm: "h-4 w-4",
-    md: "h-8 w-8",
-    lg: "h-12 w-12"
-  };
-  const textSizeClasses = {
-    sm: "text-xs",
-    md: "text-sm",
-    lg: "text-base"
-  };
-  const variantClasses = {
-    primary: "text-[#4f46e5]",
-    secondary: "text-[#475569]",
-    ghost: "text-[#94a3b8]"
-  };
-  return /* @__PURE__ */ jsxs45("div", { className: cn("flex flex-col items-center justify-center gap-2", className), children: [
-    /* @__PURE__ */ jsx72("div", { className: cn("animate-spin", sizeClasses3[size], variantClasses[variant]), children: /* @__PURE__ */ jsx72(Loader22, { className: "h-full w-full" }) }),
-    showText && /* @__PURE__ */ jsx72("p", { className: cn(textSizeClasses[size], "font-medium text-[#475569]"), children: text || t("loading") })
-  ] });
-}
-
 // src/metric-card/MetricCard.tsx
 import { CircleQuestionMark as CircleQuestionMark2, TrendingDown, TrendingUp } from "lucide-react";
-import { jsx as jsx73, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs45 } from "react/jsx-runtime";
 var metricCardVariantClasses = {
   blue: "bg-[linear-gradient(122deg,#e6f0ff_36.37%,#f6f9ff_86.4%)] text-[#385cf8] [&_[data-slot=metric-card-icon]]:bg-[#dbeafe]",
   green: "bg-[linear-gradient(122deg,#ddfbf4_36.37%,#f5fefc_86.4%)] text-[#2bc29f] [&_[data-slot=metric-card-icon]]:bg-[#cff9ef]",
@@ -5820,7 +5787,7 @@ function MetricCard({
   loading = false,
   className
 }) {
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs45(
     "div",
     {
       className: cn(
@@ -5830,7 +5797,7 @@ function MetricCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx73(
+        /* @__PURE__ */ jsx72(
           "div",
           {
             "data-slot": "metric-card-icon",
@@ -5838,22 +5805,22 @@ function MetricCard({
             children: icon
           }
         ),
-        /* @__PURE__ */ jsxs46("div", { className: "flex flex-1 flex-col gap-4", children: [
-          /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx73("h4", { className: "whitespace-nowrap text-base font-medium leading-6 text-[var(--chekin-color-brand-navy)]", children: title }),
-            tooltip && /* @__PURE__ */ jsx73(Tooltip, { side: "right", content: tooltip, contentClassName: "max-w-64", children: /* @__PURE__ */ jsx73(
+        /* @__PURE__ */ jsxs45("div", { className: "flex flex-1 flex-col gap-4", children: [
+          /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx72("h4", { className: "whitespace-nowrap text-base font-medium leading-6 text-[var(--chekin-color-brand-navy)]", children: title }),
+            tooltip && /* @__PURE__ */ jsx72(Tooltip, { side: "right", content: tooltip, contentClassName: "max-w-64", children: /* @__PURE__ */ jsx72(
               "button",
               {
                 type: "button",
                 className: "inline-flex text-[var(--chekin-color-gray-1)]",
                 "aria-label": tooltip,
-                children: /* @__PURE__ */ jsx73(CircleQuestionMark2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx72(CircleQuestionMark2, { className: "h-4 w-4" })
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ jsx73("div", { className: "text-2xl font-bold leading-6", children: value }),
-            !!percentage && /* @__PURE__ */ jsxs46(
+          /* @__PURE__ */ jsxs45("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsx72("div", { className: "text-2xl font-bold leading-6", children: value }),
+            !!percentage && /* @__PURE__ */ jsxs45(
               "div",
               {
                 className: cn(
@@ -5861,7 +5828,7 @@ function MetricCard({
                   percentage < 0 && "text-[var(--chekin-color-brand-red)]"
                 ),
                 children: [
-                  percentage < 0 ? /* @__PURE__ */ jsx73(TrendingDown, {}) : /* @__PURE__ */ jsx73(TrendingUp, {}),
+                  percentage < 0 ? /* @__PURE__ */ jsx72(TrendingDown, {}) : /* @__PURE__ */ jsx72(TrendingUp, {}),
                   percentage,
                   "%"
                 ]
@@ -5886,7 +5853,7 @@ var METRIC_CARD_VARIANTS = {
 // src/modal/Modal.tsx
 import { forwardRef as forwardRef31, useRef as useRef14 } from "react";
 import { X as X5 } from "lucide-react";
-import { jsx as jsx74, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs46 } from "react/jsx-runtime";
 var preventDefault = (event) => {
   event.preventDefault();
 };
@@ -5918,7 +5885,7 @@ function Modal({
     onOpenChange?.(false);
     onClose?.();
   };
-  return /* @__PURE__ */ jsx74(Dialog, { open, onOpenChange, modal, children: /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsx73(Dialog, { open, onOpenChange, modal, children: /* @__PURE__ */ jsxs46(
     DialogContent,
     {
       ref: contentRef,
@@ -5937,7 +5904,7 @@ function Modal({
       lockScroll,
       ...!text && { "aria-describedby": void 0 },
       children: [
-        withCloseButton && /* @__PURE__ */ jsx74(
+        withCloseButton && /* @__PURE__ */ jsx73(
           "button",
           {
             type: "button",
@@ -5947,14 +5914,14 @@ function Modal({
               "absolute right-4 top-4 z-10 rounded-full p-1 text-[var(--chekin-color-brand-blue)] hover:bg-[#f4f6f8]"
             ),
             "aria-label": "Close",
-            children: /* @__PURE__ */ jsx74(X5, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx73(X5, { className: "h-5 w-5" })
           }
         ),
-        (iconSrc || iconProps?.src) && /* @__PURE__ */ jsx74("div", { className: "modal__icon mx-auto mt-4 select-none", children: /* @__PURE__ */ jsx74("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
-        title ? /* @__PURE__ */ jsx74(DialogTitle, { className: cn("modal__title", "px-6 text-lg font-bold"), children: title }) : /* @__PURE__ */ jsx74(DialogVisuallyHidden, { children: /* @__PURE__ */ jsx74(DialogTitle, { children: "Dialog" }) }),
-        text && /* @__PURE__ */ jsx74(DialogDescription, { className: cn("modal__text", "text-base"), children: text }),
+        (iconSrc || iconProps?.src) && /* @__PURE__ */ jsx73("div", { className: "modal__icon mx-auto mt-4 select-none", children: /* @__PURE__ */ jsx73("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
+        title ? /* @__PURE__ */ jsx73(DialogTitle, { className: cn("modal__title", "px-6 text-lg font-bold"), children: title }) : /* @__PURE__ */ jsx73(DialogVisuallyHidden, { children: /* @__PURE__ */ jsx73(DialogTitle, { children: "Dialog" }) }),
+        text && /* @__PURE__ */ jsx73(DialogDescription, { className: cn("modal__text", "text-base"), children: text }),
         children,
-        buttons && /* @__PURE__ */ jsx74(
+        buttons && /* @__PURE__ */ jsx73(
           "div",
           {
             className: cn(
@@ -5969,7 +5936,7 @@ function Modal({
   ) });
 }
 var ModalButton = forwardRef31(
-  ({ children, size, className, ...props }, ref) => /* @__PURE__ */ jsx74(
+  ({ children, size, className, ...props }, ref) => /* @__PURE__ */ jsx73(
     Button,
     {
       ref,
@@ -5985,6 +5952,105 @@ Modal.displayName = "Modal";
 
 // src/modal-loader/ModalLoader.tsx
 import { memo as memo4 } from "react";
+
+// src/circular-loader/CircularLoader.tsx
+import React21 from "react";
+import { jsx as jsx74, jsxs as jsxs47 } from "react/jsx-runtime";
+var CircularLoader = React21.memo(
+  ({ visible = true, height, width, position, label, className }) => {
+    if (!visible) return null;
+    return /* @__PURE__ */ jsxs47(
+      "div",
+      {
+        className: cn(
+          "main-loader flex flex-col items-center justify-center gap-2",
+          position === "center" && "h-full",
+          className
+        ),
+        role: "progressbar",
+        children: [
+          /* @__PURE__ */ jsxs47(
+            "svg",
+            {
+              viewBox: "25 25 50 50",
+              className: "main-loader__svg text-[var(--circular-loader-color)]",
+              style: {
+                width: toCssSize(width),
+                height: toCssSize(height)
+              },
+              children: [
+                /* @__PURE__ */ jsx74(
+                  "circle",
+                  {
+                    r: "20",
+                    cy: "50",
+                    cx: "50",
+                    className: "cover fill-none stroke-current opacity-5",
+                    strokeWidth: "7"
+                  }
+                ),
+                /* @__PURE__ */ jsxs47(
+                  "circle",
+                  {
+                    r: "20",
+                    cy: "50",
+                    cx: "50",
+                    className: "circle fill-none stroke-current",
+                    strokeDasharray: "1 200",
+                    strokeDashoffset: "0",
+                    strokeLinecap: "round",
+                    strokeWidth: "7",
+                    children: [
+                      /* @__PURE__ */ jsx74(
+                        "animateTransform",
+                        {
+                          attributeName: "transform",
+                          dur: "2.25s",
+                          from: "0 50 50",
+                          repeatCount: "indefinite",
+                          to: "360 50 50",
+                          type: "rotate"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx74(
+                        "animate",
+                        {
+                          attributeName: "stroke-dasharray",
+                          calcMode: "spline",
+                          dur: "1.8s",
+                          keyTimes: "0;0.5;1",
+                          keySplines: "0.42 0 0.58 1;0.42 0 0.58 1",
+                          repeatCount: "indefinite",
+                          values: "1 200;90 200;90 200"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx74(
+                        "animate",
+                        {
+                          attributeName: "stroke-dashoffset",
+                          calcMode: "spline",
+                          dur: "1.8s",
+                          keyTimes: "0;0.5;1",
+                          keySplines: "0.42 0 0.58 1;0.42 0 0.58 1",
+                          repeatCount: "indefinite",
+                          values: "0;-35;-125"
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          label && /* @__PURE__ */ jsx74("div", { className: "text-sm font-medium text-chekin-gray-1", children: label })
+        ]
+      }
+    );
+  }
+);
+CircularLoader.displayName = "CircularLoader";
+
+// src/modal-loader/ModalLoader.tsx
 import { jsx as jsx75 } from "react/jsx-runtime";
 var ModalLoader = memo4(({ visible, className }) => /* @__PURE__ */ jsx75(
   "div",
@@ -5994,23 +6060,29 @@ var ModalLoader = memo4(({ visible, className }) => /* @__PURE__ */ jsx75(
       visible ? "flex" : "hidden",
       className
     ),
-    children: /* @__PURE__ */ jsx75("div", { className: "mb-[60px]", children: /* @__PURE__ */ jsx75(Loader, { size: "lg", showText: false, variant: "secondary" }) })
+    children: /* @__PURE__ */ jsx75("div", { className: "mb-[60px]", children: /* @__PURE__ */ jsx75(
+      CircularLoader,
+      {
+        width: 48,
+        height: 48,
+        className: "[--circular-loader-color:#475569]"
+      }
+    ) })
   }
 ));
 ModalLoader.displayName = "ModalLoader";
 
 // src/overlay-loader/OverlayLoader.tsx
+import { useTranslation as useTranslation15 } from "react-i18next";
 import { jsx as jsx76, jsxs as jsxs48 } from "react/jsx-runtime";
 function OverlayLoader({
   isLoading,
   children,
-  loaderSize = "md",
-  loaderText,
-  showText = true,
-  loaderVariant = "primary",
+  label,
   className = "",
   overlayClassName = ""
 }) {
+  const { t } = useTranslation15();
   return /* @__PURE__ */ jsxs48("div", { className: cn("relative", className), children: [
     children,
     isLoading && /* @__PURE__ */ jsx76(
@@ -6020,15 +6092,7 @@ function OverlayLoader({
           "absolute inset-0 flex items-center justify-center bg-[rgb(255_255_255_/_0.6)]",
           overlayClassName
         ),
-        children: /* @__PURE__ */ jsx76(
-          Loader,
-          {
-            size: loaderSize,
-            text: loaderText,
-            showText,
-            variant: loaderVariant
-          }
-        )
+        children: /* @__PURE__ */ jsx76(CircularLoader, { width: 48, height: 48, label: label || t("loading") })
       }
     )
   ] });
@@ -6037,14 +6101,14 @@ function OverlayLoader({
 // src/page-loader/PageLoader.tsx
 import { useTranslation as useTranslation16 } from "react-i18next";
 import { jsx as jsx77, jsxs as jsxs49 } from "react/jsx-runtime";
-function PageLoader({ className, description, ...props }) {
+function PageLoader({ className, description, label }) {
   const { t } = useTranslation16();
   return /* @__PURE__ */ jsx77(
     "div",
     {
       className: cn("flex min-h-[300px] flex-col items-center justify-center", className),
       children: /* @__PURE__ */ jsxs49("div", { className: "flex flex-col items-center rounded-lg border border-[var(--chekin-color-gray-3)] bg-[rgb(255_255_255_/_0.8)] p-8 shadow-sm backdrop-blur-sm", children: [
-        /* @__PURE__ */ jsx77(Loader, { size: "lg", ...props, variant: "primary" }),
+        /* @__PURE__ */ jsx77(CircularLoader, { width: 48, height: 48, label: label || t("loading") }),
         /* @__PURE__ */ jsx77("p", { className: "mt-4 max-w-xs text-center text-sm text-[var(--chekin-color-gray-1)]", children: description || t("loading_data_description") })
       ] })
     }
@@ -6059,7 +6123,7 @@ import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight4, ChevronsLef
 import { forwardRef as forwardRef33, useId as useId5, useState as useState19 } from "react";
 
 // src/select/components.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon as CheckIcon2, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { jsx as jsx78, jsxs as jsxs50 } from "react/jsx-runtime";
@@ -6071,7 +6135,7 @@ var selectSizeClassNames = {
   sm: "text-sm",
   md: "text-base"
 };
-var SelectTrigger = React21.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs50(
+var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs50(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -6098,7 +6162,7 @@ var SelectTrigger = React21.forwardRef(({ className, children, size = "sm", ...p
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -6108,7 +6172,7 @@ var SelectScrollUpButton = React21.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -6118,7 +6182,7 @@ var SelectScrollDownButton = React21.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React21.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx78(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs50(
+var SelectContent = React22.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx78(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs50(
   SelectPrimitive.Content,
   {
     ref,
@@ -6152,7 +6216,7 @@ var SelectContent = React21.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   SelectPrimitive.Label,
   {
     ref,
@@ -6164,7 +6228,7 @@ var SelectLabel = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React21.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs50(
+var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs50(
   SelectPrimitive.Item,
   {
     ref,
@@ -6184,7 +6248,7 @@ var SelectItem = React21.forwardRef(({ className, children, size = "sm", ...prop
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   SelectPrimitive.Separator,
   {
     ref,
@@ -6594,7 +6658,7 @@ function Pagination({
 }
 
 // src/popover/Popover.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import * as RadixPopover from "@radix-ui/react-popover";
 import { jsx as jsx83 } from "react/jsx-runtime";
 var Popover = RadixPopover.Root;
@@ -6602,7 +6666,7 @@ var PopoverTrigger = RadixPopover.Trigger;
 var PopoverAnchor = RadixPopover.Anchor;
 var PopoverPortal = RadixPopover.Portal;
 var PopoverClose = RadixPopover.Close;
-var PopoverContent = React22.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ jsx83(RadixPopover.Portal, { children: /* @__PURE__ */ jsx83(
+var PopoverContent = React23.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ jsx83(RadixPopover.Portal, { children: /* @__PURE__ */ jsx83(
   RadixPopover.Content,
   {
     ref,
@@ -6692,11 +6756,11 @@ function PopoverWithTooltip({
 import { forwardRef as forwardRef37 } from "react";
 
 // src/radio-group/RadioGroup.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle as Circle2 } from "lucide-react";
 import { jsx as jsx85 } from "react/jsx-runtime";
-var RadioGroup2 = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(
+var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -6705,7 +6769,7 @@ var RadioGroup2 = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(
+var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -6926,7 +6990,7 @@ function RatingRadioGroup({
 }
 
 // src/rating-stars/RatingStars.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { Star as Star2 } from "lucide-react";
 import { useTranslation as useTranslation18 } from "react-i18next";
 import { jsx as jsx90, jsxs as jsxs60 } from "react/jsx-runtime";
@@ -6946,7 +7010,7 @@ function RatingStars({
   const { t } = useTranslation18();
   const normalizedRating = Math.max(0, Math.min(maxRating, rating));
   const stars = Array.from({ length: maxRating }, (_, index) => index + 1);
-  const componentId = React24.useId();
+  const componentId = React25.useId();
   const decimal = normalizedRating - Math.floor(normalizedRating);
   const partialStarIndex = decimal > 0 ? Math.ceil(normalizedRating) : -1;
   const gradientId = `star-gradient-${componentId.replace(/:/g, "")}`;
@@ -7027,7 +7091,7 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
 }
 
 // src/search-input/SearchInput.tsx
-import { Loader2 as Loader23, Search as Search2, X as X6 } from "lucide-react";
+import { Loader2 as Loader22, Search as Search2, X as X6 } from "lucide-react";
 import { useTranslation as useTranslation19 } from "react-i18next";
 import { jsx as jsx93, jsxs as jsxs61 } from "react/jsx-runtime";
 function SearchInput({
@@ -7076,7 +7140,7 @@ function SearchInput({
       ),
       (loading || onReset) && /* @__PURE__ */ jsxs61("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
         loading && /* @__PURE__ */ jsx93(
-          Loader23,
+          Loader22,
           {
             "aria-hidden": "true",
             className: "h-5 w-5 animate-spin text-[var(--chekin-color-gray-2)]"
@@ -7131,6 +7195,7 @@ var SectionTagColors = /* @__PURE__ */ ((SectionTagColors2) => {
 // src/section/Section.tsx
 import { forwardRef as forwardRef38 } from "react";
 import { CircleHelp } from "lucide-react";
+import { useTranslation as useTranslation20 } from "react-i18next";
 
 // src/section/constants.ts
 var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
@@ -7167,42 +7232,53 @@ var Section = forwardRef38(
     linkContent,
     hidden,
     size
-  }, ref) => /* @__PURE__ */ jsxs62(
-    "div",
-    {
-      ref,
-      className: cn(
-        "mb-6 box-border flex w-full cursor-default flex-col gap-6 rounded-lg border border-solid border-[var(--chekin-color-gray-3)] bg-white px-6 py-10",
-        loading && "cursor-progress",
-        disabled && "pointer-events-none opacity-50",
-        { "!hidden": hidden },
-        className
-      ),
-      children: [
-        (title || subtitle) && /* @__PURE__ */ jsxs62("div", { className: "flex flex-col gap-2", children: [
-          title && /* @__PURE__ */ jsxs62(
-            "div",
+  }, ref) => {
+    const { t } = useTranslation20();
+    return /* @__PURE__ */ jsxs62(
+      "div",
+      {
+        ref,
+        className: cn(
+          "mb-6 box-border flex w-full cursor-default flex-col gap-6 rounded-lg border border-solid border-[var(--chekin-color-gray-3)] bg-white px-6 py-10",
+          loading && "cursor-progress",
+          disabled && "pointer-events-none opacity-50",
+          { "!hidden": hidden },
+          className
+        ),
+        children: [
+          (title || subtitle) && /* @__PURE__ */ jsxs62("div", { className: "flex flex-col gap-2", children: [
+            title && /* @__PURE__ */ jsxs62(
+              "div",
+              {
+                className: cn(
+                  "flex max-w-[85%] items-center text-lg font-bold text-[var(--chekin-color-brand-navy)] md:max-w-full",
+                  size !== 0 /* L */ && "subsection-title"
+                ),
+                children: [
+                  title,
+                  titleTooltip && /* @__PURE__ */ jsx95("div", { className: "ml-2.5", children: /* @__PURE__ */ jsx95(TooltipInfo, { content: titleTooltip }) }),
+                  linkContent && /* @__PURE__ */ jsx95("div", { className: "ml-6 text-sm font-semibold text-[var(--chekin-color-brand-blue)] no-underline hover:opacity-70 active:opacity-100", children: linkContent })
+                ]
+              }
+            ),
+            subtitle && /* @__PURE__ */ jsxs62("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
+              /* @__PURE__ */ jsx95("div", { className: "inline text-base font-normal text-[var(--chekin-color-gray-1)]", children: subtitle }),
+              subtitleTooltip && /* @__PURE__ */ jsx95("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ jsx95(TooltipInfo, { content: subtitleTooltip }) })
+            ] })
+          ] }),
+          loading && showLoader ? /* @__PURE__ */ jsx95(
+            CircularLoader,
             {
-              className: cn(
-                "flex max-w-[85%] items-center text-lg font-bold text-[var(--chekin-color-brand-navy)] md:max-w-full",
-                size !== 0 /* L */ && "subsection-title"
-              ),
-              children: [
-                title,
-                titleTooltip && /* @__PURE__ */ jsx95("div", { className: "ml-2.5", children: /* @__PURE__ */ jsx95(TooltipInfo, { content: titleTooltip }) }),
-                linkContent && /* @__PURE__ */ jsx95("div", { className: "ml-6 text-sm font-semibold text-[var(--chekin-color-brand-blue)] no-underline hover:opacity-70 active:opacity-100", children: linkContent })
-              ]
+              width: 32,
+              height: 32,
+              label: t("loading"),
+              className: "mx-auto mb-3 mt-2.5"
             }
-          ),
-          subtitle && /* @__PURE__ */ jsxs62("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
-            /* @__PURE__ */ jsx95("div", { className: "inline text-base font-normal text-[var(--chekin-color-gray-1)]", children: subtitle }),
-            subtitleTooltip && /* @__PURE__ */ jsx95("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ jsx95(TooltipInfo, { content: subtitleTooltip }) })
-          ] })
-        ] }),
-        loading && showLoader ? /* @__PURE__ */ jsx95(Loader, { className: "mx-auto mb-3 mt-2.5" }) : children
-      ]
-    }
-  )
+          ) : children
+        ]
+      }
+    );
+  }
 );
 Section.displayName = "Section";
 var SubSection = forwardRef38(
@@ -7535,7 +7611,7 @@ function SheetDescription({
 }
 
 // src/sidebar/Sidebar.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva11 } from "class-variance-authority";
 import { ArrowLeftFromLineIcon, ArrowRightFromLineIcon } from "lucide-react";
@@ -7628,7 +7704,7 @@ var SIDEBAR_COOKIE_NAME_DEFAULT = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarProvider = React25.forwardRef(
+var SidebarProvider = React26.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -7640,10 +7716,10 @@ var SidebarProvider = React25.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile({ breakpoint: 641 });
-    const [openMobile, setOpenMobile] = React25.useState(false);
-    const [_open, _setOpen] = React25.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React26.useState(false);
+    const [_open, _setOpen] = React26.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React25.useCallback(
+    const setOpen = React26.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -7655,10 +7731,10 @@ var SidebarProvider = React25.forwardRef(
       },
       [setOpenProp, open, stateName]
     );
-    const toggleSidebar = React25.useCallback(() => {
+    const toggleSidebar = React26.useCallback(() => {
       return isMobile ? setOpenMobile((value) => !value) : setOpen((value) => !value);
     }, [isMobile, setOpen]);
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -7669,7 +7745,7 @@ var SidebarProvider = React25.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React25.useMemo(
+    const contextValue = React26.useMemo(
       () => ({
         state,
         open,
@@ -7694,7 +7770,7 @@ var SidebarProvider = React25.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React25.forwardRef(
+var Sidebar = React26.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -7788,7 +7864,7 @@ var Sidebar = React25.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React25.forwardRef(({ className, onClick, icon, ...props }, ref) => {
+var SidebarTrigger = React26.forwardRef(({ className, onClick, icon, ...props }, ref) => {
   const { toggleSidebar, open, isMobile, openMobile } = useSidebar();
   return /* @__PURE__ */ jsxs66(
     Button,
@@ -7815,7 +7891,7 @@ var SidebarTrigger = React25.forwardRef(({ className, onClick, icon, ...props },
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React25.forwardRef(
+var SidebarRail = React26.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
     return /* @__PURE__ */ jsx102(
@@ -7841,7 +7917,7 @@ var SidebarRail = React25.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React25.forwardRef(
+var SidebarInset = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
     "main",
     {
@@ -7856,7 +7932,7 @@ var SidebarInset = React25.forwardRef(
   )
 );
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
   Input,
   {
     ref,
@@ -7866,7 +7942,7 @@ var SidebarInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React25.forwardRef(
+var SidebarHeader = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
     "div",
     {
@@ -7878,7 +7954,7 @@ var SidebarHeader = React25.forwardRef(
   )
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React25.forwardRef(
+var SidebarFooter = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
     "div",
     {
@@ -7890,7 +7966,7 @@ var SidebarFooter = React25.forwardRef(
   )
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
+var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
   Separator3,
   {
     ref,
@@ -7900,7 +7976,7 @@ var SidebarSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React25.forwardRef(
+var SidebarContent = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
     "div",
     {
@@ -7915,7 +7991,7 @@ var SidebarContent = React25.forwardRef(
   )
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React25.forwardRef(
+var SidebarGroup = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
     "div",
     {
@@ -7927,7 +8003,7 @@ var SidebarGroup = React25.forwardRef(
   )
 );
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React25.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React26.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "div";
   return /* @__PURE__ */ jsx102(
     Comp,
@@ -7944,7 +8020,7 @@ var SidebarGroupLabel = React25.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React25.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React26.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
   return /* @__PURE__ */ jsx102(
     Comp,
@@ -7960,7 +8036,7 @@ var SidebarGroupAction = React25.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React25.forwardRef(
+var SidebarGroupContent = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
     "div",
     {
@@ -7972,7 +8048,7 @@ var SidebarGroupContent = React25.forwardRef(
   )
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React25.forwardRef(
+var SidebarMenu = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
     "ul",
     {
@@ -7984,7 +8060,7 @@ var SidebarMenu = React25.forwardRef(
   )
 );
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React25.forwardRef(
+var SidebarMenuItem = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
     "li",
     {
@@ -8016,7 +8092,7 @@ var sidebarMenuButtonVariants = cva11(
     }
   }
 );
-var SidebarMenuButton = React25.forwardRef(
+var SidebarMenuButton = React26.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -8062,7 +8138,7 @@ var SidebarMenuButton = React25.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React25.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React26.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
   return /* @__PURE__ */ jsx102(
     Comp,
@@ -8079,7 +8155,7 @@ var SidebarMenuAction = React25.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React25.forwardRef(
+var SidebarMenuBadge = React26.forwardRef(
   ({ className, ...props }, ref) => {
     const { open, isMobile, openMobile } = useSidebar();
     const isOpen = isMobile ? openMobile : open;
@@ -8099,8 +8175,8 @@ var SidebarMenuBadge = React25.forwardRef(
   }
 );
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React25.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React25.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React26.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
   return /* @__PURE__ */ jsxs66(
     "div",
     {
@@ -8123,7 +8199,7 @@ var SidebarMenuSkeleton = React25.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React25.forwardRef(
+var SidebarMenuSub = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx102(
     "ul",
     {
@@ -8138,7 +8214,7 @@ var SidebarMenuSub = React25.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React25.forwardRef(
+var SidebarMenuSubItem = React26.forwardRef(
   ({ ...props }, ref) => /* @__PURE__ */ jsx102("li", { ref, ...props })
 );
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
@@ -8162,7 +8238,7 @@ var sidebarMenuSubButtonVariants = cva11(
     }
   }
 );
-var SidebarMenuSubButton = React25.forwardRef(
+var SidebarMenuSubButton = React26.forwardRef(
   ({
     asChild = false,
     isActive,
@@ -8191,106 +8267,10 @@ SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 var VALUE_PART = 1;
 var getSidebarState = (stateName) => document.cookie.split("; ").find((row) => row.startsWith(`${stateName}=`))?.split("=")[VALUE_PART] === "true";
 
-// src/circular-loader/CircularLoader.tsx
-import React26 from "react";
-import { jsx as jsx103, jsxs as jsxs67 } from "react/jsx-runtime";
-var CircularLoader = React26.memo(
-  ({ visible = true, height, width, position, label, className }) => {
-    if (!visible) return null;
-    return /* @__PURE__ */ jsxs67(
-      "div",
-      {
-        className: cn(
-          "main-loader flex flex-col items-center justify-center gap-2",
-          position === "center" && "h-full",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxs67(
-            "svg",
-            {
-              viewBox: "25 25 50 50",
-              className: "main-loader__svg text-[var(--circular-loader-color)]",
-              style: {
-                width: toCssSize(width),
-                height: toCssSize(height)
-              },
-              children: [
-                /* @__PURE__ */ jsx103(
-                  "circle",
-                  {
-                    r: "20",
-                    cy: "50",
-                    cx: "50",
-                    className: "cover fill-none stroke-current opacity-5",
-                    strokeWidth: "7"
-                  }
-                ),
-                /* @__PURE__ */ jsxs67(
-                  "circle",
-                  {
-                    r: "20",
-                    cy: "50",
-                    cx: "50",
-                    className: "circle fill-none stroke-current",
-                    strokeDasharray: "1 200",
-                    strokeDashoffset: "0",
-                    strokeLinecap: "round",
-                    strokeWidth: "7",
-                    children: [
-                      /* @__PURE__ */ jsx103(
-                        "animateTransform",
-                        {
-                          attributeName: "transform",
-                          dur: "2.25s",
-                          from: "0 50 50",
-                          repeatCount: "indefinite",
-                          to: "360 50 50",
-                          type: "rotate"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx103(
-                        "animate",
-                        {
-                          attributeName: "stroke-dasharray",
-                          calcMode: "spline",
-                          dur: "1.8s",
-                          keyTimes: "0;0.5;1",
-                          keySplines: "0.42 0 0.58 1;0.42 0 0.58 1",
-                          repeatCount: "indefinite",
-                          values: "1 200;90 200;90 200"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx103(
-                        "animate",
-                        {
-                          attributeName: "stroke-dashoffset",
-                          calcMode: "spline",
-                          dur: "1.8s",
-                          keyTimes: "0;0.5;1",
-                          keySplines: "0.42 0 0.58 1;0.42 0 0.58 1",
-                          repeatCount: "indefinite",
-                          values: "0;-35;-125"
-                        }
-                      )
-                    ]
-                  }
-                )
-              ]
-            }
-          ),
-          label && /* @__PURE__ */ jsx103("div", { className: "text-sm font-medium text-chekin-gray-1", children: label })
-        ]
-      }
-    );
-  }
-);
-CircularLoader.displayName = "CircularLoader";
-
 // src/small-grid-single-item/SmallGridSingleItem.tsx
 import { memo as memo5 } from "react";
 import { Pencil, Trash2 } from "lucide-react";
-import { jsx as jsx104, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs67 } from "react/jsx-runtime";
 var SmallGridSingleItem = memo5(
   ({
     title,
@@ -8306,7 +8286,7 @@ var SmallGridSingleItem = memo5(
     const handleClick = (event) => {
       if (!disabled && onClick) onClick(event);
     };
-    return /* @__PURE__ */ jsxs68(
+    return /* @__PURE__ */ jsxs67(
       "div",
       {
         onClick: handleClick,
@@ -8320,24 +8300,24 @@ var SmallGridSingleItem = memo5(
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs68("div", { children: [
-            /* @__PURE__ */ jsx104("div", { className: "line-clamp-2 overflow-hidden text-ellipsis break-all", children: title }),
-            subtitle && /* @__PURE__ */ jsx104("div", { className: "line-clamp-2 overflow-hidden text-ellipsis text-[15px] font-medium leading-6 text-[var(--chekin-color-gray-2)]", children: subtitle })
+          /* @__PURE__ */ jsxs67("div", { children: [
+            /* @__PURE__ */ jsx103("div", { className: "line-clamp-2 overflow-hidden text-ellipsis break-all", children: title }),
+            subtitle && /* @__PURE__ */ jsx103("div", { className: "line-clamp-2 overflow-hidden text-ellipsis text-[15px] font-medium leading-6 text-[var(--chekin-color-gray-2)]", children: subtitle })
           ] }),
-          !readOnly && /* @__PURE__ */ jsxs68("div", { className: "flex h-full items-center justify-end gap-2", children: [
-            onDelete && /* @__PURE__ */ jsx104(
+          !readOnly && /* @__PURE__ */ jsxs67("div", { className: "flex h-full items-center justify-end gap-2", children: [
+            onDelete && /* @__PURE__ */ jsx103(
               Button,
               {
                 disabled,
                 onClick: onDelete,
                 size: "icon",
                 variant: "outline",
-                children: /* @__PURE__ */ jsx104(Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
+                children: /* @__PURE__ */ jsx103(Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
               }
             ),
-            onEdit && /* @__PURE__ */ jsx104(Button, { disabled, onClick: onEdit, size: "icon", variant: "outline", children: /* @__PURE__ */ jsx104(Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" }) })
+            onEdit && /* @__PURE__ */ jsx103(Button, { disabled, onClick: onEdit, size: "icon", variant: "outline", children: /* @__PURE__ */ jsx103(Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" }) })
           ] }),
-          error && /* @__PURE__ */ jsx104("div", { className: "absolute bottom-1 right-2 text-xs text-[var(--chekin-color-brand-red)]", children: error })
+          error && /* @__PURE__ */ jsx103("div", { className: "absolute bottom-1 right-2 text-xs text-[var(--chekin-color-brand-red)]", children: error })
         ]
       }
     );
@@ -8346,9 +8326,9 @@ var SmallGridSingleItem = memo5(
 SmallGridSingleItem.displayName = "SmallGridSingleItem";
 
 // src/sorting-action/SortingAction.tsx
-import { useTranslation as useTranslation20 } from "react-i18next";
+import { useTranslation as useTranslation21 } from "react-i18next";
 import { ArrowDown, ArrowDownUpIcon, ArrowUp, Minus as Minus2 } from "lucide-react";
-import { jsx as jsx105, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs68 } from "react/jsx-runtime";
 function SortingAction({
   value,
   onSortChange,
@@ -8357,9 +8337,9 @@ function SortingAction({
   variant = "by_other",
   onOpenChange
 }) {
-  const { t } = useTranslation20();
-  return /* @__PURE__ */ jsxs69(DropdownMenu, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx105(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx105(
+  const { t } = useTranslation21();
+  return /* @__PURE__ */ jsxs68(DropdownMenu, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx104(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx104(
       "button",
       {
         type: "button",
@@ -8368,36 +8348,36 @@ function SortingAction({
           className
         ),
         "aria-label": "Open sorting menu",
-        children: /* @__PURE__ */ jsx105(ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
+        children: /* @__PURE__ */ jsx104(ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
       }
     ) }),
-    /* @__PURE__ */ jsxs69(DropdownMenuContent, { className: "w-full max-w-[256px]", align: "start", children: [
-      /* @__PURE__ */ jsxs69(
+    /* @__PURE__ */ jsxs68(DropdownMenuContent, { className: "w-full max-w-[256px]", align: "start", children: [
+      /* @__PURE__ */ jsxs68(
         DropdownMenuItem,
         {
           active: value === "asc",
           className: cn(value === "asc" && "text-[var(--chekin-color-brand-blue)]"),
           onClick: () => onSortChange?.("asc"),
           children: [
-            /* @__PURE__ */ jsx105(ArrowUp, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx104(ArrowUp, { className: "h-4 w-4" }),
             variant === "by_text" ? t("sort_a_z") : t("sort_in_asc")
           ]
         }
       ),
-      /* @__PURE__ */ jsxs69(
+      /* @__PURE__ */ jsxs68(
         DropdownMenuItem,
         {
           active: value === "desc",
           className: cn(value === "desc" && "text-[var(--chekin-color-brand-blue)]"),
           onClick: () => onSortChange?.("desc"),
           children: [
-            /* @__PURE__ */ jsx105(ArrowDown, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx104(ArrowDown, { className: "h-4 w-4" }),
             variant === "by_text" ? t("sort_z_a") : t("sort_in_desc")
           ]
         }
       ),
-      value && /* @__PURE__ */ jsxs69(DropdownMenuItem, { onClick: () => onSortChange?.(null), children: [
-        /* @__PURE__ */ jsx105(Minus2, { className: "h-4 w-4" }),
+      value && /* @__PURE__ */ jsxs68(DropdownMenuItem, { onClick: () => onSortChange?.(null), children: [
+        /* @__PURE__ */ jsx104(Minus2, { className: "h-4 w-4" }),
         t("clear_sorting")
       ] })
     ] })
@@ -8406,9 +8386,9 @@ function SortingAction({
 
 // src/status-button/StatusButton.tsx
 import { useMemo as useMemo5 } from "react";
-import { useTranslation as useTranslation21 } from "react-i18next";
-import { AlertCircle as AlertCircle2, CheckCircle, Loader2 as Loader24 } from "lucide-react";
-import { jsx as jsx106, jsxs as jsxs70 } from "react/jsx-runtime";
+import { useTranslation as useTranslation22 } from "react-i18next";
+import { AlertCircle as AlertCircle2, CheckCircle, Loader2 as Loader23 } from "lucide-react";
+import { jsx as jsx105, jsxs as jsxs69 } from "react/jsx-runtime";
 function StatusButton({
   hidden,
   status,
@@ -8422,11 +8402,11 @@ function StatusButton({
   variant = "default",
   ...props
 }) {
-  const { t } = useTranslation21();
+  const { t } = useTranslation22();
   const configMap = useMemo5(() => {
     const defaultLoadingConfig = {
       text: loadingText ?? `${t("saving")}...`,
-      icon: /* @__PURE__ */ jsx106(Loader24, { className: "h-4 w-4 animate-spin" }),
+      icon: /* @__PURE__ */ jsx105(Loader23, { className: "h-4 w-4 animate-spin" }),
       variant,
       isLoading: true
     };
@@ -8436,13 +8416,13 @@ function StatusButton({
       validating: { ...defaultLoadingConfig, text: t("validating") },
       error: {
         text: t("error"),
-        icon: /* @__PURE__ */ jsx106(AlertCircle2, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ jsx105(AlertCircle2, { className: "h-4 w-4" }),
         variant: "destructive",
         isLoading: false
       },
       success: {
         text: successText ?? t("saved_exclamation"),
-        icon: /* @__PURE__ */ jsx106(CheckCircle, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ jsx105(CheckCircle, { className: "h-4 w-4" }),
         variant,
         isLoading: false
       },
@@ -8458,7 +8438,7 @@ function StatusButton({
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs69(
     Button,
     {
       className: cn(
@@ -8474,7 +8454,7 @@ function StatusButton({
       ...props,
       children: [
         config.icon,
-        /* @__PURE__ */ jsx106("span", { children: config.text })
+        /* @__PURE__ */ jsx105("span", { children: config.text })
       ]
     }
   );
@@ -8482,37 +8462,37 @@ function StatusButton({
 
 // src/status-box/StatusBox.tsx
 import { AlertTriangleIcon, CheckIcon as CheckIcon4, XIcon as XIcon3 } from "lucide-react";
-import { jsx as jsx107, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs70 } from "react/jsx-runtime";
 function StatusBox({ status, title, text }) {
   if (status === "success") {
-    return /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-3 rounded-lg border border-green-100 bg-green-50 p-4", children: [
-      /* @__PURE__ */ jsx107("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ jsx107(CheckIcon4, { className: "h-5 w-5 text-green-600" }) }),
-      /* @__PURE__ */ jsxs71("div", { children: [
-        /* @__PURE__ */ jsx107("p", { className: "font-semibold text-green-800", children: title }),
-        /* @__PURE__ */ jsx107("p", { className: "text-sm text-green-700", children: text })
+    return /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3 rounded-lg border border-green-100 bg-green-50 p-4", children: [
+      /* @__PURE__ */ jsx106("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ jsx106(CheckIcon4, { className: "h-5 w-5 text-green-600" }) }),
+      /* @__PURE__ */ jsxs70("div", { children: [
+        /* @__PURE__ */ jsx106("p", { className: "font-semibold text-green-800", children: title }),
+        /* @__PURE__ */ jsx106("p", { className: "text-sm text-green-700", children: text })
       ] })
     ] });
   }
   if (status === "failed") {
-    return /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-3 rounded-lg border border-red-100 bg-red-50 p-4", children: [
-      /* @__PURE__ */ jsx107("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ jsx107(XIcon3, { className: "h-5 w-5 text-red-600" }) }),
-      /* @__PURE__ */ jsxs71("div", { children: [
-        /* @__PURE__ */ jsx107("p", { className: "font-semibold text-red-800", children: title }),
-        /* @__PURE__ */ jsx107("p", { className: "text-sm text-red-700", children: text })
+    return /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3 rounded-lg border border-red-100 bg-red-50 p-4", children: [
+      /* @__PURE__ */ jsx106("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ jsx106(XIcon3, { className: "h-5 w-5 text-red-600" }) }),
+      /* @__PURE__ */ jsxs70("div", { children: [
+        /* @__PURE__ */ jsx106("p", { className: "font-semibold text-red-800", children: title }),
+        /* @__PURE__ */ jsx106("p", { className: "text-sm text-red-700", children: text })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-3 rounded-lg border border-amber-100 bg-amber-50 p-4", children: [
-    /* @__PURE__ */ jsx107("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ jsx107(AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
-    /* @__PURE__ */ jsxs71("div", { children: [
-      /* @__PURE__ */ jsx107("p", { className: "font-semibold text-amber-800", children: title }),
-      /* @__PURE__ */ jsx107("p", { className: "text-sm text-amber-700", children: text })
+  return /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3 rounded-lg border border-amber-100 bg-amber-50 p-4", children: [
+    /* @__PURE__ */ jsx106("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ jsx106(AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
+    /* @__PURE__ */ jsxs70("div", { children: [
+      /* @__PURE__ */ jsx106("p", { className: "font-semibold text-amber-800", children: title }),
+      /* @__PURE__ */ jsx106("p", { className: "text-sm text-amber-700", children: text })
     ] })
   ] });
 }
 
 // src/stepper/Stepper.tsx
-import { jsx as jsx108 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 function Stepper({
   totalSteps,
   activeStep,
@@ -8521,7 +8501,7 @@ function Stepper({
 }) {
   if (totalSteps <= 0) return null;
   const clampedActiveStep = Math.max(1, Math.min(totalSteps, activeStep));
-  return /* @__PURE__ */ jsx108(
+  return /* @__PURE__ */ jsx107(
     "div",
     {
       className: cn("flex w-full items-center gap-2", className),
@@ -8532,7 +8512,7 @@ function Stepper({
       children: new Array(totalSteps).fill(null).map((_, stepIndex) => {
         const stepNumber = stepIndex + 1;
         const isActive = cumulative ? stepNumber <= clampedActiveStep : stepNumber === clampedActiveStep;
-        return /* @__PURE__ */ jsx108(
+        return /* @__PURE__ */ jsx107(
           "span",
           {
             className: cn(
@@ -8549,14 +8529,14 @@ function Stepper({
 
 // src/switch-blocks/SwitchBlocks.tsx
 import { forwardRef as forwardRef41, memo as memo6 } from "react";
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx108 } from "react/jsx-runtime";
 var SwitchBlocksInternal = forwardRef41(
-  ({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ jsx109(
+  ({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ jsx108(
     "div",
     {
       ref,
       className: cn("flex flex-wrap items-center justify-start gap-4", className),
-      children: options.map((option) => /* @__PURE__ */ jsx109(
+      children: options.map((option) => /* @__PURE__ */ jsx108(
         BoxOptionSelector,
         {
           id: option.id,
@@ -8578,7 +8558,7 @@ var SwitchBlocks = memo6(SwitchBlocksInternal);
 
 // src/switch-group/SwitchGroup.tsx
 import * as React27 from "react";
-import { jsx as jsx110, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs71 } from "react/jsx-runtime";
 var SwitchGroup = React27.forwardRef(
   ({ options, value = [], onChange, disabled = false, className, error, ...props }, ref) => {
     const handleOptionChange = (optionValue, checked) => {
@@ -8589,9 +8569,9 @@ var SwitchGroup = React27.forwardRef(
       }
       onChange(value.filter((selectedValue) => selectedValue !== optionValue));
     };
-    return /* @__PURE__ */ jsxs72("div", { ref, className: cn("w-full space-y-4", className), ...props, children: [
-      options.map((option) => /* @__PURE__ */ jsxs72("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsx110("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs72(
+    return /* @__PURE__ */ jsxs71("div", { ref, className: cn("w-full space-y-4", className), ...props, children: [
+      options.map((option) => /* @__PURE__ */ jsxs71("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsx109("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs71(
           Label,
           {
             className: cn(
@@ -8600,7 +8580,7 @@ var SwitchGroup = React27.forwardRef(
             ),
             children: [
               option.label,
-              option.description && /* @__PURE__ */ jsxs72(
+              option.description && /* @__PURE__ */ jsxs71(
                 "span",
                 {
                   className: cn(
@@ -8617,7 +8597,7 @@ var SwitchGroup = React27.forwardRef(
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx110(
+        /* @__PURE__ */ jsx109(
           Switch,
           {
             value: value.includes(option.value),
@@ -8627,7 +8607,7 @@ var SwitchGroup = React27.forwardRef(
           }
         )
       ] }, option.value)),
-      error && /* @__PURE__ */ jsx110(ErrorMessage, { disabled, children: error })
+      error && /* @__PURE__ */ jsx109(ErrorMessage, { disabled, children: error })
     ] });
   }
 );
@@ -8637,7 +8617,7 @@ SwitchGroup.displayName = "SwitchGroup";
 import { forwardRef as forwardRef43 } from "react";
 import * as TabsPrimitive2 from "@radix-ui/react-tabs";
 import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx111 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive2.Root;
 var tabsListVariants = cva12("inline-flex items-center", {
   variants: {
@@ -8651,7 +8631,7 @@ var tabsListVariants = cva12("inline-flex items-center", {
   }
 });
 var TabsList = forwardRef43(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx111(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx110(
     TabsPrimitive2.List,
     {
       ref,
@@ -8675,7 +8655,7 @@ var tabsTriggerVariants = cva12(
     }
   }
 );
-var TabsTrigger = forwardRef43(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx111(
+var TabsTrigger = forwardRef43(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx110(
   TabsPrimitive2.Trigger,
   {
     ref,
@@ -8684,11 +8664,11 @@ var TabsTrigger = forwardRef43(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 TabsTrigger.displayName = TabsPrimitive2.Trigger.displayName;
-var TabsContent = forwardRef43(({ className, ...props }, ref) => /* @__PURE__ */ jsx111(TabsPrimitive2.Content, { ref, className, tabIndex: -1, ...props }));
+var TabsContent = forwardRef43(({ className, ...props }, ref) => /* @__PURE__ */ jsx110(TabsPrimitive2.Content, { ref, className, tabIndex: -1, ...props }));
 TabsContent.displayName = TabsPrimitive2.Content.displayName;
 
 // src/tabbed-section/TabbedSection.tsx
-import { jsx as jsx112, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs72 } from "react/jsx-runtime";
 function TabbedSection({
   triggers,
   value,
@@ -8710,8 +8690,8 @@ function TabbedSection({
     "[&>div:first-child]:gap-3",
     className
   );
-  return /* @__PURE__ */ jsxs73(Tabs, { value: activeTab, onValueChange: onTabChange, className: "w-full", children: [
-    /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsxs72(Tabs, { value: activeTab, onValueChange: onTabChange, className: "w-full", children: [
+    /* @__PURE__ */ jsx111(
       BookmarkTabsList,
       {
         variant,
@@ -8719,12 +8699,12 @@ function TabbedSection({
         children: triggers
       }
     ),
-    /* @__PURE__ */ jsx112("div", { className: contentContainerClassName, children })
+    /* @__PURE__ */ jsx111("div", { className: contentContainerClassName, children })
   ] });
 }
 
 // src/table-placeholder/TablePlaceholder.tsx
-import { jsx as jsx113, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs73 } from "react/jsx-runtime";
 function TablePlaceholder({
   children,
   text,
@@ -8737,21 +8717,21 @@ function TablePlaceholder({
   if (!visible) {
     return null;
   }
-  const content = /* @__PURE__ */ jsxs74("div", { className: "flex flex-col items-center justify-center px-4 py-14 text-center", children: [
-    iconSlot && /* @__PURE__ */ jsx113("div", { className: "mb-6", children: iconSlot }),
-    title && /* @__PURE__ */ jsx113("h3", { className: "mb-2 text-lg font-semibold", children: title }),
-    text && /* @__PURE__ */ jsx113("p", { className: "text-md max-w-sm font-medium", children: text }),
-    children && /* @__PURE__ */ jsx113("div", { className: "mt-6", children })
+  const content = /* @__PURE__ */ jsxs73("div", { className: "flex flex-col items-center justify-center px-4 py-14 text-center", children: [
+    iconSlot && /* @__PURE__ */ jsx112("div", { className: "mb-6", children: iconSlot }),
+    title && /* @__PURE__ */ jsx112("h3", { className: "mb-2 text-lg font-semibold", children: title }),
+    text && /* @__PURE__ */ jsx112("p", { className: "text-md max-w-sm font-medium", children: text }),
+    children && /* @__PURE__ */ jsx112("div", { className: "mt-6", children })
   ] });
   if (insideTable) {
-    return /* @__PURE__ */ jsx113("tr", { children: /* @__PURE__ */ jsx113("td", { colSpan: 100, className, children: content }) });
+    return /* @__PURE__ */ jsx112("tr", { children: /* @__PURE__ */ jsx112("td", { colSpan: 100, className, children: content }) });
   }
-  return /* @__PURE__ */ jsx113("div", { className, children: content });
+  return /* @__PURE__ */ jsx112("div", { className, children: content });
 }
 
 // src/task-card/TaskCard.tsx
 import { ArrowRight } from "lucide-react";
-import { jsx as jsx114, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs74 } from "react/jsx-runtime";
 function TaskCard({
   title,
   description,
@@ -8762,7 +8742,7 @@ function TaskCard({
 }) {
   const shouldShowCount = count !== void 0 && count > 1;
   const shouldShowActions = shouldShowCount || onClick;
-  return /* @__PURE__ */ jsxs75(
+  return /* @__PURE__ */ jsxs74(
     "div",
     {
       className: cn(
@@ -8778,7 +8758,7 @@ function TaskCard({
       role: onClick ? "button" : void 0,
       tabIndex: onClick ? 0 : void 0,
       children: [
-        /* @__PURE__ */ jsx114(
+        /* @__PURE__ */ jsx113(
           "div",
           {
             className: cn(
@@ -8788,12 +8768,12 @@ function TaskCard({
             )
           }
         ),
-        /* @__PURE__ */ jsxs75("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
-          /* @__PURE__ */ jsx114("h4", { className: "m-0 w-full break-words text-base font-semibold leading-6 text-[var(--chekin-color-brand-navy)]", children: title }),
-          /* @__PURE__ */ jsx114("p", { className: "m-0 w-full text-sm font-medium leading-6 text-[var(--chekin-color-gray-1)]", children: description })
+        /* @__PURE__ */ jsxs74("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+          /* @__PURE__ */ jsx113("h4", { className: "m-0 w-full break-words text-base font-semibold leading-6 text-[var(--chekin-color-brand-navy)]", children: title }),
+          /* @__PURE__ */ jsx113("p", { className: "m-0 w-full text-sm font-medium leading-6 text-[var(--chekin-color-gray-1)]", children: description })
         ] }),
-        shouldShowActions && /* @__PURE__ */ jsxs75("div", { className: "flex shrink-0 items-center gap-1", children: [
-          shouldShowCount && /* @__PURE__ */ jsx114(
+        shouldShowActions && /* @__PURE__ */ jsxs74("div", { className: "flex shrink-0 items-center gap-1", children: [
+          shouldShowCount && /* @__PURE__ */ jsx113(
             "div",
             {
               className: cn(
@@ -8804,7 +8784,7 @@ function TaskCard({
               children: count
             }
           ),
-          onClick && /* @__PURE__ */ jsx114(
+          onClick && /* @__PURE__ */ jsx113(
             "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",
@@ -8814,7 +8794,7 @@ function TaskCard({
               },
               "aria-label": "View details",
               type: "button",
-              children: /* @__PURE__ */ jsx114(ArrowRight, { className: "h-5 w-5" })
+              children: /* @__PURE__ */ jsx113(ArrowRight, { className: "h-5 w-5" })
             }
           )
         ] })
@@ -8902,7 +8882,7 @@ var toggleVariants = cva13(
 );
 
 // src/toggle-group/ToggleGroup.tsx
-import { jsx as jsx115, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs75 } from "react/jsx-runtime";
 var ToggleGroupContext = React28.createContext({
   size: "default",
   variant: "default",
@@ -8910,7 +8890,7 @@ var ToggleGroupContext = React28.createContext({
 });
 var ToggleGroup = React28.forwardRef(({ className, variant, size, theme, children, ...props }, ref) => {
   const isTabVariant = variant === "tab";
-  return /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx114(
     ToggleGroupPrimitive.Root,
     {
       ref,
@@ -8920,7 +8900,7 @@ var ToggleGroup = React28.forwardRef(({ className, variant, size, theme, childre
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx115(ToggleGroupContext.Provider, { value: { variant, size, theme }, children })
+      children: /* @__PURE__ */ jsx114(ToggleGroupContext.Provider, { value: { variant, size, theme }, children })
     }
   );
 });
@@ -8929,7 +8909,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__ */ jsx115(
+  return /* @__PURE__ */ jsx114(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -8942,9 +8922,9 @@ var ToggleGroupItem = React28.forwardRef(({ className, children, variant, size,
         className
       ),
       ...props,
-      children: isTabVariant ? /* @__PURE__ */ jsxs76("span", { className: "inline-grid", children: [
-        /* @__PURE__ */ jsx115("span", { className: "invisible col-start-1 row-start-1 font-semibold", children }),
-        /* @__PURE__ */ jsx115("span", { className: "col-start-1 row-start-1", children })
+      children: isTabVariant ? /* @__PURE__ */ jsxs75("span", { className: "inline-grid", children: [
+        /* @__PURE__ */ jsx114("span", { className: "invisible col-start-1 row-start-1 font-semibold", children }),
+        /* @__PURE__ */ jsx114("span", { className: "col-start-1 row-start-1", children })
       ] }) : children
     }
   );
@@ -8958,7 +8938,7 @@ import {
   isValidElement as isValidElement3,
   useEffect as useEffect23
 } from "react";
-import { jsx as jsx116, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs76 } from "react/jsx-runtime";
 var getValueArray2 = (value) => {
   if (value) {
     return Array.isArray(value) ? value : [value];
@@ -9054,16 +9034,16 @@ function TogglesInternal({
     onValueChange: handleValueChange,
     ...multiple ? { type: "multiple", value: currentValue } : { type: "single", value: currentValue[0] ?? "" }
   };
-  return /* @__PURE__ */ jsxs77("div", { ref, className, children: [
-    label && /* @__PURE__ */ jsx116("div", { className: "mb-2", children: /* @__PURE__ */ jsx116("div", { className: "select-none text-base font-normal text-[var(--chekin-color-brand-navy)]", children: label }) }),
-    /* @__PURE__ */ jsx116(ToggleGroup, { className: groupClassName, ...toggleGroupProps, children: options.map((option, index) => {
+  return /* @__PURE__ */ jsxs76("div", { ref, className, children: [
+    label && /* @__PURE__ */ jsx115("div", { className: "mb-2", children: /* @__PURE__ */ jsx115("div", { className: "select-none text-base font-normal text-[var(--chekin-color-brand-navy)]", children: label }) }),
+    /* @__PURE__ */ jsx115(ToggleGroup, { className: groupClassName, ...toggleGroupProps, children: options.map((option, index) => {
       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__ */ jsx116(
+      return /* @__PURE__ */ jsx115(
         ToggleGroupItem,
         {
           value: String(option.value),
@@ -9082,15 +9062,15 @@ var Toggles = forwardRef45(TogglesInternal);
 import * as React29 from "react";
 import * as LabelPrimitive2 from "@radix-ui/react-label";
 import { cva as cva14 } from "class-variance-authority";
-import { useTranslation as useTranslation22 } from "react-i18next";
+import { useTranslation as useTranslation23 } from "react-i18next";
 
 // src/text-field/EndIcon.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
-var EndIcon = ({ children }) => /* @__PURE__ */ jsx117("div", { className: "pointer-events-none absolute right-3.5 top-1/2 -translate-y-1/2 [&>*]:pointer-events-auto", children });
+import { jsx as jsx116 } from "react/jsx-runtime";
+var EndIcon = ({ children }) => /* @__PURE__ */ jsx116("div", { className: "pointer-events-none absolute right-3.5 top-1/2 -translate-y-1/2 [&>*]:pointer-events-auto", children });
 
 // src/text-field/FieldError.tsx
-import { jsx as jsx118 } from "react/jsx-runtime";
-var FieldError = ({ id, children }) => /* @__PURE__ */ jsx118(
+import { jsx as jsx117 } from "react/jsx-runtime";
+var FieldError = ({ id, children }) => /* @__PURE__ */ jsx117(
   "p",
   {
     id,
@@ -9101,11 +9081,11 @@ var FieldError = ({ id, children }) => /* @__PURE__ */ jsx118(
 );
 
 // src/text-field/SupportingText.tsx
-import { jsx as jsx119 } from "react/jsx-runtime";
-var SupportingText = ({ id, children }) => /* @__PURE__ */ jsx119("p", { id, className: "mt-1 text-xs italic text-[var(--chekin-color-gray-2)]", children });
+import { jsx as jsx118 } from "react/jsx-runtime";
+var SupportingText = ({ id, children }) => /* @__PURE__ */ jsx118("p", { id, className: "mt-1 text-xs italic text-[var(--chekin-color-gray-2)]", children });
 
 // src/text-field/TextField.tsx
-import { jsx as jsx120, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs77 } from "react/jsx-runtime";
 var textFieldRootClasses = [
   "[--text-field-height:2.75rem]",
   "[--text-field-radius:8px]",
@@ -9212,7 +9192,7 @@ var TextField = React29.forwardRef(
     readOnly,
     ...props
   }, ref) => {
-    const { t } = useTranslation22();
+    const { t } = useTranslation23();
     const hasError = Boolean(error);
     const autoId = React29.useId();
     const inputId = props.id || autoId;
@@ -9226,7 +9206,7 @@ var TextField = React29.forwardRef(
     const errorId = error ? `${inputId}-error` : void 0;
     const ariaDescribedBy = errorId || descriptionId || void 0;
     if (variant === "floating") {
-      return /* @__PURE__ */ jsxs78(
+      return /* @__PURE__ */ jsxs77(
         "div",
         {
           className: cn(
@@ -9235,8 +9215,8 @@ var TextField = React29.forwardRef(
             wrapperClassName
           ),
           children: [
-            /* @__PURE__ */ jsxs78("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx120(
+            /* @__PURE__ */ jsxs77("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx119(
                 "input",
                 {
                   id: inputId,
@@ -9250,7 +9230,7 @@ var TextField = React29.forwardRef(
                   ...props
                 }
               ),
-              label && /* @__PURE__ */ jsx120(
+              label && /* @__PURE__ */ jsx119(
                 LabelPrimitive2.Root,
                 {
                   htmlFor: inputId,
@@ -9264,17 +9244,17 @@ var TextField = React29.forwardRef(
                   children: label
                 }
               ),
-              endIcon && /* @__PURE__ */ jsx120(EndIcon, { children: endIcon })
+              endIcon && /* @__PURE__ */ jsx119(EndIcon, { children: endIcon })
             ] }),
-            supportingText && !hasError && /* @__PURE__ */ jsx120(SupportingText, { id: descriptionId, children: supportingText }),
-            hasError && /* @__PURE__ */ jsx120(FieldError, { id: errorId, children: error })
+            supportingText && !hasError && /* @__PURE__ */ jsx119(SupportingText, { id: descriptionId, children: supportingText }),
+            hasError && /* @__PURE__ */ jsx119(FieldError, { id: errorId, children: error })
           ]
         }
       );
     }
-    return /* @__PURE__ */ jsxs78("div", { className: cn("flex w-full flex-col", textFieldRootClasses, wrapperClassName), children: [
-      label && /* @__PURE__ */ jsxs78("div", { className: "mb-1 flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx120(
+    return /* @__PURE__ */ jsxs77("div", { className: cn("flex w-full flex-col", textFieldRootClasses, wrapperClassName), children: [
+      label && /* @__PURE__ */ jsxs77("div", { className: "mb-1 flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx119(
           LabelPrimitive2.Root,
           {
             htmlFor: inputId,
@@ -9282,14 +9262,14 @@ var TextField = React29.forwardRef(
             children: label
           }
         ),
-        optional && /* @__PURE__ */ jsxs78("span", { className: "text-base leading-4", children: [
-          /* @__PURE__ */ jsx120("span", { className: "text-[var(--chekin-color-brand-navy)]", children: "- " }),
-          /* @__PURE__ */ jsx120("span", { className: "italic text-[var(--chekin-color-gray-2)]", children: optionalLabel || t("optional") })
+        optional && /* @__PURE__ */ jsxs77("span", { className: "text-base leading-4", children: [
+          /* @__PURE__ */ jsx119("span", { className: "text-[var(--chekin-color-brand-navy)]", children: "- " }),
+          /* @__PURE__ */ jsx119("span", { className: "italic text-[var(--chekin-color-gray-2)]", children: optionalLabel || t("optional") })
         ] }),
         tooltip
       ] }),
-      /* @__PURE__ */ jsxs78("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx120(
+      /* @__PURE__ */ jsxs77("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx119(
           "input",
           {
             id: inputId,
@@ -9303,10 +9283,10 @@ var TextField = React29.forwardRef(
             ...props
           }
         ),
-        endIcon && /* @__PURE__ */ jsx120(EndIcon, { children: endIcon })
+        endIcon && /* @__PURE__ */ jsx119(EndIcon, { children: endIcon })
       ] }),
-      supportingText && !hasError && /* @__PURE__ */ jsx120(SupportingText, { id: descriptionId, children: supportingText }),
-      hasError && /* @__PURE__ */ jsx120(FieldError, { id: errorId, children: error })
+      supportingText && !hasError && /* @__PURE__ */ jsx119(SupportingText, { id: descriptionId, children: supportingText }),
+      hasError && /* @__PURE__ */ jsx119(FieldError, { id: errorId, children: error })
     ] });
   }
 );
@@ -9314,12 +9294,12 @@ TextField.displayName = "TextField";
 
 // src/textarea/Textarea.tsx
 import { forwardRef as forwardRef47, useId as useId10 } from "react";
-import { jsx as jsx121, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs78 } from "react/jsx-runtime";
 var Textarea = forwardRef47(
   ({ className, textareaClassName, label, disabled, name, invalid, ...textareaProps }, ref) => {
     const inputId = useId10();
-    return /* @__PURE__ */ jsxs79("div", { className: cn("relative", className), children: [
-      /* @__PURE__ */ jsx121(
+    return /* @__PURE__ */ jsxs78("div", { className: cn("relative", className), children: [
+      /* @__PURE__ */ jsx120(
         "textarea",
         {
           ref,
@@ -9335,7 +9315,7 @@ var Textarea = forwardRef47(
           ...textareaProps
         }
       ),
-      label && /* @__PURE__ */ jsx121(
+      label && /* @__PURE__ */ jsx120(
         "label",
         {
           htmlFor: inputId,
@@ -9353,34 +9333,34 @@ var Textarea = forwardRef47(
 Textarea.displayName = "Textarea";
 
 // src/three-dots-loader/ThreeDotsLoader.tsx
-import { Fragment as Fragment11, jsx as jsx122, jsxs as jsxs80 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx121, jsxs as jsxs79 } from "react/jsx-runtime";
 function Dots({
   height,
   width,
   color
 }) {
-  return /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsxs79(
     "span",
     {
       className: "inline-flex items-center justify-center gap-[15%]",
       style: { height, width },
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx122(
+        /* @__PURE__ */ jsx121(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full [animation-delay:-0.32s]",
             style: { backgroundColor: color }
           }
         ),
-        /* @__PURE__ */ jsx122(
+        /* @__PURE__ */ jsx121(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full [animation-delay:-0.16s]",
             style: { backgroundColor: color }
           }
         ),
-        /* @__PURE__ */ jsx122(
+        /* @__PURE__ */ jsx121(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full",
@@ -9399,31 +9379,32 @@ function ThreeDotsLoader({
   className,
   labelPlacement = "right"
 }) {
-  const dots = /* @__PURE__ */ jsx122(Dots, { color, height, width });
+  const dots = /* @__PURE__ */ jsx121(Dots, { color, height, width });
   if (label) {
-    return /* @__PURE__ */ jsx122(
+    return /* @__PURE__ */ jsx121(
       "div",
       {
         className: cn(
           "flex items-center justify-center gap-x-[13px] [&>div]:text-sm [&>div]:font-bold [&>div]:uppercase [&>div]:text-[#9696b9] [&>div]:opacity-50",
           className
         ),
-        children: labelPlacement === "right" ? /* @__PURE__ */ jsxs80(Fragment11, { children: [
+        role: "progressbar",
+        children: labelPlacement === "right" ? /* @__PURE__ */ jsxs79(Fragment11, { children: [
           dots,
-          /* @__PURE__ */ jsx122("div", { children: label })
-        ] }) : /* @__PURE__ */ jsxs80(Fragment11, { children: [
-          /* @__PURE__ */ jsx122("div", { children: label }),
+          /* @__PURE__ */ jsx121("div", { children: label })
+        ] }) : /* @__PURE__ */ jsxs79(Fragment11, { children: [
+          /* @__PURE__ */ jsx121("div", { children: label }),
           dots
         ] })
       }
     );
   }
-  return /* @__PURE__ */ jsx122("div", { className, children: dots });
+  return /* @__PURE__ */ jsx121("div", { role: "progressbar", className, children: dots });
 }
 
 // src/uploaded-files-list/UploadedFilesList.tsx
 import { X as X7 } from "lucide-react";
-import { jsx as jsx123, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs80 } from "react/jsx-runtime";
 function UploadedFilesList({
   files,
   onRemoveFile,
@@ -9432,20 +9413,20 @@ function UploadedFilesList({
   if (!files.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx123("div", { className: cn("flex flex-wrap gap-2.5", className), children: files.map((file, index) => /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsx122("div", { className: cn("flex flex-wrap gap-2.5", className), children: files.map((file, index) => /* @__PURE__ */ jsxs80(
     "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__ */ jsx123("span", { className: "text-nowrap text-sm font-medium leading-5 text-[var(--chekin-color-brand-navy)]", children: file.name }),
-        /* @__PURE__ */ jsx123(
+        /* @__PURE__ */ jsx122("span", { className: "text-nowrap text-sm font-medium leading-5 text-[var(--chekin-color-brand-navy)]", children: file.name }),
+        /* @__PURE__ */ jsx122(
           "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__ */ jsx123(X7, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
+            children: /* @__PURE__ */ jsx122(X7, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
           }
         )
       ]
@@ -9455,9 +9436,9 @@ function UploadedFilesList({
 }
 
 // src/wide-button/WideButton.tsx
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 function WideButton({ className, disabled, ...props }) {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx123(
     Button,
     {
       variant: "ghost",
@@ -9481,22 +9462,22 @@ import { Calendar as Calendar2 } from "lucide-react";
 import * as React30 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import Draggable from "react-draggable";
-import { jsx as jsx125, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs81 } from "react/jsx-runtime";
 var DRAWER_CLOSE_THRESHOLD = 72;
 var DRAWER_MIN_OVERLAY_OPACITY = 0.1;
 function Drawer({ ...props }) {
-  return /* @__PURE__ */ jsx125(DialogPrimitive2.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ jsx124(DialogPrimitive2.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx125(DialogPrimitive2.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ jsx124(DialogPrimitive2.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortal({ ...props }) {
-  return /* @__PURE__ */ jsx125(DialogPrimitive2.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ jsx124(DialogPrimitive2.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerClose({ ...props }) {
-  return /* @__PURE__ */ jsx125(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ jsx124(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
 }
-var DrawerOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx125(
+var DrawerOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx124(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -9545,14 +9526,14 @@ var DrawerContent = React30.forwardRef(
       },
       [onClose]
     );
-    return /* @__PURE__ */ jsxs82(DrawerPortal, { container: finalContainer, children: [
-      lockScroll ? /* @__PURE__ */ jsx125(
+    return /* @__PURE__ */ jsxs81(DrawerPortal, { container: finalContainer, children: [
+      lockScroll ? /* @__PURE__ */ jsx124(
         DrawerOverlay,
         {
           style: { opacity: overlayOpacity },
           onClick: closeOnOverlayClick ? onClose : void 0
         }
-      ) : /* @__PURE__ */ jsx125(
+      ) : /* @__PURE__ */ jsx124(
         "div",
         {
           className: cn(DrawerOverlayClasses),
@@ -9560,7 +9541,7 @@ var DrawerContent = React30.forwardRef(
           onClick: closeOnOverlayClick ? onClose : void 0
         }
       ),
-      /* @__PURE__ */ jsx125(
+      /* @__PURE__ */ jsx124(
         DialogPrimitive2.Content,
         {
           asChild: true,
@@ -9576,7 +9557,7 @@ var DrawerContent = React30.forwardRef(
             }
           },
           ...props,
-          children: /* @__PURE__ */ jsx125("div", { className: "fixed inset-x-0 bottom-0 top-auto z-50 outline-none", children: /* @__PURE__ */ jsx125(
+          children: /* @__PURE__ */ jsx124("div", { className: "fixed inset-x-0 bottom-0 top-auto z-50 outline-none", children: /* @__PURE__ */ jsx124(
             Draggable,
             {
               axis: "y",
@@ -9586,7 +9567,7 @@ var DrawerContent = React30.forwardRef(
               onDrag: handleDrag,
               onStop: handleStop,
               position: { x: 0, y: dragOffsetY },
-              children: /* @__PURE__ */ jsxs82(
+              children: /* @__PURE__ */ jsxs81(
                 "div",
                 {
                   ref: nodeRef,
@@ -9595,15 +9576,15 @@ var DrawerContent = React30.forwardRef(
                     className
                   ),
                   children: [
-                    showHandle && /* @__PURE__ */ jsx125(
+                    showHandle && /* @__PURE__ */ jsx124(
                       "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__ */ jsx125("span", { className: "block h-1.5 w-12 rounded-full bg-[#D9D7D3]" })
+                        children: /* @__PURE__ */ jsx124("span", { className: "block h-1.5 w-12 rounded-full bg-[#D9D7D3]" })
                       }
                     ),
-                    /* @__PURE__ */ jsx125("div", { className: "min-h-0 flex-1 overflow-y-auto", children })
+                    /* @__PURE__ */ jsx124("div", { className: "min-h-0 flex-1 overflow-y-auto", children })
                   ]
                 }
               )
@@ -9615,7 +9596,7 @@ var DrawerContent = React30.forwardRef(
   }
 );
 DrawerContent.displayName = DialogPrimitive2.Content.displayName;
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx125(
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx124(
   "div",
   {
     className: cn("flex flex-col gap-2 px-5 pt-2 text-center", className),
@@ -9623,9 +9604,9 @@ var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx125(
   }
 );
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx125("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx124("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx125(
+var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx124(
   DialogPrimitive2.Title,
   {
     ref,
@@ -9635,7 +9616,7 @@ var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DialogPrimitive2.Title.displayName;
-var DrawerDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx125(
+var DrawerDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx124(
   DialogPrimitive2.Description,
   {
     ref,
@@ -10068,7 +10049,7 @@ function useDatePickerWheel({
 }
 
 // src/datepicker/DatePickerWheelColumn.tsx
-import { jsx as jsx126, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs82 } from "react/jsx-runtime";
 var spacerHeight = DATE_PICKER_OPTION_HEIGHT * DATE_PICKER_WHEEL_BUFFER_OPTIONS;
 function DatePickerWheelColumn({
   id,
@@ -10082,7 +10063,7 @@ function DatePickerWheelColumn({
   onOptionSelect,
   column
 }) {
-  return /* @__PURE__ */ jsx126("div", { className: "relative z-10 min-w-0", children: /* @__PURE__ */ jsxs83(
+  return /* @__PURE__ */ jsx125("div", { className: "relative z-10 min-w-0", children: /* @__PURE__ */ jsxs82(
     "div",
     {
       id,
@@ -10099,14 +10080,14 @@ function DatePickerWheelColumn({
         WebkitOverflowScrolling: "touch"
       },
       children: [
-        /* @__PURE__ */ jsx126("div", { style: { height: `${spacerHeight}px` } }),
+        /* @__PURE__ */ jsx125("div", { style: { height: `${spacerHeight}px` } }),
         items.map((item, index) => {
           const { style } = getWheelOptionStyles(
             index,
             scrollTop,
             DATE_PICKER_OPTION_HEIGHT
           );
-          return /* @__PURE__ */ jsx126(
+          return /* @__PURE__ */ jsx125(
             "button",
             {
               id: `${id}-option-${index}`,
@@ -10122,14 +10103,14 @@ function DatePickerWheelColumn({
             `${column}-${item}-${index}`
           );
         }),
-        /* @__PURE__ */ jsx126("div", { style: { height: `${spacerHeight}px` } })
+        /* @__PURE__ */ jsx125("div", { style: { height: `${spacerHeight}px` } })
       ]
     }
   ) });
 }
 
 // src/datepicker/DatePickerContent.tsx
-import { jsx as jsx127, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs83 } from "react/jsx-runtime";
 function DatePickerBody({
   baseId,
   label,
@@ -10151,19 +10132,19 @@ function DatePickerBody({
   onOptionSelect,
   onDone
 }) {
-  return /* @__PURE__ */ jsxs84("div", { className: "px-6 pb-4 pt-1 bg-white", children: [
-    /* @__PURE__ */ jsxs84("div", { className: "relative overflow-hidden rounded-[24px]", children: [
-      /* @__PURE__ */ jsx127("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__ */ jsx127("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__ */ jsx127(
+  return /* @__PURE__ */ jsxs83("div", { className: "px-6 pb-4 pt-1 bg-white", children: [
+    /* @__PURE__ */ jsxs83("div", { className: "relative overflow-hidden rounded-[24px]", children: [
+      /* @__PURE__ */ jsx126("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-20 h-16 bg-gradient-to-b from-white via-white/80 to-transparent" }),
+      /* @__PURE__ */ jsx126("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-20 h-16 bg-gradient-to-t from-white via-white/80 to-transparent" }),
+      /* @__PURE__ */ jsx126(
         "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__ */ jsxs84("div", { className: "relative grid grid-cols-[1.35fr_0.7fr_1fr] gap-1", children: [
-        /* @__PURE__ */ jsx127(
+      /* @__PURE__ */ jsxs83("div", { className: "relative grid grid-cols-[1.35fr_0.7fr_1fr] gap-1", children: [
+        /* @__PURE__ */ jsx126(
           DatePickerWheelColumn,
           {
             id: `${baseId}-month`,
@@ -10178,7 +10159,7 @@ function DatePickerBody({
             onOptionSelect
           }
         ),
-        /* @__PURE__ */ jsx127(
+        /* @__PURE__ */ jsx126(
           DatePickerWheelColumn,
           {
             id: `${baseId}-day`,
@@ -10193,7 +10174,7 @@ function DatePickerBody({
             onOptionSelect
           }
         ),
-        /* @__PURE__ */ jsx127(
+        /* @__PURE__ */ jsx126(
           DatePickerWheelColumn,
           {
             id: `${baseId}-year`,
@@ -10210,7 +10191,7 @@ function DatePickerBody({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx127(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
+    /* @__PURE__ */ jsx126(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
   ] });
 }
 function DatePickerContent({
@@ -10238,7 +10219,7 @@ function DatePickerContent({
   onColumnKeyDown,
   onOptionSelect
 }) {
-  const body = /* @__PURE__ */ jsx127(
+  const body = /* @__PURE__ */ jsx126(
     DatePickerBody,
     {
       baseId,
@@ -10263,27 +10244,27 @@ function DatePickerContent({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ jsx127(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs84(
+    return /* @__PURE__ */ jsx126(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs83(
       DrawerContent,
       {
         onClose: () => onOpenChange(false),
         className: "rounded-none rounded-t-[32px] border-0 p-0",
         children: [
-          /* @__PURE__ */ jsx127(DrawerTitle, { className: "sr-only", children: title }),
-          /* @__PURE__ */ jsx127(DrawerDescription, { className: "sr-only", children: label }),
+          /* @__PURE__ */ jsx126(DrawerTitle, { className: "sr-only", children: title }),
+          /* @__PURE__ */ jsx126(DrawerDescription, { className: "sr-only", children: label }),
           body
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsx127(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs84(
+  return /* @__PURE__ */ jsx126(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs83(
     DialogContent,
     {
       className: "max-w-[520px] rounded-[28px] border-0 p-0 shadow-xl",
       showCloseButton: false,
       children: [
-        /* @__PURE__ */ jsx127(DialogTitle, { className: "sr-only", children: title }),
-        /* @__PURE__ */ jsx127(DialogDescription, { className: "sr-only", children: label }),
+        /* @__PURE__ */ jsx126(DialogTitle, { className: "sr-only", children: title }),
+        /* @__PURE__ */ jsx126(DialogDescription, { className: "sr-only", children: label }),
         body
       ]
     }
@@ -10307,12 +10288,12 @@ var DEVICE = {
 
 // src/field-trigger/FieldTrigger.tsx
 import * as React32 from "react";
-import { Loader2 as Loader25 } from "lucide-react";
-import { useTranslation as useTranslation23 } from "react-i18next";
+import { Loader2 as Loader24 } from "lucide-react";
+import { useTranslation as useTranslation24 } from "react-i18next";
 
 // src/field-error-message/FieldErrorMessage.tsx
 import { AlertCircle as AlertCircle3 } from "lucide-react";
-import { jsx as jsx128, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx127, jsxs as jsxs84 } from "react/jsx-runtime";
 function FieldErrorMessage({
   id,
   message,
@@ -10323,7 +10304,7 @@ function FieldErrorMessage({
 }) {
   const content = message ?? children;
   if (!content) return null;
-  return /* @__PURE__ */ jsxs85(
+  return /* @__PURE__ */ jsxs84(
     "p",
     {
       id,
@@ -10335,21 +10316,21 @@ function FieldErrorMessage({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx128(
+        /* @__PURE__ */ jsx127(
           AlertCircle3,
           {
             className: "h-[18px] w-[18px] shrink-0 text-white",
             fill: "var(--error-message-color)"
           }
         ),
-        /* @__PURE__ */ jsx128("span", { children: content })
+        /* @__PURE__ */ jsx127("span", { children: content })
       ]
     }
   );
 }
 
 // src/field-trigger/FieldTrigger.tsx
-import { Fragment as Fragment12, jsx as jsx129, jsxs as jsxs86 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx128, jsxs as jsxs85 } from "react/jsx-runtime";
 var FieldTrigger = React32.forwardRef(
   ({
     as = "button",
@@ -10381,20 +10362,20 @@ var FieldTrigger = React32.forwardRef(
     onKeyDown,
     ...props
   }, ref) => {
-    const { t } = useTranslation23();
+    const { t } = useTranslation24();
     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__ */ jsxs86("span", { className: "inline-flex max-w-full items-center gap-1.5 align-middle", children: [
-      /* @__PURE__ */ jsx129("span", { className: "min-w-0 truncate", children: visibleLabelText }),
-      optionalLabel && /* @__PURE__ */ jsxs86("span", { className: "shrink-0 text-[12px] relative top-[1px] font-normal leading-4 text-current opacity-70", children: [
+    const resolvedLabelText = visibleLabelText && hasLabelMeta ? /* @__PURE__ */ jsxs85("span", { className: "inline-flex max-w-full items-center gap-1.5 align-middle", children: [
+      /* @__PURE__ */ jsx128("span", { className: "min-w-0 truncate", children: visibleLabelText }),
+      optionalLabel && /* @__PURE__ */ jsxs85("span", { className: "shrink-0 text-[12px] relative top-[1px] font-normal leading-4 text-current opacity-70", children: [
         "(",
         optionalLabel,
         ")"
       ] }),
-      tooltip && /* @__PURE__ */ jsx129(
+      tooltip && /* @__PURE__ */ jsx128(
         HelpTooltip,
         {
           content: tooltip,
@@ -10410,10 +10391,10 @@ 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__ */ jsxs86("span", { className: "flex items-center gap-2", children: [
+    const resolvedTrailingAdornment = loading || trailingAdornment ? /* @__PURE__ */ jsxs85("span", { className: "flex items-center gap-2", children: [
       trailingAdornment,
-      loading && /* @__PURE__ */ jsx129(
-        Loader25,
+      loading && /* @__PURE__ */ jsx128(
+        Loader24,
         {
           "aria-hidden": "true",
           className: "h-5 w-5 animate-spin text-[var(--chekin-color-gray-1)]"
@@ -10428,8 +10409,8 @@ var FieldTrigger = React32.forwardRef(
       disabled ? "cursor-not-allowed opacity-50" : loading ? "cursor-progress" : isAirbnbVariant ? "cursor-pointer" : "cursor-text",
       className
     );
-    const sharedContent = /* @__PURE__ */ jsxs86(Fragment12, { children: [
-      /* @__PURE__ */ jsxs86(
+    const sharedContent = /* @__PURE__ */ jsxs85(Fragment12, { children: [
+      /* @__PURE__ */ jsxs85(
         "span",
         {
           className: cn(
@@ -10438,7 +10419,7 @@ var FieldTrigger = React32.forwardRef(
             contentClassName
           ),
           children: [
-            /* @__PURE__ */ jsx129(
+            /* @__PURE__ */ jsx128(
               "span",
               {
                 id: labelId,
@@ -10451,7 +10432,7 @@ var FieldTrigger = React32.forwardRef(
                 children: animatedLabel
               }
             ),
-            children ? children : hasValue ? /* @__PURE__ */ jsx129(
+            children ? children : hasValue ? /* @__PURE__ */ jsx128(
               "span",
               {
                 id: valueId,
@@ -10462,11 +10443,11 @@ var FieldTrigger = React32.forwardRef(
                 ),
                 children: valueText
               }
-            ) : /* @__PURE__ */ jsx129("span", { id: helperTextId, className: "sr-only", children: placeholder ?? label })
+            ) : /* @__PURE__ */ jsx128("span", { id: helperTextId, className: "sr-only", children: placeholder ?? label })
           ]
         }
       ),
-      resolvedTrailingAdornment && /* @__PURE__ */ jsx129(
+      resolvedTrailingAdornment && /* @__PURE__ */ jsx128(
         "span",
         {
           "aria-hidden": "true",
@@ -10478,9 +10459,9 @@ var FieldTrigger = React32.forwardRef(
         }
       )
     ] });
-    return /* @__PURE__ */ jsxs86("div", { className: "w-full", children: [
-      topLabel && /* @__PURE__ */ jsx129("p", { className: "mb-3 text-[16px] font-semibold leading-5 text-[#222222]", children: topLabel }),
-      as === "button" ? /* @__PURE__ */ jsx129(
+    return /* @__PURE__ */ jsxs85("div", { className: "w-full", children: [
+      topLabel && /* @__PURE__ */ jsx128("p", { className: "mb-3 text-[16px] font-semibold leading-5 text-[#222222]", children: topLabel }),
+      as === "button" ? /* @__PURE__ */ jsx128(
         "button",
         {
           id,
@@ -10497,7 +10478,7 @@ var FieldTrigger = React32.forwardRef(
           ...props,
           children: sharedContent
         }
-      ) : /* @__PURE__ */ jsx129(
+      ) : /* @__PURE__ */ jsx128(
         "div",
         {
           id,
@@ -10514,14 +10495,14 @@ var FieldTrigger = React32.forwardRef(
           children: sharedContent
         }
       ),
-      errorMessage && !hideErrorMessage && /* @__PURE__ */ jsx129(FieldErrorMessage, { id: errorId, message: errorMessage })
+      errorMessage && !hideErrorMessage && /* @__PURE__ */ jsx128(FieldErrorMessage, { id: errorId, message: errorMessage })
     ] });
   }
 );
 FieldTrigger.displayName = "FieldTrigger";
 
 // src/datepicker/DatePicker.tsx
-import { jsx as jsx130, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs86 } from "react/jsx-runtime";
 var DEFAULT_MIN_DATE = new Date(1920, 0, 1);
 var DatePicker = React33.forwardRef(
   ({
@@ -10638,8 +10619,8 @@ var DatePicker = React33.forwardRef(
         setIsOpen(false);
       }
     }, [isBlocked]);
-    return /* @__PURE__ */ jsxs87("div", { className: cn("relative w-full max-w-[var(--max-field-width)]", className), children: [
-      name && /* @__PURE__ */ jsx130(
+    return /* @__PURE__ */ jsxs86("div", { className: cn("relative w-full max-w-[var(--max-field-width)]", className), children: [
+      name && /* @__PURE__ */ jsx129(
         "input",
         {
           type: "hidden",
@@ -10647,7 +10628,7 @@ var DatePicker = React33.forwardRef(
           value: resolvedValue ? formatDateInputValue(resolvedValue) : ""
         }
       ),
-      /* @__PURE__ */ jsx130(
+      /* @__PURE__ */ jsx129(
         FieldTrigger,
         {
           id: triggerId,
@@ -10674,10 +10655,10 @@ var DatePicker = React33.forwardRef(
           onClick: handleTriggerClick,
           onKeyDown: handleTriggerKeyDown,
           onBlur,
-          trailingAdornment: /* @__PURE__ */ jsx130(Calendar2, { className: "h-5 w-5 text-[#1F1F1B]", strokeWidth: 2 })
+          trailingAdornment: /* @__PURE__ */ jsx129(Calendar2, { className: "h-5 w-5 text-[#1F1F1B]", strokeWidth: 2 })
         }
       ),
-      /* @__PURE__ */ jsx130(
+      /* @__PURE__ */ jsx129(
         DatePickerContent,
         {
           baseId: pickerId,
@@ -10711,7 +10692,7 @@ var DatePicker = React33.forwardRef(
 DatePicker.displayName = "DatePicker";
 
 // src/responsive-sheet/ResponsiveSheet.tsx
-import { jsx as jsx131, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs87 } from "react/jsx-runtime";
 function ResponsiveSheet({
   open,
   onClose,
@@ -10746,7 +10727,7 @@ function ResponsiveSheet({
       event.preventDefault();
     }
   };
-  const content = /* @__PURE__ */ jsxs88(
+  const content = /* @__PURE__ */ jsxs87(
     "div",
     {
       className: cn(
@@ -10754,7 +10735,7 @@ function ResponsiveSheet({
         contentClassName
       ),
       children: [
-        title ? /* @__PURE__ */ jsx131(
+        title ? /* @__PURE__ */ jsx130(
           "div",
           {
             className: cn(
@@ -10764,7 +10745,7 @@ function ResponsiveSheet({
             children: title
           }
         ) : null,
-        description ? /* @__PURE__ */ jsx131(
+        description ? /* @__PURE__ */ jsx130(
           "p",
           {
             className: cn(
@@ -10779,7 +10760,7 @@ function ResponsiveSheet({
     }
   );
   if (isMobileMode) {
-    return /* @__PURE__ */ jsx131(Drawer, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs88(
+    return /* @__PURE__ */ jsx130(Drawer, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs87(
       DrawerContent,
       {
         onClose,
@@ -10789,14 +10770,14 @@ function ResponsiveSheet({
         onEscapeKeyDown: handleEscapeKeyDown,
         className: cn(className, drawerClassName),
         children: [
-          title ? /* @__PURE__ */ jsx131(DrawerTitle, { className: "sr-only", children: title }) : null,
-          description ? /* @__PURE__ */ jsx131(DrawerDescription, { className: "sr-only", children: description }) : null,
+          title ? /* @__PURE__ */ jsx130(DrawerTitle, { className: "sr-only", children: title }) : null,
+          description ? /* @__PURE__ */ jsx130(DrawerDescription, { className: "sr-only", children: description }) : null,
           content
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsx131(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs88(
+  return /* @__PURE__ */ jsx130(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs87(
     DialogContent,
     {
       showCloseButton,
@@ -10806,8 +10787,8 @@ function ResponsiveSheet({
       className: cn("max-w-[560px] border-0 p-0 shadow-xl", className, dialogClassName),
       lockScroll: false,
       children: [
-        title ? /* @__PURE__ */ jsx131(DialogTitle, { className: "sr-only", children: title }) : null,
-        description ? /* @__PURE__ */ jsx131(DialogDescription, { className: "sr-only", children: description }) : null,
+        title ? /* @__PURE__ */ jsx130(DialogTitle, { className: "sr-only", children: title }) : null,
+        description ? /* @__PURE__ */ jsx130(DialogDescription, { className: "sr-only", children: description }) : null,
         content
       ]
     }
@@ -10816,7 +10797,7 @@ function ResponsiveSheet({
 
 // src/airbnb/input/Input.tsx
 import * as React34 from "react";
-import { jsx as jsx132 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 var getInputValue = (value) => value != null ? String(value) : "";
 var AirbnbInput = React34.forwardRef(
   ({
@@ -10899,7 +10880,7 @@ var AirbnbInput = React34.forwardRef(
       setIsFocused(false);
       onBlur?.(event);
     };
-    return /* @__PURE__ */ jsx132("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ jsx132(
+    return /* @__PURE__ */ jsx131("div", { className: cn("w-full max-w-[var(--max-field-width)]", wrapperClassName), children: /* @__PURE__ */ jsx131(
       FieldTrigger,
       {
         as: "div",
@@ -10931,7 +10912,7 @@ var AirbnbInput = React34.forwardRef(
         forceFloatingLabel: shouldShowLabel,
         forceLabelText: hasLabelMeta,
         hideErrorMessage: !renderErrorMessage,
-        children: /* @__PURE__ */ jsx132(
+        children: /* @__PURE__ */ jsx131(
           "input",
           {
             ...props,
@@ -10974,7 +10955,7 @@ import { ChevronDown as ChevronDown2 } from "lucide-react";
 import * as React39 from "react";
 
 // src/airbnb/select/SelectDesktopMenu.tsx
-import { jsx as jsx133, jsxs as jsxs89 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs88 } from "react/jsx-runtime";
 function SelectDesktopMenu({
   id,
   options,
@@ -10993,7 +10974,7 @@ function SelectDesktopMenu({
   noOptionsMessage
 }) {
   const emptyMessage = noOptionsMessage?.();
-  return /* @__PURE__ */ jsxs89(
+  return /* @__PURE__ */ jsxs88(
     "div",
     {
       id,
@@ -11006,12 +10987,12 @@ function SelectDesktopMenu({
       onKeyDown,
       className: cn("max-h-[280px] overflow-y-auto p-2 outline-none", menuClassName),
       children: [
-        options.length === 0 && emptyMessage ? /* @__PURE__ */ jsx133("div", { className: "px-4 py-3 text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
+        options.length === 0 && emptyMessage ? /* @__PURE__ */ jsx132("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__ */ jsx133(
+          return /* @__PURE__ */ jsx132(
             "button",
             {
               id: getOptionId2(index),
@@ -11043,7 +11024,7 @@ function SelectDesktopMenu({
 }
 
 // src/airbnb/select/SelectDesktopContent.tsx
-import { jsx as jsx134 } from "react/jsx-runtime";
+import { jsx as jsx133 } from "react/jsx-runtime";
 function SelectDesktopContent({
   isOpen,
   listboxId,
@@ -11064,14 +11045,14 @@ function SelectDesktopContent({
   noOptionsMessage
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx134(
+  return /* @__PURE__ */ jsx133(
     "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__ */ jsx134(
+      children: /* @__PURE__ */ jsx133(
         SelectDesktopMenu,
         {
           id: listboxId,
@@ -11169,7 +11150,7 @@ function getMobileOptionStyles(index, scrollTop) {
 }
 
 // src/airbnb/select/SelectMobileWheel.tsx
-import { jsx as jsx135, jsxs as jsxs90 } from "react/jsx-runtime";
+import { jsx as jsx134, jsxs as jsxs89 } from "react/jsx-runtime";
 function SelectMobileWheel({
   id,
   options,
@@ -11188,7 +11169,7 @@ function SelectMobileWheel({
 }) {
   const spacerHeight2 = getWheelSpacerHeight();
   const emptyMessage = noOptionsMessage?.();
-  return /* @__PURE__ */ jsxs90(
+  return /* @__PURE__ */ jsxs89(
     "div",
     {
       id,
@@ -11200,10 +11181,10 @@ function SelectMobileWheel({
       onKeyDown,
       className: cn("relative overflow-hidden outline-none", menuClassName),
       children: [
-        options.length === 0 && emptyMessage ? /* @__PURE__ */ jsx135("div", { className: "flex min-h-[160px] items-center justify-center px-4 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
-        /* @__PURE__ */ jsx135("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__ */ jsx135("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__ */ jsx135(
+        options.length === 0 && emptyMessage ? /* @__PURE__ */ jsx134("div", { className: "flex min-h-[160px] items-center justify-center px-4 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : null,
+        /* @__PURE__ */ jsx134("div", { className: "pointer-events-none absolute inset-x-0 top-0 h-16 bg-gradient-to-b from-white via-white/80 to-transparent" }),
+        /* @__PURE__ */ jsx134("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-white via-white/80 to-transparent" }),
+        /* @__PURE__ */ jsx134(
           "div",
           {
             "aria-hidden": true,
@@ -11213,7 +11194,7 @@ function SelectMobileWheel({
             )
           }
         ),
-        /* @__PURE__ */ jsxs90(
+        /* @__PURE__ */ jsxs89(
           "div",
           {
             ref: listRef,
@@ -11228,11 +11209,11 @@ function SelectMobileWheel({
               WebkitOverflowScrolling: "touch"
             },
             children: [
-              /* @__PURE__ */ jsx135("div", { style: { height: `${spacerHeight2}px` } }),
+              /* @__PURE__ */ jsx134("div", { style: { height: `${spacerHeight2}px` } }),
               options.map((option, index) => {
                 const { distance, style } = getMobileOptionStyles(index, scrollTop);
                 const optionKey = `${String(option.value)}-${index}`;
-                return /* @__PURE__ */ jsx135(
+                return /* @__PURE__ */ jsx134(
                   "button",
                   {
                     id: getOptionId2(index),
@@ -11253,7 +11234,7 @@ function SelectMobileWheel({
                   optionKey
                 );
               }),
-              /* @__PURE__ */ jsx135("div", { style: { height: `${spacerHeight2}px` } })
+              /* @__PURE__ */ jsx134("div", { style: { height: `${spacerHeight2}px` } })
             ]
           }
         )
@@ -11263,7 +11244,7 @@ function SelectMobileWheel({
 }
 
 // src/airbnb/select/SelectMobileContent.tsx
-import { jsx as jsx136, jsxs as jsxs91 } from "react/jsx-runtime";
+import { jsx as jsx135, jsxs as jsxs90 } from "react/jsx-runtime";
 function SelectMobileContent({
   open,
   onOpenChange,
@@ -11287,11 +11268,11 @@ function SelectMobileContent({
   getOptionId: getOptionId2,
   noOptionsMessage
 }) {
-  return /* @__PURE__ */ jsx136(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs91(DrawerContent, { onClose, lockScroll: false, children: [
-    /* @__PURE__ */ jsx136(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
-    /* @__PURE__ */ jsx136(DrawerDescription, { className: "sr-only", children: label }),
-    /* @__PURE__ */ jsxs91("div", { className: "px-6 pb-4 pt-1", children: [
-      /* @__PURE__ */ jsx136(
+  return /* @__PURE__ */ jsx135(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs90(DrawerContent, { onClose, lockScroll: false, children: [
+    /* @__PURE__ */ jsx135(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
+    /* @__PURE__ */ jsx135(DrawerDescription, { className: "sr-only", children: label }),
+    /* @__PURE__ */ jsxs90("div", { className: "px-6 pb-4 pt-1", children: [
+      /* @__PURE__ */ jsx135(
         SelectMobileWheel,
         {
           id: listboxId,
@@ -11310,7 +11291,7 @@ function SelectMobileContent({
           noOptionsMessage
         }
       ),
-      /* @__PURE__ */ jsx136(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
+      /* @__PURE__ */ jsx135(Button, { type: "button", onClick: onDone, className: "mt-4 h-12 mb-8 w-full", children: doneLabel })
     ] })
   ] }) });
 }
@@ -11318,7 +11299,7 @@ function SelectMobileContent({
 // src/airbnb/select/SelectTrigger.tsx
 import * as React35 from "react";
 import { ChevronDown } from "lucide-react";
-import { jsx as jsx137 } from "react/jsx-runtime";
+import { jsx as jsx136 } from "react/jsx-runtime";
 var SelectTrigger2 = React35.forwardRef(
   ({
     id,
@@ -11344,7 +11325,7 @@ var SelectTrigger2 = React35.forwardRef(
     onKeyDown,
     onBlur
   }, ref) => {
-    return /* @__PURE__ */ jsx137(
+    return /* @__PURE__ */ jsx136(
       FieldTrigger,
       {
         id,
@@ -11373,7 +11354,7 @@ var SelectTrigger2 = React35.forwardRef(
         onClick,
         onKeyDown,
         onBlur,
-        trailingAdornment: /* @__PURE__ */ jsx137(
+        trailingAdornment: /* @__PURE__ */ jsx136(
           ChevronDown,
           {
             className: open ? "h-6 w-6 rotate-180 text-[#1F1F1B] transition-transform" : "h-6 w-6 text-[#1F1F1B] transition-transform"
@@ -11735,7 +11716,7 @@ function useSelectIds({ name, hasValue, error, hideErrorMessage }) {
 }
 
 // src/airbnb/select/Select.tsx
-import { jsx as jsx138, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs91 } from "react/jsx-runtime";
 var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
   options = [],
   value,
@@ -11912,13 +11893,13 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
       handleMobileOpenChange(false);
     }
   };
-  return /* @__PURE__ */ jsxs92(
+  return /* @__PURE__ */ jsxs91(
     "div",
     {
       ref: containerRef,
       className: cn("relative w-full max-w-[var(--max-field-width)]", className),
       children: [
-        name && /* @__PURE__ */ jsx138("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
+        name && /* @__PURE__ */ jsx137("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
         renderTrigger ? renderTrigger({
           id: triggerId,
           open: isOpen,
@@ -11940,7 +11921,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
           onClick: handleTriggerClick,
           onKeyDown: handleRootTriggerKeyDown,
           onBlur
-        }) : /* @__PURE__ */ jsx138(
+        }) : /* @__PURE__ */ jsx137(
           SelectTrigger2,
           {
             id: triggerId,
@@ -11968,7 +11949,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
             onBlur
           }
         ),
-        isMobile ? /* @__PURE__ */ jsx138(
+        isMobile ? /* @__PURE__ */ jsx137(
           SelectMobileContent,
           {
             open: isOpen,
@@ -11993,7 +11974,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
             getOptionId: getOptionId2,
             noOptionsMessage
           }
-        ) : /* @__PURE__ */ jsx138(
+        ) : /* @__PURE__ */ jsx137(
           SelectDesktopContent,
           {
             isOpen,
@@ -12027,7 +12008,7 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
 });
 
 // src/airbnb/phone-field/PhoneField.tsx
-import { jsx as jsx139, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx138, jsxs as jsxs92 } from "react/jsx-runtime";
 function formatPhoneCodeOptionLabel(option) {
   const label = String(option.label);
   const value = String(option.value);
@@ -12074,9 +12055,9 @@ var PhoneField = React40.forwardRef(
     const hasInvalidState = Boolean(error) || Boolean(invalid);
     const isBlocked = Boolean(disabled) || Boolean(loading);
     const isCodeBlocked = isBlocked || Boolean(codeReadOnly);
-    return /* @__PURE__ */ jsxs93("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
-      name && /* @__PURE__ */ jsx139("input", { type: "hidden", name, value: combinedValue, disabled }),
-      codeName && /* @__PURE__ */ jsx139(
+    return /* @__PURE__ */ jsxs92("div", { className: cn("w-full max-w-[var(--max-field-width)]", className), children: [
+      name && /* @__PURE__ */ jsx138("input", { type: "hidden", name, value: combinedValue, disabled }),
+      codeName && /* @__PURE__ */ jsx138(
         "input",
         {
           type: "hidden",
@@ -12085,7 +12066,7 @@ var PhoneField = React40.forwardRef(
           disabled
         }
       ),
-      numberName && /* @__PURE__ */ jsx139(
+      numberName && /* @__PURE__ */ jsx138(
         "input",
         {
           type: "hidden",
@@ -12094,7 +12075,7 @@ var PhoneField = React40.forwardRef(
           disabled
         }
       ),
-      topLabel && /* @__PURE__ */ jsx139(
+      topLabel && /* @__PURE__ */ jsx138(
         "label",
         {
           htmlFor: inputId,
@@ -12102,8 +12083,8 @@ var PhoneField = React40.forwardRef(
           children: topLabel
         }
       ),
-      /* @__PURE__ */ jsxs93("div", { className: "flex items-stretch", children: [
-        /* @__PURE__ */ jsx139(
+      /* @__PURE__ */ jsxs92("div", { className: "flex items-stretch", children: [
+        /* @__PURE__ */ jsx138(
           AirbnbSelect,
           {
             ref,
@@ -12134,7 +12115,7 @@ var PhoneField = React40.forwardRef(
               onClick,
               onKeyDown,
               valueLabel
-            }) => /* @__PURE__ */ jsxs93(
+            }) => /* @__PURE__ */ jsxs92(
               "button",
               {
                 id,
@@ -12156,8 +12137,8 @@ var PhoneField = React40.forwardRef(
                   triggerDisabled ? "cursor-not-allowed opacity-50" : triggerLoading ? "cursor-progress" : "cursor-pointer"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx139("span", { children: valueLabel ?? codePlaceholder }),
-                  /* @__PURE__ */ jsx139(
+                  /* @__PURE__ */ jsx138("span", { children: valueLabel ?? codePlaceholder }),
+                  /* @__PURE__ */ jsx138(
                     ChevronDown2,
                     {
                       className: cn("h-5 w-5 transition-transform", open ? "rotate-180" : ""),
@@ -12169,7 +12150,7 @@ var PhoneField = React40.forwardRef(
             )
           }
         ),
-        /* @__PURE__ */ jsx139(
+        /* @__PURE__ */ jsx138(
           AirbnbInput,
           {
             id: inputId,
@@ -12201,7 +12182,7 @@ var PhoneField = React40.forwardRef(
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsx139(FieldErrorMessage, { message: error })
+      error && /* @__PURE__ */ jsx138(FieldErrorMessage, { message: error })
     ] });
   }
 );
@@ -12209,15 +12190,15 @@ PhoneField.displayName = "PhoneField";
 
 // src/airbnb/search-input/SearchInput.tsx
 import * as React41 from "react";
-import { useTranslation as useTranslation24 } from "react-i18next";
+import { useTranslation as useTranslation25 } from "react-i18next";
 import { Search as Search3, X as X8 } from "lucide-react";
-import { jsx as jsx140, jsxs as jsxs94 } from "react/jsx-runtime";
+import { jsx as jsx139, jsxs as jsxs93 } from "react/jsx-runtime";
 var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
-  const { t } = useTranslation24();
+  const { t } = useTranslation25();
   const placeholderText = placeholder || t("search_property") + "...";
-  return /* @__PURE__ */ jsxs94("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
-    /* @__PURE__ */ jsx140(Search3, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
-    /* @__PURE__ */ jsx140(
+  return /* @__PURE__ */ jsxs93("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
+    /* @__PURE__ */ jsx139(Search3, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
+    /* @__PURE__ */ jsx139(
       "input",
       {
         ...props,
@@ -12236,13 +12217,13 @@ var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClass
         )
       }
     ),
-    onReset && /* @__PURE__ */ jsx140(
+    onReset && /* @__PURE__ */ jsx139(
       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__ */ jsx140(X8, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ jsx139(X8, { className: "h-5 w-5" })
       }
     )
   ] });
@@ -12254,7 +12235,7 @@ import * as React42 from "react";
 import { ChevronDown as ChevronDown3, Search as Search4 } from "lucide-react";
 import { useVirtualizer as useVirtualizer2 } from "@tanstack/react-virtual";
 import { useCallback as useCallback25 } from "react";
-import { jsx as jsx141, jsxs as jsxs95 } from "react/jsx-runtime";
+import { jsx as jsx140, jsxs as jsxs94 } from "react/jsx-runtime";
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
 var MOBILE_LIST_HEIGHT = 420;
@@ -12423,7 +12404,7 @@ var SearchableSelectInternal = ({
       }
     }
   }
-  const content = /* @__PURE__ */ jsx141(
+  const content = /* @__PURE__ */ jsx140(
     SearchableSelectContent,
     {
       inputId: searchInputId,
@@ -12451,9 +12432,9 @@ var SearchableSelectInternal = ({
     }
   );
   React42.useImperativeHandle(ref, () => triggerRef.current, []);
-  return /* @__PURE__ */ jsxs95("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
-    name && /* @__PURE__ */ jsx141("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
-    /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsxs94("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
+    name && /* @__PURE__ */ jsx140("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
+    /* @__PURE__ */ jsx140(
       FieldTrigger,
       {
         id: `${reactId}-trigger`,
@@ -12488,7 +12469,7 @@ var SearchableSelectInternal = ({
         },
         onKeyDown: handleTriggerKeyDown,
         onBlur,
-        trailingAdornment: /* @__PURE__ */ jsx141(
+        trailingAdornment: /* @__PURE__ */ jsx140(
           ChevronDown3,
           {
             className: cn(
@@ -12499,7 +12480,7 @@ var SearchableSelectInternal = ({
         )
       }
     ),
-    isMobile ? /* @__PURE__ */ jsx141(
+    isMobile ? /* @__PURE__ */ jsx140(
       Drawer,
       {
         open,
@@ -12511,13 +12492,13 @@ var SearchableSelectInternal = ({
           }
           closeSelect();
         },
-        children: /* @__PURE__ */ jsxs95(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
-          /* @__PURE__ */ jsx141(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
-          /* @__PURE__ */ jsx141(DrawerDescription, { className: "sr-only", children: label }),
-          /* @__PURE__ */ jsx141("div", { className: "px-5 pb-5 pt-1", children: content })
+        children: /* @__PURE__ */ jsxs94(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
+          /* @__PURE__ */ jsx140(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
+          /* @__PURE__ */ jsx140(DrawerDescription, { className: "sr-only", children: label }),
+          /* @__PURE__ */ jsx140("div", { className: "px-5 pb-5 pt-1", children: content })
         ] })
       }
-    ) : open ? /* @__PURE__ */ jsx141(
+    ) : open ? /* @__PURE__ */ jsx140(
       "div",
       {
         className: cn(
@@ -12584,16 +12565,16 @@ function SearchableSelectContent({
       virtualizer.scrollToIndex(highlightedIndex, { align: "auto" });
     }
   }, [highlightedIndex, virtualizer]);
-  return /* @__PURE__ */ jsxs95("div", { className: "p-2", children: [
-    /* @__PURE__ */ jsxs95("div", { className: "relative mb-2", children: [
-      /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsxs94("div", { className: "p-2", children: [
+    /* @__PURE__ */ jsxs94("div", { className: "relative mb-2", children: [
+      /* @__PURE__ */ jsx140(
         Search4,
         {
           "aria-hidden": "true",
           className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[#9696B9]"
         }
       ),
-      /* @__PURE__ */ jsx141(
+      /* @__PURE__ */ jsx140(
         "input",
         {
           id: inputId,
@@ -12612,7 +12593,7 @@ function SearchableSelectContent({
         }
       )
     ] }),
-    loading && options.length === 0 ? /* @__PURE__ */ jsx141("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ jsx141("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : /* @__PURE__ */ jsx141(
+    loading && options.length === 0 ? /* @__PURE__ */ jsx140("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ jsx140("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : /* @__PURE__ */ jsx140(
       "div",
       {
         id: listboxId,
@@ -12621,7 +12602,7 @@ function SearchableSelectContent({
         "aria-labelledby": labelId,
         className: cn("overflow-y-auto outline-none", menuClassName),
         style: { height: Math.min(height, rowCount * ROW_HEIGHT) },
-        children: /* @__PURE__ */ jsx141(
+        children: /* @__PURE__ */ jsx140(
           "div",
           {
             className: "relative w-full",
@@ -12629,7 +12610,7 @@ function SearchableSelectContent({
             children: virtualItems.map((virtualItem) => {
               const option = options[virtualItem.index];
               if (!option) {
-                return /* @__PURE__ */ jsx141(
+                return /* @__PURE__ */ jsx140(
                   "div",
                   {
                     className: "absolute left-0 top-0 flex w-full items-center px-4 text-base leading-6 text-[#6C6C6C]",
@@ -12644,7 +12625,7 @@ function SearchableSelectContent({
               }
               const isSelected = value?.value === option.value;
               const isHighlighted = virtualItem.index === highlightedIndex;
-              return /* @__PURE__ */ jsx141(
+              return /* @__PURE__ */ jsx140(
                 "button",
                 {
                   id: getOptionId(idPrefix, virtualItem.index),
@@ -12666,7 +12647,7 @@ function SearchableSelectContent({
                     height: `${virtualItem.size}px`,
                     transform: `translateY(${virtualItem.start}px)`
                   },
-                  children: /* @__PURE__ */ jsx141("span", { className: "truncate text-center", children: String(option.label) })
+                  children: /* @__PURE__ */ jsx140("span", { className: "truncate text-center", children: String(option.label) })
                 },
                 `${String(option.value)}-${virtualItem.index}`
               );
@@ -12824,7 +12805,6 @@ export {
   LargeModal,
   LearnMoreButton,
   Link,
-  Loader,
   LoadingBar,
   METRIC_CARD_VARIANTS,
   MetricCard,