@chekinapp/ui 0.2.6 → 0.2.8

package/dist/index.js

@@ -7612,7 +7612,198 @@ function registerUiKitI18n(i18n, options = {}) {
 
 // src/large-modal/LargeModal.tsx
 import { X as X2 } from "lucide-react";
+
+// src/drawer/Drawer.tsx
+import * as React22 from "react";
+import * as DialogPrimitive2 from "@radix-ui/react-dialog";
+import Draggable from "react-draggable";
 import { jsx as jsx66, jsxs as jsxs40 } from "react/jsx-runtime";
+var DRAWER_CLOSE_THRESHOLD = 72;
+var DRAWER_MIN_OVERLAY_OPACITY = 0.1;
+function Drawer({ ...props }) {
+  return /* @__PURE__ */ jsx66(DialogPrimitive2.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx66(DialogPrimitive2.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortal({ ...props }) {
+  return /* @__PURE__ */ jsx66(DialogPrimitive2.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerClose({ ...props }) {
+  return /* @__PURE__ */ jsx66(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
+}
+var DrawerOverlay = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+  DialogPrimitive2.Overlay,
+  {
+    ref,
+    "data-slot": "drawer-overlay",
+    className: cn(
+      "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+      className
+    ),
+    ...props
+  }
+));
+DrawerOverlay.displayName = DialogPrimitive2.Overlay.displayName;
+var DrawerOverlayClasses = "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0";
+var DrawerContent = React22.forwardRef(
+  ({
+    className,
+    children,
+    container,
+    onClose,
+    showHandle = true,
+    closeOnOverlayClick = true,
+    lockScroll = true,
+    disableDrag = false,
+    ...props
+  }, ref) => {
+    const finalContainer = container || getCustomContainer() || void 0;
+    const nodeRef = React22.useRef(null);
+    const [dragOffsetY, setDragOffsetY] = React22.useState(0);
+    const overlayOpacity = Math.max(
+      DRAWER_MIN_OVERLAY_OPACITY,
+      1 - dragOffsetY / (DRAWER_CLOSE_THRESHOLD * 2)
+    );
+    const handleDrag = React22.useCallback(
+      (_event, data) => {
+        setDragOffsetY(Math.max(0, data.y));
+      },
+      []
+    );
+    const handleStop = React22.useCallback(
+      (_event, data) => {
+        if (data.y > DRAWER_CLOSE_THRESHOLD) {
+          setDragOffsetY(0);
+          onClose?.();
+          return;
+        }
+        setDragOffsetY(0);
+      },
+      [onClose]
+    );
+    return /* @__PURE__ */ jsxs40(DrawerPortal, { container: finalContainer, children: [
+      lockScroll ? /* @__PURE__ */ jsx66(
+        DrawerOverlay,
+        {
+          style: { opacity: overlayOpacity },
+          onClick: closeOnOverlayClick ? onClose : void 0
+        }
+      ) : /* @__PURE__ */ jsx66(
+        "div",
+        {
+          className: cn(DrawerOverlayClasses),
+          style: { opacity: overlayOpacity },
+          onClick: closeOnOverlayClick ? onClose : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx66(
+        DialogPrimitive2.Content,
+        {
+          asChild: true,
+          ref,
+          onPointerDownOutside: (event) => {
+            if (!closeOnOverlayClick) {
+              event.preventDefault();
+            }
+          },
+          onInteractOutside: (event) => {
+            if (!closeOnOverlayClick) {
+              event.preventDefault();
+            }
+          },
+          ...props,
+          children: /* @__PURE__ */ jsx66("div", { className: "fixed inset-x-0 bottom-0 top-auto z-50 outline-none", children: /* @__PURE__ */ jsx66(
+            Draggable,
+            {
+              axis: "y",
+              bounds: { top: 0 },
+              handle: "[data-drawer-handle]",
+              nodeRef,
+              disabled: disableDrag,
+              onDrag: handleDrag,
+              onStop: handleStop,
+              position: { x: 0, y: dragOffsetY },
+              children: /* @__PURE__ */ jsxs40(
+                "div",
+                {
+                  ref: nodeRef,
+                  className: cn(
+                    "bg-[var(--modal-background)] flex max-h-[calc(100vh-1rem)] w-full flex-col rounded-t-[32px] shadow-lg",
+                    className
+                  ),
+                  children: [
+                    showHandle && /* @__PURE__ */ jsx66(
+                      "div",
+                      {
+                        "data-drawer-handle": true,
+                        className: cn(
+                          "mx-auto flex h-8 w-24 touch-none items-center justify-center",
+                          disableDrag ? "cursor-default" : "cursor-grab active:cursor-grabbing"
+                        ),
+                        children: /* @__PURE__ */ jsx66("span", { className: "block h-1.5 w-12 rounded-full bg-[#D9D7D3]" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx66("div", { className: "min-h-0 flex-1 overflow-y-auto", children })
+                  ]
+                }
+              )
+            }
+          ) })
+        }
+      )
+    ] });
+  }
+);
+DrawerContent.displayName = DialogPrimitive2.Content.displayName;
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx66(
+  "div",
+  {
+    className: cn("flex flex-col gap-2 px-5 pt-2 text-center", className),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx66("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+  DialogPrimitive2.Title,
+  {
+    ref,
+    "data-slot": "drawer-title",
+    className: cn("text-lg font-semibold leading-none", className),
+    ...props
+  }
+));
+DrawerTitle.displayName = DialogPrimitive2.Title.displayName;
+var DrawerDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+  DialogPrimitive2.Description,
+  {
+    ref,
+    "data-slot": "drawer-description",
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = DialogPrimitive2.Description.displayName;
+
+// src/lib/device.ts
+var DEVICE = {
+  mobileS: "320px",
+  mobileM: "375px",
+  mobileL: "425px",
+  mobileXL: "479px",
+  tablet: "768px",
+  laptop: "1025px",
+  laptopM: "1126px",
+  laptopML: "1300px",
+  laptopL: "1440px",
+  laptopXL: "1640px",
+  desktop: "2560px"
+};
+
+// src/large-modal/LargeModal.tsx
+import { jsx as jsx67, jsxs as jsxs41 } from "react/jsx-runtime";
 function LargeModal({
   open,
   onOpenChange,
@@ -7621,15 +7812,61 @@ function LargeModal({
   subHeader,
   screenReaderText,
   className,
+  drawerClassName,
   footer,
   container,
   withCloseButton = true,
   closeOnDocumentClick = true,
   closeOnEscape = true,
-  allowContentOverflow = false
+  allowContentOverflow = false,
+  showDrawerHandle = true,
+  disableDrag = false
 }) {
   const portalContainer = container ?? getCustomContainer();
-  return /* @__PURE__ */ jsx66(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs40(
+  const { isMatch: isMobile3 } = useScreenResize(DEVICE.tablet);
+  const isMobileMode = isMobile3 && isMobileModalModeAvailable();
+  if (isMobileMode) {
+    return /* @__PURE__ */ jsx67(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs41(
+      DrawerContent,
+      {
+        onClose: () => onOpenChange?.(false),
+        showHandle: showDrawerHandle,
+        closeOnOverlayClick: closeOnDocumentClick,
+        disableDrag,
+        container: portalContainer || void 0,
+        lockScroll: !portalContainer,
+        onEscapeKeyDown: (event) => {
+          if (!closeOnEscape) {
+            event.preventDefault();
+            event.stopPropagation();
+          }
+        },
+        className: cn("bg-[var(--chekin-color-white)]", className, drawerClassName),
+        children: [
+          /* @__PURE__ */ jsxs41(DrawerHeader, { className: "sticky top-0 z-10 flex-shrink-0 flex-row items-center justify-between border-b border-[var(--chekin-border-default)] bg-[var(--chekin-color-white)] px-6 pb-4 text-left", children: [
+            /* @__PURE__ */ jsxs41("div", { children: [
+              /* @__PURE__ */ jsx67(DrawerTitle, { className: "text-lg font-semibold text-[var(--chekin-color-brand-navy)]", children: header }),
+              subHeader && /* @__PURE__ */ jsx67("div", { children: subHeader })
+            ] }),
+            !showDrawerHandle && withCloseButton && /* @__PURE__ */ jsx67(
+              "button",
+              {
+                type: "button",
+                onClick: () => onOpenChange?.(false),
+                className: "rounded-full p-1 text-[var(--chekin-color-brand-navy)] hover:bg-[var(--chekin-color-surface-input-empty)]",
+                "aria-label": "Close",
+                children: /* @__PURE__ */ jsx67(X2, { className: "h-5 w-5" })
+              }
+            ),
+            /* @__PURE__ */ jsx67(DrawerDescription, { className: "sr-only", children: screenReaderText })
+          ] }),
+          /* @__PURE__ */ jsx67("div", { className: "min-h-0 flex-1 space-y-6 overflow-y-auto px-6 py-6", children }),
+          footer && /* @__PURE__ */ jsx67(DrawerFooter, { className: "p-4", children: footer })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx67(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs41(
     DialogContent,
     {
       showCloseButton: false,
@@ -7653,24 +7890,24 @@ function LargeModal({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs40(DialogHeader, { className: "flex-shrink-0 flex-row items-center justify-between rounded-t-2xl border-b border-[var(--chekin-border-default)] bg-[var(--chekin-color-white)] p-6", children: [
-          /* @__PURE__ */ jsxs40("div", { children: [
-            /* @__PURE__ */ jsx66(DialogTitle, { className: "text-lg font-semibold text-[var(--chekin-color-brand-navy)]", children: header }),
-            subHeader && /* @__PURE__ */ jsx66("div", { children: subHeader })
+        /* @__PURE__ */ jsxs41(DialogHeader, { className: "flex-shrink-0 flex-row items-center justify-between rounded-t-2xl border-b border-[var(--chekin-border-default)] bg-[var(--chekin-color-white)] p-6", children: [
+          /* @__PURE__ */ jsxs41("div", { children: [
+            /* @__PURE__ */ jsx67(DialogTitle, { className: "text-lg font-semibold text-[var(--chekin-color-brand-navy)]", children: header }),
+            subHeader && /* @__PURE__ */ jsx67("div", { children: subHeader })
           ] }),
-          withCloseButton && /* @__PURE__ */ jsx66(
+          withCloseButton && /* @__PURE__ */ jsx67(
             "button",
             {
               type: "button",
               onClick: () => onOpenChange?.(false),
               className: "rounded-full p-1 text-[var(--chekin-color-brand-navy)] hover:bg-[var(--chekin-color-surface-input-empty)]",
               "aria-label": "Close",
-              children: /* @__PURE__ */ jsx66(X2, { className: "h-5 w-5" })
+              children: /* @__PURE__ */ jsx67(X2, { className: "h-5 w-5" })
             }
           ),
-          /* @__PURE__ */ jsx66(DialogDescription, { className: "sr-only", children: screenReaderText })
+          /* @__PURE__ */ jsx67(DialogDescription, { className: "sr-only", children: screenReaderText })
         ] }),
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx67(
           "div",
           {
             className: cn(
@@ -7680,7 +7917,7 @@ function LargeModal({
             children
           }
         ),
-        footer && /* @__PURE__ */ jsx66(DialogFooter, { className: "p-4", children: footer })
+        footer && /* @__PURE__ */ jsx67(DialogFooter, { className: "p-4", children: footer })
       ]
     }
   ) });
@@ -7689,20 +7926,20 @@ function LargeModal({
 // src/learn-more-button/LearnMoreButton.tsx
 import { BookOpenIcon } from "lucide-react";
 import { useTranslation as useTranslation9 } from "react-i18next";
-import { jsx as jsx67, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs42 } from "react/jsx-runtime";
 function LearnMoreButton({ label, ...props }) {
   const { t } = useTranslation9();
-  return /* @__PURE__ */ jsxs41(Button, { variant: "link", ...props, children: [
-    /* @__PURE__ */ jsx67(BookOpenIcon, { className: "size-5 text-[var(--button-link-text)]" }),
+  return /* @__PURE__ */ jsxs42(Button, { variant: "link", ...props, children: [
+    /* @__PURE__ */ jsx68(BookOpenIcon, { className: "size-5 text-[var(--button-link-text)]" }),
     label || t("learn_more")
   ] });
 }
 
 // src/link/Link.tsx
-import { forwardRef as forwardRef28, memo as memo2 } from "react";
-import { jsx as jsx68 } from "react/jsx-runtime";
-var LinkInternal = forwardRef28(
-  ({ disabled = false, className, children, ...props }, ref) => /* @__PURE__ */ jsx68(
+import { forwardRef as forwardRef29, memo as memo2 } from "react";
+import { jsx as jsx69 } from "react/jsx-runtime";
+var LinkInternal = forwardRef29(
+  ({ disabled = false, className, children, ...props }, ref) => /* @__PURE__ */ jsx69(
     "a",
     {
       ref,
@@ -7723,21 +7960,21 @@ LinkInternal.displayName = "Link";
 var Link = memo2(LinkInternal);
 
 // src/image-full-screen-view/ImageFullScreenView.tsx
-import { useState as useState23 } from "react";
+import { useState as useState24 } from "react";
 import { RotateCw, X as X3, ZoomIn, ZoomOut } from "lucide-react";
 import { useTranslation as useTranslation10 } from "react-i18next";
-import { jsx as jsx69, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs43 } from "react/jsx-runtime";
 function ImageFullScreenView({ src, alt, onClose }) {
   const { t } = useTranslation10();
-  const [scale, setScale] = useState23(1);
-  const [rotation, setRotation] = useState23(0);
+  const [scale, setScale] = useState24(1);
+  const [rotation, setRotation] = useState24(0);
   useClickEscape({ onClick: onClose });
   const zoomIn = () => setScale((value) => Math.min(value + 0.25, 3));
   const zoomOut = () => setScale((value) => Math.max(value - 0.25, 0.5));
   const rotate = () => setRotation((value) => (value + 90) % 360);
-  return /* @__PURE__ */ jsxs42("div", { className: "fixed inset-0 z-[300] flex flex-col items-center justify-center bg-black/90", children: [
-    /* @__PURE__ */ jsxs42("div", { className: "absolute right-4 top-4 z-[301] flex gap-2", children: [
-      /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsxs43("div", { className: "fixed inset-0 z-[300] flex flex-col items-center justify-center bg-black/90", children: [
+    /* @__PURE__ */ jsxs43("div", { className: "absolute right-4 top-4 z-[301] flex gap-2", children: [
+      /* @__PURE__ */ jsx70(
         Button,
         {
           variant: "ghost",
@@ -7745,10 +7982,10 @@ function ImageFullScreenView({ src, alt, onClose }) {
           onClick: zoomIn,
           className: "rounded-full text-white hover:bg-white/20",
           "aria-label": t("zoom_in"),
-          children: /* @__PURE__ */ jsx69(ZoomIn, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ jsx70(ZoomIn, { className: "h-6 w-6" })
         }
       ),
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx70(
         Button,
         {
           variant: "ghost",
@@ -7756,10 +7993,10 @@ function ImageFullScreenView({ src, alt, onClose }) {
           onClick: zoomOut,
           className: "rounded-full text-white hover:bg-white/20",
           "aria-label": t("zoom_out"),
-          children: /* @__PURE__ */ jsx69(ZoomOut, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ jsx70(ZoomOut, { className: "h-6 w-6" })
         }
       ),
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx70(
         Button,
         {
           variant: "ghost",
@@ -7767,10 +8004,10 @@ function ImageFullScreenView({ src, alt, onClose }) {
           onClick: rotate,
           className: "rounded-full text-white hover:bg-white/20",
           "aria-label": t("rotate"),
-          children: /* @__PURE__ */ jsx69(RotateCw, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ jsx70(RotateCw, { className: "h-6 w-6" })
         }
       ),
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx70(
         Button,
         {
           variant: "ghost",
@@ -7778,11 +8015,11 @@ function ImageFullScreenView({ src, alt, onClose }) {
           onClick: onClose,
           className: "rounded-full text-white hover:bg-white/20",
           "aria-label": t("close"),
-          children: /* @__PURE__ */ jsx69(X3, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ jsx70(X3, { className: "h-6 w-6" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx69(
+    /* @__PURE__ */ jsx70(
       "div",
       {
         className: "flex h-full w-full cursor-move items-center justify-center overflow-hidden",
@@ -7791,7 +8028,7 @@ function ImageFullScreenView({ src, alt, onClose }) {
             onClose();
           }
         },
-        children: /* @__PURE__ */ jsx69(
+        children: /* @__PURE__ */ jsx70(
           "div",
           {
             style: {
@@ -7799,7 +8036,7 @@ function ImageFullScreenView({ src, alt, onClose }) {
               transition: "transform 0.2s ease-in-out"
             },
             className: "max-h-[90%] max-w-[90%]",
-            children: /* @__PURE__ */ jsx69(
+            children: /* @__PURE__ */ jsx70(
               Image2,
               {
                 src: src || "",
@@ -7813,14 +8050,14 @@ function ImageFullScreenView({ src, alt, onClose }) {
         )
       }
     ),
-    /* @__PURE__ */ jsx69("div", { className: "absolute bottom-4 left-0 right-0 text-center text-sm text-white/70", children: /* @__PURE__ */ jsx69("p", { children: t("esc_to_close") }) })
+    /* @__PURE__ */ jsx70("div", { className: "absolute bottom-4 left-0 right-0 text-center text-sm text-white/70", children: /* @__PURE__ */ jsx70("p", { children: t("esc_to_close") }) })
   ] });
 }
 
 // src/modal/Modal.tsx
-import { forwardRef as forwardRef29, useRef as useRef18 } from "react";
+import { forwardRef as forwardRef30, useRef as useRef19 } from "react";
 import { X as X4 } from "lucide-react";
-import { jsx as jsx70, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs44 } from "react/jsx-runtime";
 var preventDefault = (event) => {
   event.preventDefault();
 };
@@ -7848,13 +8085,13 @@ function Modal({
   overlayClassName,
   size = "auto"
 }) {
-  const contentRef = useRef18(null);
+  const contentRef = useRef19(null);
   useScrollFrameIntoView(open, { elementRef: contentRef });
   const handleClose = () => {
     onOpenChange?.(false);
     onClose?.();
   };
-  return /* @__PURE__ */ jsx70(Dialog, { open, onOpenChange, modal, children: /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsx71(Dialog, { open, onOpenChange, modal, children: /* @__PURE__ */ jsxs44(
     DialogContent,
     {
       ref: contentRef,
@@ -7873,7 +8110,7 @@ function Modal({
       lockScroll,
       ...!text && { "aria-describedby": void 0 },
       children: [
-        withCloseButton && /* @__PURE__ */ jsx70(
+        withCloseButton && /* @__PURE__ */ jsx71(
           "button",
           {
             type: "button",
@@ -7883,14 +8120,14 @@ function Modal({
               "absolute right-4 top-4 z-10 rounded-full p-1 text-[var(--chekin-color-brand-blue)] hover:bg-[var(--chekin-neutral-50)]"
             ),
             "aria-label": "Close",
-            children: /* @__PURE__ */ jsx70(X4, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx71(X4, { className: "h-5 w-5" })
           }
         ),
-        (icon || iconSrc || iconProps?.src) && /* @__PURE__ */ jsx70("div", { className: cn("modal__icon mx-auto mt-4 select-none", iconClassName), children: icon ?? /* @__PURE__ */ jsx70("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
-        title ? /* @__PURE__ */ jsx70(DialogTitle, { className: cn("modal__title", "px-6 font-bold"), children: title }) : /* @__PURE__ */ jsx70(DialogVisuallyHidden, { children: /* @__PURE__ */ jsx70(DialogTitle, { children: "Dialog" }) }),
-        text && /* @__PURE__ */ jsx70(DialogDescription, { className: cn("modal__text", "text-base"), children: text }),
+        (icon || iconSrc || iconProps?.src) && /* @__PURE__ */ jsx71("div", { className: cn("modal__icon mx-auto mt-4 select-none", iconClassName), children: icon ?? /* @__PURE__ */ jsx71("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
+        title ? /* @__PURE__ */ jsx71(DialogTitle, { className: cn("modal__title", "px-6 font-bold"), children: title }) : /* @__PURE__ */ jsx71(DialogVisuallyHidden, { children: /* @__PURE__ */ jsx71(DialogTitle, { children: "Dialog" }) }),
+        text && /* @__PURE__ */ jsx71(DialogDescription, { className: cn("modal__text", "text-base"), children: text }),
         children,
-        buttons && /* @__PURE__ */ jsx70(
+        buttons && /* @__PURE__ */ jsx71(
           "div",
           {
             className: cn(
@@ -7904,8 +8141,8 @@ function Modal({
     }
   ) });
 }
-var ModalButton = forwardRef29(
-  ({ children, size, className, ...props }, ref) => /* @__PURE__ */ jsx70(
+var ModalButton = forwardRef30(
+  ({ children, size, className, ...props }, ref) => /* @__PURE__ */ jsx71(
     Button,
     {
       ref,
@@ -7923,8 +8160,8 @@ Modal.displayName = "Modal";
 import { memo as memo3 } from "react";
 
 // src/circular-loader/CircularLoader.tsx
-import React22 from "react";
-import { jsx as jsx71, jsxs as jsxs44 } from "react/jsx-runtime";
+import React23 from "react";
+import { jsx as jsx72, jsxs as jsxs45 } from "react/jsx-runtime";
 var loaderSizePixels = {
   sm: 16,
   md: 32,
@@ -7939,7 +8176,7 @@ var labelSizeClassName = {
   xl: "text-base",
   "2xl": "text-base"
 };
-var CircularLoader = React22.memo(
+var CircularLoader = React23.memo(
   ({
     visible = true,
     size = "md",
@@ -7950,7 +8187,7 @@ var CircularLoader = React22.memo(
     className
   }) => {
     if (!visible) return null;
-    return /* @__PURE__ */ jsxs44(
+    return /* @__PURE__ */ jsxs45(
       "div",
       {
         className: cn(
@@ -7960,7 +8197,7 @@ var CircularLoader = React22.memo(
         ),
         role: "progressbar",
         children: [
-          /* @__PURE__ */ jsxs44(
+          /* @__PURE__ */ jsxs45(
             "svg",
             {
               viewBox: "25 25 50 50",
@@ -7970,7 +8207,7 @@ var CircularLoader = React22.memo(
                 height: toCssSize(height ?? width ?? loaderSizePixels[size])
               },
               children: [
-                /* @__PURE__ */ jsx71(
+                /* @__PURE__ */ jsx72(
                   "circle",
                   {
                     r: "20",
@@ -7980,7 +8217,7 @@ var CircularLoader = React22.memo(
                     strokeWidth: "7"
                   }
                 ),
-                /* @__PURE__ */ jsxs44(
+                /* @__PURE__ */ jsxs45(
                   "circle",
                   {
                     r: "20",
@@ -7992,7 +8229,7 @@ var CircularLoader = React22.memo(
                     strokeLinecap: "round",
                     strokeWidth: "7",
                     children: [
-                      /* @__PURE__ */ jsx71(
+                      /* @__PURE__ */ jsx72(
                         "animateTransform",
                         {
                           attributeName: "transform",
@@ -8003,7 +8240,7 @@ var CircularLoader = React22.memo(
                           type: "rotate"
                         }
                       ),
-                      /* @__PURE__ */ jsx71(
+                      /* @__PURE__ */ jsx72(
                         "animate",
                         {
                           attributeName: "stroke-dasharray",
@@ -8015,7 +8252,7 @@ var CircularLoader = React22.memo(
                           values: "1 200;90 200;90 200"
                         }
                       ),
-                      /* @__PURE__ */ jsx71(
+                      /* @__PURE__ */ jsx72(
                         "animate",
                         {
                           attributeName: "stroke-dashoffset",
@@ -8033,7 +8270,7 @@ var CircularLoader = React22.memo(
               ]
             }
           ),
-          label && /* @__PURE__ */ jsx71(
+          label && /* @__PURE__ */ jsx72(
             "div",
             {
               className: cn(
@@ -8051,8 +8288,8 @@ var CircularLoader = React22.memo(
 CircularLoader.displayName = "CircularLoader";
 
 // src/modal-loader/ModalLoader.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
-var ModalLoader = memo3(({ visible, className }) => /* @__PURE__ */ jsx72(
+import { jsx as jsx73 } from "react/jsx-runtime";
+var ModalLoader = memo3(({ visible, className }) => /* @__PURE__ */ jsx73(
   "div",
   {
     className: cn(
@@ -8060,17 +8297,17 @@ var ModalLoader = memo3(({ visible, className }) => /* @__PURE__ */ jsx72(
       visible ? "flex" : "hidden",
       className
     ),
-    children: /* @__PURE__ */ jsx72("div", { className: "mb-[60px]", children: /* @__PURE__ */ jsx72(CircularLoader, { size: "lg", className: "[--circular-loader-color:#475569]" }) })
+    children: /* @__PURE__ */ jsx73("div", { className: "mb-[60px]", children: /* @__PURE__ */ jsx73(CircularLoader, { size: "lg", className: "[--circular-loader-color:#475569]" }) })
   }
 ));
 ModalLoader.displayName = "ModalLoader";
 
 // src/numbered-list/NumberedList.tsx
 import { Children as Children3 } from "react";
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var NumberedList = ({ children, className, itemClassName }) => {
   const items = Array.isArray(children) ? Children3.toArray(children) : [children];
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     "ol",
     {
       className: cn(
@@ -8078,7 +8315,7 @@ var NumberedList = ({ children, className, itemClassName }) => {
         className
       ),
       type: "1",
-      children: items.map((child, index) => /* @__PURE__ */ jsx73(
+      children: items.map((child, index) => /* @__PURE__ */ jsx74(
         "li",
         {
           className: cn(
@@ -8089,7 +8326,7 @@ var NumberedList = ({ children, className, itemClassName }) => {
             before:text-[var(--numbered-list-marker-text)] before:content-[counter(item)]`,
             itemClassName
           ),
-          children: /* @__PURE__ */ jsx73("div", { children: child })
+          children: /* @__PURE__ */ jsx74("div", { children: child })
         },
         index
       ))
@@ -8099,7 +8336,7 @@ var NumberedList = ({ children, className, itemClassName }) => {
 
 // src/overlay-loader/OverlayLoader.tsx
 import { useTranslation as useTranslation11 } from "react-i18next";
-import { jsx as jsx74, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs46 } from "react/jsx-runtime";
 function OverlayLoader({
   isLoading,
   children,
@@ -8111,16 +8348,16 @@ function OverlayLoader({
 }) {
   const { t } = useTranslation11();
   const resolvedLabel = label || t("loading");
-  return /* @__PURE__ */ jsxs45("div", { className: cn("relative", className), children: [
+  return /* @__PURE__ */ jsxs46("div", { className: cn("relative", className), children: [
     children,
-    isLoading && /* @__PURE__ */ jsx74(
+    isLoading && /* @__PURE__ */ jsx75(
       "div",
       {
         className: cn(
           "absolute inset-0 flex items-center justify-center bg-[rgb(255_255_255_/_0.6)]",
           overlayClassName
         ),
-        children: /* @__PURE__ */ jsx74(
+        children: /* @__PURE__ */ jsx75(
           CircularLoader,
           {
             size: loaderSize,
@@ -8138,13 +8375,13 @@ import { useTranslation as useTranslation12 } from "react-i18next";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight4, ChevronsLeft, ChevronsRight } from "lucide-react";
 
 // src/legacy-fields/select/Select.tsx
-import { forwardRef as forwardRef31, useId as useId4, useState as useState24 } from "react";
+import { forwardRef as forwardRef32, useId as useId4, useState as useState25 } from "react";
 
 // src/legacy-fields/select/components.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx75, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs47 } from "react/jsx-runtime";
 var LegacySelectRoot = SelectPrimitive.Root;
 var LegacySelectGroup = SelectPrimitive.Group;
 var LegacySelectValue = SelectPrimitive.Value;
@@ -8153,7 +8390,7 @@ var selectSizeClassNames = {
   sm: "text-sm",
   md: "text-base"
 };
-var LegacySelectTrigger = React23.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs46(
+var LegacySelectTrigger = React24.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs47(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -8168,7 +8405,7 @@ var LegacySelectTrigger = React23.forwardRef(({ className, children, size = "sm"
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx75(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsx76(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx76(
         ChevronDownIcon,
         {
           size: 16,
@@ -8180,27 +8417,27 @@ var LegacySelectTrigger = React23.forwardRef(({ className, children, size = "sm"
   }
 ));
 LegacySelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var LegacySelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx75(
+var LegacySelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx75(ChevronUpIcon, { size: 16, strokeWidth: 2 })
+    children: /* @__PURE__ */ jsx76(ChevronUpIcon, { size: 16, strokeWidth: 2 })
   }
 ));
 LegacySelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var LegacySelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx75(
+var LegacySelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx75(ChevronDownIcon, { size: 16, strokeWidth: 2 })
+    children: /* @__PURE__ */ jsx76(ChevronDownIcon, { size: 16, strokeWidth: 2 })
   }
 ));
 LegacySelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var LegacySelectContent = React23.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx75(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs46(
+var LegacySelectContent = React24.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx76(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs47(
   SelectPrimitive.Content,
   {
     ref,
@@ -8218,8 +8455,8 @@ var LegacySelectContent = React23.forwardRef(({ className, children, position =
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx75(LegacySelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsx76(LegacySelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx76(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -8229,12 +8466,12 @@ var LegacySelectContent = React23.forwardRef(({ className, children, position =
           children
         }
       ),
-      /* @__PURE__ */ jsx75(LegacySelectScrollDownButton, {})
+      /* @__PURE__ */ jsx76(LegacySelectScrollDownButton, {})
     ]
   }
 ) }));
 LegacySelectContent.displayName = SelectPrimitive.Content.displayName;
-var LegacySelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx75(
+var LegacySelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   SelectPrimitive.Label,
   {
     ref,
@@ -8246,7 +8483,7 @@ var LegacySelectLabel = React23.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 LegacySelectLabel.displayName = SelectPrimitive.Label.displayName;
-var LegacySelectItem = React23.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs46(
+var LegacySelectItem = React24.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs47(
   SelectPrimitive.Item,
   {
     ref,
@@ -8260,13 +8497,13 @@ var LegacySelectItem = React23.forwardRef(({ className, children, size = "sm", .
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx75("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx75(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx75(CheckIcon, { size: 16, strokeWidth: 2 }) }) }),
-      /* @__PURE__ */ jsx75(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx76("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx76(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx76(CheckIcon, { size: 16, strokeWidth: 2 }) }) }),
+      /* @__PURE__ */ jsx76(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 LegacySelectItem.displayName = SelectPrimitive.Item.displayName;
-var LegacySelectSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx75(
+var LegacySelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   SelectPrimitive.Separator,
   {
     ref,
@@ -8277,7 +8514,7 @@ var LegacySelectSeparator = React23.forwardRef(({ className, ...props }, ref) =>
 LegacySelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/legacy-fields/select/Select.tsx
-import { jsx as jsx76, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs48 } from "react/jsx-runtime";
 var LegacySelectInner = ({
   placeholder,
   label,
@@ -8295,7 +8532,7 @@ var LegacySelectInner = ({
   disabled
 }, ref) => {
   const id = useId4();
-  const [isOpen, setIsOpen] = useState24(false);
+  const [isOpen, setIsOpen] = useState25(false);
   const hasValue = Boolean(value);
   const showLabel = hasValue || isOpen;
   const handleValueChange = (newValue) => {
@@ -8305,8 +8542,8 @@ var LegacySelectInner = ({
   const handleOpenChange = (open) => {
     setIsOpen(open);
   };
-  return /* @__PURE__ */ jsxs47("div", { className: cn("group relative w-[300px]", className, containerClassName), children: [
-    label && showLabel && /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsxs48("div", { className: cn("group relative w-[300px]", className, containerClassName), children: [
+    label && showLabel && /* @__PURE__ */ jsx77(
       "label",
       {
         htmlFor: id,
@@ -8314,7 +8551,7 @@ var LegacySelectInner = ({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxs47(
+    /* @__PURE__ */ jsxs48(
       LegacySelectRoot,
       {
         value,
@@ -8322,8 +8559,8 @@ var LegacySelectInner = ({
         onOpenChange: handleOpenChange,
         disabled,
         children: [
-          /* @__PURE__ */ jsx76(LegacySelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ jsx76(LegacySelectValue, { placeholder }) }),
-          /* @__PURE__ */ jsx76(LegacySelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ jsx76(
+          /* @__PURE__ */ jsx77(LegacySelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ jsx77(LegacySelectValue, { placeholder }) }),
+          /* @__PURE__ */ jsx77(LegacySelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ jsx77(
             LegacySelectItem,
             {
               value: String(option.value),
@@ -8336,21 +8573,21 @@ var LegacySelectInner = ({
         ]
       }
     ),
-    Boolean(supportingText || errorText) && /* @__PURE__ */ jsxs47("div", { className: "flex min-h-[15px] justify-between pt-1", children: [
-      supportingText && !errorText && /* @__PURE__ */ jsx76("span", { className: "text-xs italic leading-[15px] text-[var(--chekin-color-gray-1)]", children: supportingText }),
-      errorText && /* @__PURE__ */ jsx76("span", { className: "ml-auto text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: errorText })
+    Boolean(supportingText || errorText) && /* @__PURE__ */ jsxs48("div", { className: "flex min-h-[15px] justify-between pt-1", children: [
+      supportingText && !errorText && /* @__PURE__ */ jsx77("span", { className: "text-xs italic leading-[15px] text-[var(--chekin-color-gray-1)]", children: supportingText }),
+      errorText && /* @__PURE__ */ jsx77("span", { className: "ml-auto text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: errorText })
     ] })
   ] });
 };
-var LegacySelectForward = forwardRef31(LegacySelectInner);
+var LegacySelectForward = forwardRef32(LegacySelectInner);
 LegacySelectForward.displayName = "LegacySelect";
 var LegacySelect = LegacySelectForward;
 
 // src/legacy-fields/select/MultiSelect.tsx
 import * as SelectPrimitive2 from "@radix-ui/react-select";
 import { CheckIcon as CheckIcon2 } from "lucide-react";
-import { forwardRef as forwardRef32, useId as useId5, useState as useState25 } from "react";
-import { jsx as jsx77, jsxs as jsxs48 } from "react/jsx-runtime";
+import { forwardRef as forwardRef33, useId as useId5, useState as useState26 } from "react";
+import { jsx as jsx78, jsxs as jsxs49 } from "react/jsx-runtime";
 var LegacyMultiSelectInner = ({
   label,
   value = [],
@@ -8361,7 +8598,7 @@ var LegacyMultiSelectInner = ({
   disabled
 }, ref) => {
   const id = useId5();
-  const [open, setOpen] = useState25(false);
+  const [open, setOpen] = useState26(false);
   const hasValue = value.length > 0;
   const showLabel = hasValue || open;
   const handleSelect = (selectedValue) => {
@@ -8377,8 +8614,8 @@ var LegacyMultiSelectInner = ({
     return value.some((v) => String(v) === String(optionValue));
   };
   const displayText = value.length > 0 ? `${value.length} selected` : placeholder || "Select options";
-  return /* @__PURE__ */ jsxs48("div", { ref, className: cn("group relative w-[300px]", className), children: [
-    label && showLabel && /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsxs49("div", { ref, className: cn("group relative w-[300px]", className), children: [
+    label && showLabel && /* @__PURE__ */ jsx78(
       "label",
       {
         htmlFor: id,
@@ -8386,7 +8623,7 @@ var LegacyMultiSelectInner = ({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxs48(
+    /* @__PURE__ */ jsxs49(
       SelectPrimitive2.Root,
       {
         open,
@@ -8394,11 +8631,11 @@ var LegacyMultiSelectInner = ({
         value: "",
         disabled,
         children: [
-          /* @__PURE__ */ jsx77(LegacySelectTrigger, { id, children: /* @__PURE__ */ jsx77("span", { className: "text-sm", children: displayText }) }),
-          /* @__PURE__ */ jsx77(LegacySelectContent, { children: options?.map(({ value: optionValue, label: optionLabel }) => {
+          /* @__PURE__ */ jsx78(LegacySelectTrigger, { id, children: /* @__PURE__ */ jsx78("span", { className: "text-sm", children: displayText }) }),
+          /* @__PURE__ */ jsx78(LegacySelectContent, { children: options?.map(({ value: optionValue, label: optionLabel }) => {
             const stringValue = String(optionValue);
             const selected = isSelected(optionValue);
-            return /* @__PURE__ */ jsxs48(
+            return /* @__PURE__ */ jsxs49(
               "div",
               {
                 role: "option",
@@ -8413,8 +8650,8 @@ var LegacyMultiSelectInner = ({
                   selected && "bg-[var(--chekin-gray-50)]"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx77("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: selected && /* @__PURE__ */ jsx77(CheckIcon2, { size: 16, strokeWidth: 2 }) }),
-                  /* @__PURE__ */ jsx77("span", { children: optionLabel })
+                  /* @__PURE__ */ jsx78("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: selected && /* @__PURE__ */ jsx78(CheckIcon2, { size: 16, strokeWidth: 2 }) }),
+                  /* @__PURE__ */ jsx78("span", { children: optionLabel })
                 ]
               },
               stringValue
@@ -8425,12 +8662,12 @@ var LegacyMultiSelectInner = ({
     )
   ] });
 };
-var LegacyMultiSelect = forwardRef32(LegacyMultiSelectInner);
+var LegacyMultiSelect = forwardRef33(LegacyMultiSelectInner);
 
 // src/legacy-fields/select/InfinitySelect.tsx
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { useCallback as useCallback22, useEffect as useEffect26, useId as useId6, useRef as useRef19, useState as useState26 } from "react";
-import { jsx as jsx78, jsxs as jsxs49 } from "react/jsx-runtime";
+import { useCallback as useCallback23, useEffect as useEffect26, useId as useId6, useRef as useRef20, useState as useState27 } from "react";
+import { jsx as jsx79, jsxs as jsxs50 } from "react/jsx-runtime";
 function LegacyInfinitySelect({
   label,
   className,
@@ -8445,15 +8682,15 @@ function LegacyInfinitySelect({
   maxHeight = 300
 }) {
   const id = useId6();
-  const parentRef = useRef19(null);
-  const [isOpen, setIsOpen] = useState26(false);
+  const parentRef = useRef20(null);
+  const [isOpen, setIsOpen] = useState27(false);
   const virtualizer = useVirtualizer({
     count: hasNextPage ? options.length + 1 : options.length,
     getScrollElement: () => parentRef.current,
     estimateSize: () => itemHeight,
     overscan: 5
   });
-  const loadMore = useCallback22(() => {
+  const loadMore = useCallback23(() => {
     if (hasNextPage && !isFetchingNextPage) {
       fetchNextPage();
     }
@@ -8470,8 +8707,8 @@ function LegacyInfinitySelect({
     onValueChange?.(selectedValue);
     setIsOpen(false);
   };
-  return /* @__PURE__ */ jsxs49("div", { className: cn("group relative min-w-[300px]", className), children: [
-    /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsxs50("div", { className: cn("group relative min-w-[300px]", className), children: [
+    /* @__PURE__ */ jsx79(
       "label",
       {
         htmlFor: id,
@@ -8479,7 +8716,7 @@ function LegacyInfinitySelect({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxs49(
+    /* @__PURE__ */ jsxs50(
       LegacySelectRoot,
       {
         value,
@@ -8487,8 +8724,8 @@ function LegacyInfinitySelect({
         open: isOpen,
         onOpenChange: setIsOpen,
         children: [
-          /* @__PURE__ */ jsx78(LegacySelectTrigger, { id, children: /* @__PURE__ */ jsx78(LegacySelectValue, { placeholder }) }),
-          /* @__PURE__ */ jsx78(LegacySelectContent, { children: /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(LegacySelectTrigger, { id, children: /* @__PURE__ */ jsx79(LegacySelectValue, { placeholder }) }),
+          /* @__PURE__ */ jsx79(LegacySelectContent, { children: /* @__PURE__ */ jsx79(
             "div",
             {
               ref: parentRef,
@@ -8496,7 +8733,7 @@ function LegacyInfinitySelect({
                 height: `${Math.min(maxHeight, virtualizer.getTotalSize())}px`,
                 overflow: "auto"
               },
-              children: /* @__PURE__ */ jsx78(
+              children: /* @__PURE__ */ jsx79(
                 "div",
                 {
                   style: {
@@ -8507,7 +8744,7 @@ function LegacyInfinitySelect({
                   children: virtualizer.getVirtualItems().map((virtualItem) => {
                     const isLoading = virtualItem.index >= options.length;
                     const option = options[virtualItem.index];
-                    return /* @__PURE__ */ jsx78(
+                    return /* @__PURE__ */ jsx79(
                       "div",
                       {
                         style: {
@@ -8518,10 +8755,10 @@ function LegacyInfinitySelect({
                           height: `${virtualItem.size}px`,
                           transform: `translateY(${virtualItem.start}px)`
                         },
-                        children: isLoading || !option ? /* @__PURE__ */ jsx78("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2 text-sm text-[var(--chekin-color-gray-1)]", children: [
-                          /* @__PURE__ */ jsx78("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+                        children: isLoading || !option ? /* @__PURE__ */ jsx79("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-2 text-sm text-[var(--chekin-color-gray-1)]", children: [
+                          /* @__PURE__ */ jsx79("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
                           "Loading more..."
-                        ] }) }) : /* @__PURE__ */ jsx78(
+                        ] }) }) : /* @__PURE__ */ jsx79(
                           LegacySelectItem,
                           {
                             value: String(option.value),
@@ -8544,7 +8781,7 @@ function LegacyInfinitySelect({
 }
 
 // src/pagination/Pagination.tsx
-import { jsx as jsx79, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs51 } from "react/jsx-runtime";
 var pageSizeOptions = [10, 20, 25, 30, 40, 50];
 function Pagination({
   page,
@@ -8583,7 +8820,7 @@ function Pagination({
   if (totalItems === 0 || !shouldShowPagination) {
     return null;
   }
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     "div",
     {
       className: cn(
@@ -8591,24 +8828,24 @@ function Pagination({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx79("div", { className: "mr-auto flex-1 self-start font-medium text-[var(--chekin-color-gray-1)] sm:self-center", children: getInfoText() }),
-        /* @__PURE__ */ jsxs50("div", { className: "ml-auto flex w-full items-center gap-8 sm:w-fit", children: [
-          !isSimpleVariant && showPageSizeSelector && /* @__PURE__ */ jsxs50("div", { className: "hidden items-center gap-2 sm:flex", children: [
-            /* @__PURE__ */ jsx79("p", { className: "font-medium text-[var(--chekin-color-gray-1)]", children: t("rows_per_page") }),
-            /* @__PURE__ */ jsx79(
+        /* @__PURE__ */ jsx80("div", { className: "mr-auto flex-1 self-start font-medium text-[var(--chekin-color-gray-1)] sm:self-center", children: getInfoText() }),
+        /* @__PURE__ */ jsxs51("div", { className: "ml-auto flex w-full items-center gap-8 sm:w-fit", children: [
+          !isSimpleVariant && showPageSizeSelector && /* @__PURE__ */ jsxs51("div", { className: "hidden items-center gap-2 sm:flex", children: [
+            /* @__PURE__ */ jsx80("p", { className: "font-medium text-[var(--chekin-color-gray-1)]", children: t("rows_per_page") }),
+            /* @__PURE__ */ jsx80(
               LegacySelect,
               {
                 value: pageSize.toString(),
                 onValueChange: (value) => onPageSizeChange(parseInt(value, 10)),
                 triggerClassName: "h-8 w-[67px]",
                 containerClassName: "w-[67px] gap-0",
-                children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx79(LegacySelectItem, { value: size.toString(), children: size }, size))
+                children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx80(LegacySelectItem, { value: size.toString(), children: size }, size))
               }
             )
           ] }),
-          !isSimpleVariant && /* @__PURE__ */ jsx79("div", { className: "flex w-fit items-center justify-center font-medium", children: t("page_of_pages", { page, pages }) }),
-          /* @__PURE__ */ jsxs50("div", { className: "ml-auto flex items-center gap-2 sm:ml-0", children: [
-            !isSimpleVariant && /* @__PURE__ */ jsxs50(
+          !isSimpleVariant && /* @__PURE__ */ jsx80("div", { className: "flex w-fit items-center justify-center font-medium", children: t("page_of_pages", { page, pages }) }),
+          /* @__PURE__ */ jsxs51("div", { className: "ml-auto flex items-center gap-2 sm:ml-0", children: [
+            !isSimpleVariant && /* @__PURE__ */ jsxs51(
               Button,
               {
                 variant: "outline",
@@ -8617,12 +8854,12 @@ function Pagination({
                 onClick: goToFirstPage,
                 disabled: !canGoPrevious,
                 children: [
-                  /* @__PURE__ */ jsx79("span", { className: "sr-only hidden", children: t("go_to_first_page") }),
-                  /* @__PURE__ */ jsx79(ChevronsLeft, {})
+                  /* @__PURE__ */ jsx80("span", { className: "sr-only hidden", children: t("go_to_first_page") }),
+                  /* @__PURE__ */ jsx80(ChevronsLeft, {})
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs50(
+            /* @__PURE__ */ jsxs51(
               Button,
               {
                 variant: isSimpleVariant ? "link" : "outline",
@@ -8633,12 +8870,12 @@ function Pagination({
                 onClick: goToPreviousPage,
                 disabled: !canGoPrevious,
                 children: [
-                  /* @__PURE__ */ jsx79("span", { className: "sr-only hidden", children: t("go_to_previous_page") }),
-                  /* @__PURE__ */ jsx79(ChevronLeft2, {})
+                  /* @__PURE__ */ jsx80("span", { className: "sr-only hidden", children: t("go_to_previous_page") }),
+                  /* @__PURE__ */ jsx80(ChevronLeft2, {})
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs50(
+            /* @__PURE__ */ jsxs51(
               Button,
               {
                 variant: isSimpleVariant ? "link" : "outline",
@@ -8649,12 +8886,12 @@ function Pagination({
                 onClick: goToNextPage,
                 disabled: !canGoNext,
                 children: [
-                  /* @__PURE__ */ jsx79("span", { className: "sr-only hidden", children: t("go_to_next_page") }),
-                  /* @__PURE__ */ jsx79(ChevronRight4, {})
+                  /* @__PURE__ */ jsx80("span", { className: "sr-only hidden", children: t("go_to_next_page") }),
+                  /* @__PURE__ */ jsx80(ChevronRight4, {})
                 ]
               }
             ),
-            !isSimpleVariant && /* @__PURE__ */ jsxs50(
+            !isSimpleVariant && /* @__PURE__ */ jsxs51(
               Button,
               {
                 variant: "outline",
@@ -8663,8 +8900,8 @@ function Pagination({
                 onClick: goToLastPage,
                 disabled: !canGoNext,
                 children: [
-                  /* @__PURE__ */ jsx79("span", { className: "sr-only hidden", children: t("go_to_last_page") }),
-                  /* @__PURE__ */ jsx79(ChevronsRight, {})
+                  /* @__PURE__ */ jsx80("span", { className: "sr-only hidden", children: t("go_to_last_page") }),
+                  /* @__PURE__ */ jsx80(ChevronsRight, {})
                 ]
               }
             )
@@ -8676,15 +8913,15 @@ function Pagination({
 }
 
 // src/popover/Popover.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import * as RadixPopover from "@radix-ui/react-popover";
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var Popover = RadixPopover.Root;
 var PopoverTrigger = RadixPopover.Trigger;
 var PopoverAnchor = RadixPopover.Anchor;
 var PopoverPortal = RadixPopover.Portal;
 var PopoverClose = RadixPopover.Close;
-var PopoverContent = React24.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ jsx80(RadixPopover.Portal, { children: /* @__PURE__ */ jsx80(
+var PopoverContent = React25.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ jsx81(RadixPopover.Portal, { children: /* @__PURE__ */ jsx81(
   RadixPopover.Content,
   {
     ref,
@@ -8704,7 +8941,7 @@ PopoverContent.displayName = "PopoverContent";
 // src/popover/PopoverWithTooltip.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as TooltipPrimitive2 from "@radix-ui/react-tooltip";
-import { jsx as jsx81, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs52 } from "react/jsx-runtime";
 function PopoverWithTooltip({
   children,
   popoverContent,
@@ -8714,10 +8951,10 @@ function PopoverWithTooltip({
   popoverContentClassName,
   tooltipVariant = "light"
 }) {
-  return /* @__PURE__ */ jsx81(TooltipPrimitive2.Provider, { delayDuration: 0, children: /* @__PURE__ */ jsxs51(TooltipPrimitive2.Root, { open: open ? false : void 0, children: [
-    /* @__PURE__ */ jsxs51(PopoverPrimitive.Root, { open, onOpenChange, children: [
-      /* @__PURE__ */ jsx81(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx81(PopoverPrimitive.Trigger, { asChild: true, children }) }),
-      /* @__PURE__ */ jsx81(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(TooltipPrimitive2.Provider, { delayDuration: 0, children: /* @__PURE__ */ jsxs52(TooltipPrimitive2.Root, { open: open ? false : void 0, children: [
+    /* @__PURE__ */ jsxs52(PopoverPrimitive.Root, { open, onOpenChange, children: [
+      /* @__PURE__ */ jsx82(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx82(PopoverPrimitive.Trigger, { asChild: true, children }) }),
+      /* @__PURE__ */ jsx82(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx82(
         PopoverPrimitive.Content,
         {
           align: "center",
@@ -8735,7 +8972,7 @@ function PopoverWithTooltip({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx81(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ jsxs51(
+    /* @__PURE__ */ jsx82(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ jsxs52(
       TooltipPrimitive2.Content,
       {
         sideOffset: 5,
@@ -8752,7 +8989,7 @@ function PopoverWithTooltip({
         ),
         children: [
           tooltipContent,
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx82(
             TooltipPrimitive2.Arrow,
             {
               className: cn(
@@ -8771,13 +9008,13 @@ function PopoverWithTooltip({
 }
 
 // src/radio/Radio.tsx
-import { forwardRef as forwardRef35 } from "react";
+import { forwardRef as forwardRef36 } from "react";
 
 // src/radio-group/RadioGroup.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { jsx as jsx82 } from "react/jsx-runtime";
-var RadioGroup2 = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx82(
+import { jsx as jsx83 } from "react/jsx-runtime";
+var RadioGroup2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -8796,7 +9033,7 @@ var indicatorSizeClasses = {
   m: "h-2.5 w-2.5",
   l: "h-3 w-3"
 };
-var RadioGroupItem = React25.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ jsx82(
+var RadioGroupItem = React26.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ jsx83(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -8809,7 +9046,7 @@ var RadioGroupItem = React25.forwardRef(({ className, size = "default", ...props
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx82(
+    children: /* @__PURE__ */ jsx83(
       RadioGroupPrimitive.Indicator,
       {
         className: cn(
@@ -8823,18 +9060,18 @@ var RadioGroupItem = React25.forwardRef(({ className, size = "default", ...props
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/radio/useRadioOptions.ts
-import { useCallback as useCallback23, useEffect as useEffect27, useState as useState27 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect27, useState as useState28 } from "react";
 function getSelectedValue(options, defaultValue) {
   return (typeof defaultValue === "string" ? options.find((option) => option.value === defaultValue) : defaultValue) || "";
 }
 function useRadioOptions({ options, defaultValue, onChange }) {
-  const [selectedValue, setSelectedValue] = useState27(
+  const [selectedValue, setSelectedValue] = useState28(
     () => getSelectedValue(options, defaultValue)
   );
   useEffect27(() => {
     setSelectedValue(getSelectedValue(options, defaultValue));
   }, [defaultValue, options]);
-  const handleValueChange = useCallback23(
+  const handleValueChange = useCallback24(
     (value) => {
       setSelectedValue(value);
       const selectedOption = options.find((option) => option.value === value) || "";
@@ -8851,8 +9088,8 @@ function useRadioOptions({ options, defaultValue, onChange }) {
 }
 
 // src/radio/Radio.tsx
-import { Fragment as Fragment8, jsx as jsx83, jsxs as jsxs52 } from "react/jsx-runtime";
-var Radio = forwardRef35(
+import { Fragment as Fragment8, jsx as jsx84, jsxs as jsxs53 } from "react/jsx-runtime";
+var Radio = forwardRef36(
   ({
     options,
     value,
@@ -8874,8 +9111,8 @@ var Radio = forwardRef35(
       }
       return option.value === selectedValue;
     };
-    return /* @__PURE__ */ jsxs52(Fragment8, { children: [
-      /* @__PURE__ */ jsx83(
+    return /* @__PURE__ */ jsxs53(Fragment8, { children: [
+      /* @__PURE__ */ jsx84(
         RadioGroup2,
         {
           ref,
@@ -8883,7 +9120,7 @@ var Radio = forwardRef35(
           onValueChange: handleValueChange,
           className: cn(className, "radio"),
           disabled,
-          children: options.map((option) => /* @__PURE__ */ jsx83(
+          children: options.map((option) => /* @__PURE__ */ jsx84(
             "label",
             {
               className: cn(
@@ -8891,8 +9128,8 @@ var Radio = forwardRef35(
                 "flex cursor-pointer items-center gap-2 transition-all duration-200",
                 (disabled || option.disabled) && "cursor-default opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
               ),
-              children: renderOption ? renderOption({ option, isSelected: getIsSelected(option) }) : /* @__PURE__ */ jsxs52(Fragment8, { children: [
-                /* @__PURE__ */ jsx83(
+              children: renderOption ? renderOption({ option, isSelected: getIsSelected(option) }) : /* @__PURE__ */ jsxs53(Fragment8, { children: [
+                /* @__PURE__ */ jsx84(
                   RadioGroupItem,
                   {
                     value: option.value,
@@ -8902,29 +9139,29 @@ var Radio = forwardRef35(
                     className: "radio__indicator"
                   }
                 ),
-                /* @__PURE__ */ jsx83("p", { className: "radio_label", children: option.label })
+                /* @__PURE__ */ jsx84("p", { className: "radio_label", children: option.label })
               ] })
             },
             option.value
           ))
         }
       ),
-      error && /* @__PURE__ */ jsx83(ErrorMessage, { children: error })
+      error && /* @__PURE__ */ jsx84(ErrorMessage, { children: error })
     ] });
   }
 );
 Radio.displayName = "Radio";
 
 // src/radio/RadioWithBorder.tsx
-import { jsx as jsx84, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs54 } from "react/jsx-runtime";
 function RadioWithBorder({ size, ...props }) {
-  return /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx85(
     Radio,
     {
       ...props,
       renderOption: ({ option, isSelected }) => {
         const data = option.data;
-        return /* @__PURE__ */ jsxs53(
+        return /* @__PURE__ */ jsxs54(
           "div",
           {
             className: cn(
@@ -8932,7 +9169,7 @@ function RadioWithBorder({ size, ...props }) {
               isSelected && "border-[var(--chekin-color-brand-blue)] bg-[var(--chekin-color-surface-autocomplete)]"
             ),
             children: [
-              /* @__PURE__ */ jsx84(
+              /* @__PURE__ */ jsx85(
                 RadioGroupItem,
                 {
                   className: "mt-1",
@@ -8942,15 +9179,15 @@ function RadioWithBorder({ size, ...props }) {
                   size
                 }
               ),
-              /* @__PURE__ */ jsxs53("div", { className: "flex min-w-0 flex-1 items-start justify-between gap-3", children: [
-                /* @__PURE__ */ jsxs53("div", { className: "min-w-0 space-y-1 leading-6", children: [
-                  /* @__PURE__ */ jsxs53("p", { className: "flex items-center gap-3 font-semibold", children: [
+              /* @__PURE__ */ jsxs54("div", { className: "flex min-w-0 flex-1 items-start justify-between gap-3", children: [
+                /* @__PURE__ */ jsxs54("div", { className: "min-w-0 space-y-1 leading-6", children: [
+                  /* @__PURE__ */ jsxs54("p", { className: "flex items-center gap-3 font-semibold", children: [
                     option.label,
-                    data?.subLabel && /* @__PURE__ */ jsx84("span", { className: "rounded bg-[color-mix(in_srgb,var(--chekin-color-brand-blue)_10%,transparent)] px-2 py-1 text-sm font-semibold leading-4 text-[var(--chekin-color-brand-blue)]", children: data.subLabel })
+                    data?.subLabel && /* @__PURE__ */ jsx85("span", { className: "rounded bg-[color-mix(in_srgb,var(--chekin-color-brand-blue)_10%,transparent)] px-2 py-1 text-sm font-semibold leading-4 text-[var(--chekin-color-brand-blue)]", children: data.subLabel })
                   ] }),
-                  data?.description && /* @__PURE__ */ jsx84("p", { className: "text-sm font-medium text-[var(--chekin-color-gray-1)]", children: data.description })
+                  data?.description && /* @__PURE__ */ jsx85("p", { className: "text-sm font-medium text-[var(--chekin-color-gray-1)]", children: data.description })
                 ] }),
-                data?.rightContent && /* @__PURE__ */ jsx84("div", { className: "shrink-0", children: data.rightContent })
+                data?.rightContent && /* @__PURE__ */ jsx85("div", { className: "shrink-0", children: data.rightContent })
               ] })
             ]
           }
@@ -8961,12 +9198,12 @@ function RadioWithBorder({ size, ...props }) {
 }
 
 // src/radio-cards-group/RadioCardsGroup.tsx
-import { forwardRef as forwardRef36, memo as memo4, useEffect as useEffect28 } from "react";
-import { Fragment as Fragment9, jsx as jsx85, jsxs as jsxs54 } from "react/jsx-runtime";
+import { forwardRef as forwardRef37, memo as memo4, useEffect as useEffect28 } from "react";
+import { Fragment as Fragment9, jsx as jsx86, jsxs as jsxs55 } from "react/jsx-runtime";
 var isValueSelectOption = (value) => {
   return value?.value !== void 0;
 };
-var RadioCardsGroup = forwardRef36(
+var RadioCardsGroup = forwardRef37(
   ({
     options,
     onChange,
@@ -8994,8 +9231,8 @@ var RadioCardsGroup = forwardRef36(
       [defaultValue, onChange, options, value]
     );
     const currentValue = isValueSelectOption(value) ? value.value : value;
-    return /* @__PURE__ */ jsxs54(Fragment9, { children: [
-      /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsxs55(Fragment9, { children: [
+      /* @__PURE__ */ jsx86(
         Radio,
         {
           ref,
@@ -9005,7 +9242,7 @@ var RadioCardsGroup = forwardRef36(
           disabled,
           className: cn("flex flex-wrap gap-4", className),
           renderOption: ({ option, isSelected }) => {
-            return /* @__PURE__ */ jsxs54(
+            return /* @__PURE__ */ jsxs55(
               "div",
               {
                 className: cn(
@@ -9020,7 +9257,7 @@ var RadioCardsGroup = forwardRef36(
                   cardClassName
                 ),
                 children: [
-                  /* @__PURE__ */ jsx85("div", { children: /* @__PURE__ */ jsx85(
+                  /* @__PURE__ */ jsx86("div", { children: /* @__PURE__ */ jsx86(
                     RadioGroupItem,
                     {
                       value: option.value,
@@ -9028,8 +9265,8 @@ var RadioCardsGroup = forwardRef36(
                       disabled: disabled || option.disabled
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs54("div", { className: "w-full cursor-pointer", children: [
-                    /* @__PURE__ */ jsx85(
+                  /* @__PURE__ */ jsxs55("div", { className: "w-full cursor-pointer", children: [
+                    /* @__PURE__ */ jsx86(
                       "label",
                       {
                         htmlFor: `radio-${option.value}`,
@@ -9040,7 +9277,7 @@ var RadioCardsGroup = forwardRef36(
                         children: option.label
                       }
                     ),
-                    option.description && /* @__PURE__ */ jsx85("div", { className: "radioCardDescription mt-2", children: option.description })
+                    option.description && /* @__PURE__ */ jsx86("div", { className: "radioCardDescription mt-2", children: option.description })
                   ] })
                 ]
               }
@@ -9048,14 +9285,14 @@ var RadioCardsGroup = forwardRef36(
           }
         }
       ),
-      error && /* @__PURE__ */ jsx85("div", { className: "mt-2 text-left text-sm text-[var(--chekin-red-500)]", children: error })
+      error && /* @__PURE__ */ jsx86("div", { className: "mt-2 text-left text-sm text-[var(--chekin-red-500)]", children: error })
     ] });
   }
 );
 var MemoizedRadioCardsGroup = memo4(RadioCardsGroup);
 
 // src/rating-progress/RatingProgress.tsx
-import { jsx as jsx86, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs56 } from "react/jsx-runtime";
 var getRatingColor = (score, maxScore) => {
   const percentage = score / maxScore * 100;
   if (percentage === 0) return "var(--chekin-rating-0)";
@@ -9074,7 +9311,7 @@ function RatingProgress({
 }) {
   const percentage = Math.max(0, Math.min(100, score / maxScore * 100));
   const color = getRatingColor(score, maxScore);
-  return /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs56(
     "div",
     {
       className: cn(
@@ -9082,13 +9319,13 @@ function RatingProgress({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs55("div", { className: "flex w-full items-start justify-between text-sm font-medium leading-6", children: [
-          /* @__PURE__ */ jsx86("p", { className: "min-w-0 flex-1", children: label }),
-          /* @__PURE__ */ jsx86("p", { className: "shrink-0 whitespace-pre", children: score.toFixed(1) })
+        /* @__PURE__ */ jsxs56("div", { className: "flex w-full items-start justify-between text-sm font-medium leading-6", children: [
+          /* @__PURE__ */ jsx87("p", { className: "min-w-0 flex-1", children: label }),
+          /* @__PURE__ */ jsx87("p", { className: "shrink-0 whitespace-pre", children: score.toFixed(1) })
         ] }),
-        /* @__PURE__ */ jsxs55("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ jsx86("div", { className: "h-1.5 w-full rounded-[24px] bg-[var(--chekin-color-gray-3)]" }),
-          /* @__PURE__ */ jsx86(
+        /* @__PURE__ */ jsxs56("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ jsx87("div", { className: "h-1.5 w-full rounded-[24px] bg-[var(--chekin-color-gray-3)]" }),
+          /* @__PURE__ */ jsx87(
             "div",
             {
               className: "absolute left-0 top-0 h-1.5 rounded-[24px] transition-all duration-300 ease-out",
@@ -9120,7 +9357,7 @@ function useRatingRadioGroupContext() {
 
 // src/rating-radio-group/RatingRadioGroupItem.tsx
 import { Star } from "lucide-react";
-import { jsx as jsx87, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs57 } from "react/jsx-runtime";
 var ratingRadioGroupStarSizes = {
   default: 24,
   lg: 32
@@ -9145,14 +9382,14 @@ function RatingRadioGroupItem({ option, size }) {
   } = useRatingRadioGroupContext();
   const starColor = getStarColor(option.value)(value, hoverValue);
   const starSize = ratingRadioGroupStarSizes[size ?? contextSize];
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs57(
     "label",
     {
       onMouseEnter: () => onMouseEnter(option.value),
       onTouchStart: () => onTouchStart(option.value),
       onTouchEnd,
       children: [
-        /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsx88(
           "input",
           {
             className: "peer absolute h-0 w-0 opacity-0",
@@ -9163,7 +9400,7 @@ function RatingRadioGroupItem({ option, size }) {
             onChange: () => onChange?.(option.value)
           }
         ),
-        /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsx88(
           Star,
           {
             className: "cursor-pointer rounded peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-[var(--rating-radio-group-star-focus-color)]",
@@ -9179,25 +9416,25 @@ function RatingRadioGroupItem({ option, size }) {
 }
 
 // src/rating-radio-group/RatingRadioGroupLegend.tsx
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 function RatingRadioGroupLegend({ children }) {
   if (!children) return null;
-  return /* @__PURE__ */ jsx88("legend", { className: "mb-2 text-base", children });
+  return /* @__PURE__ */ jsx89("legend", { className: "mb-2 text-base", children });
 }
 
 // src/rating-radio-group/RatingRadioGroupList.tsx
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 function RatingRadioGroupList({ children }) {
   const { onMouseLeave } = useRatingRadioGroupContext();
-  return /* @__PURE__ */ jsx89("div", { className: "RatingRadioGroup__list flex gap-2", onMouseLeave, children });
+  return /* @__PURE__ */ jsx90("div", { className: "RatingRadioGroup__list flex gap-2", onMouseLeave, children });
 }
 
 // src/rating-radio-group/useRatingPreview.ts
-import { useRef as useRef20, useState as useState28 } from "react";
+import { useRef as useRef21, useState as useState29 } from "react";
 var TOUCH_END_DELAY = 100;
 function useRatingPreview() {
-  const [hoverValue, setHoverValue] = useState28(void 0);
-  const isTouchDevice = useRef20(false);
+  const [hoverValue, setHoverValue] = useState29(void 0);
+  const isTouchDevice = useRef21(false);
   const handleContainerMouseLeave = () => {
     setHoverValue(void 0);
   };
@@ -9225,7 +9462,7 @@ function useRatingPreview() {
 }
 
 // src/rating-radio-group/RatingRadioGroup.tsx
-import { Fragment as Fragment10, jsx as jsx90, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx91, jsxs as jsxs58 } from "react/jsx-runtime";
 function RatingRadioGroupRoot({
   value,
   onChange,
@@ -9243,7 +9480,7 @@ function RatingRadioGroupRoot({
     handleTouchStart,
     handleTouchEnd
   } = useRatingPreview();
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     RatingRadioGroupProvider,
     {
       value: {
@@ -9257,9 +9494,9 @@ function RatingRadioGroupRoot({
         onTouchStart: handleTouchStart,
         onTouchEnd: handleTouchEnd
       },
-      children: /* @__PURE__ */ jsx90("fieldset", { className: cn("relative [all:unset]", className), children: children ?? /* @__PURE__ */ jsxs57(Fragment10, { children: [
-        /* @__PURE__ */ jsx90(RatingRadioGroup.Legend, { children: label }),
-        /* @__PURE__ */ jsx90(RatingRadioGroup.List, { children: options?.map((option) => /* @__PURE__ */ jsx90(RatingRadioGroup.Item, { option }, option.value)) })
+      children: /* @__PURE__ */ jsx91("fieldset", { className: cn("relative [all:unset]", className), children: children ?? /* @__PURE__ */ jsxs58(Fragment10, { children: [
+        /* @__PURE__ */ jsx91(RatingRadioGroup.Legend, { children: label }),
+        /* @__PURE__ */ jsx91(RatingRadioGroup.List, { children: options?.map((option) => /* @__PURE__ */ jsx91(RatingRadioGroup.Item, { option }, option.value)) })
       ] }) })
     }
   );
@@ -9271,10 +9508,10 @@ var RatingRadioGroup = Object.assign(RatingRadioGroupRoot, {
 });
 
 // src/rating-stars/RatingStars.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import { Star as Star2 } from "lucide-react";
 import { useTranslation as useTranslation13 } from "react-i18next";
-import { jsx as jsx91, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs59 } from "react/jsx-runtime";
 function RatingStars({
   rating,
   maxRating = 5,
@@ -9291,7 +9528,7 @@ function RatingStars({
   const { t } = useTranslation13();
   const normalizedRating = Math.max(0, Math.min(maxRating, rating));
   const stars = Array.from({ length: maxRating }, (_, index) => index + 1);
-  const componentId = React26.useId();
+  const componentId = React27.useId();
   const decimal = normalizedRating - Math.floor(normalizedRating);
   const partialStarIndex = decimal > 0 ? Math.ceil(normalizedRating) : -1;
   const gradientId = `star-gradient-${componentId.replace(/:/g, "")}`;
@@ -9304,18 +9541,18 @@ function RatingStars({
     }
     return emptyColor;
   };
-  return /* @__PURE__ */ jsxs58("div", { className: cn("flex flex-col items-start gap-2", className), children: [
-    showText && /* @__PURE__ */ jsxs58("p", { className: "text-4xl font-medium", children: [
+  return /* @__PURE__ */ jsxs59("div", { className: cn("flex flex-col items-start gap-2", className), children: [
+    showText && /* @__PURE__ */ jsxs59("p", { className: "text-4xl font-medium", children: [
       normalizedRating,
       "/",
       maxRating
     ] }),
-    /* @__PURE__ */ jsxs58("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx91("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ jsx91("defs", { children: /* @__PURE__ */ jsxs58("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-        /* @__PURE__ */ jsx91("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
-        /* @__PURE__ */ jsx91("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
+    /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx92("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ jsx92("defs", { children: /* @__PURE__ */ jsxs59("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
+        /* @__PURE__ */ jsx92("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
+        /* @__PURE__ */ jsx92("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
       ] }) }) }),
-      stars.map((star) => /* @__PURE__ */ jsx91(
+      stars.map((star) => /* @__PURE__ */ jsx92(
         Star2,
         {
           size,
@@ -9327,22 +9564,22 @@ function RatingStars({
         star
       ))
     ] }),
-    (reviewCount !== void 0 || description) && /* @__PURE__ */ jsxs58("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
-      reviewCount !== void 0 && /* @__PURE__ */ jsxs58("p", { className: "text-xs leading-4", children: [
+    (reviewCount !== void 0 || description) && /* @__PURE__ */ jsxs59("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
+      reviewCount !== void 0 && /* @__PURE__ */ jsxs59("p", { className: "text-xs leading-4", children: [
         reviewCount,
         " ",
         reviewsLabel || t("reviews")
       ] }),
-      description && /* @__PURE__ */ jsx91("p", { className: "text-sm leading-6", children: description })
+      description && /* @__PURE__ */ jsx92("p", { className: "text-sm leading-6", children: description })
     ] })
   ] });
 }
 
 // src/rotate-arrow/RotateArrow.tsx
 import { ChevronDown } from "lucide-react";
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 function RotateArrow({ shouldRotate, className }) {
-  return /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx93(
     ChevronDown,
     {
       size: 16,
@@ -9358,9 +9595,9 @@ function RotateArrow({ shouldRotate, className }) {
 
 // src/search-button/SearchButton.tsx
 import { Search } from "lucide-react";
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 function SearchButton({ onClick, className, icon, ariaLabel }) {
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94(
     "button",
     {
       onClick,
@@ -9371,7 +9608,7 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
       "data-testid": "search-button",
       "aria-label": ariaLabel,
       type: "button",
-      children: icon || /* @__PURE__ */ jsx93(Search, { size: 12, strokeWidth: 4 })
+      children: icon || /* @__PURE__ */ jsx94(Search, { size: 12, strokeWidth: 4 })
     }
   );
 }
@@ -9381,10 +9618,10 @@ import { Loader2, Search as Search2, X as X5 } from "lucide-react";
 import { useTranslation as useTranslation14 } from "react-i18next";
 
 // src/legacy-fields/input/Input.tsx
-import * as React27 from "react";
-import { jsx as jsx94 } from "react/jsx-runtime";
-var LegacyInput = React27.forwardRef(
-  ({ className, type, readOnly, ...props }, ref) => /* @__PURE__ */ jsx94(
+import * as React28 from "react";
+import { jsx as jsx95 } from "react/jsx-runtime";
+var LegacyInput = React28.forwardRef(
+  ({ className, type, readOnly, ...props }, ref) => /* @__PURE__ */ jsx95(
     "input",
     {
       ref,
@@ -9407,7 +9644,7 @@ var LegacyInput = React27.forwardRef(
 LegacyInput.displayName = "LegacyInput";
 
 // src/search-input/SearchInput.tsx
-import { jsx as jsx95, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs60 } from "react/jsx-runtime";
 function SearchInput({
   disabled,
   invalid,
@@ -9426,15 +9663,15 @@ function SearchInput({
   const isBlocked = Boolean(disabled) || Boolean(loading);
   const optionalLabel = optional ? typeof optional === "string" ? optional : t("optional") : void 0;
   const hasLabelMeta = Boolean(optionalLabel) || Boolean(tooltip);
-  return /* @__PURE__ */ jsxs59("div", { className: cn("input-wrapper", wrapperClassName), children: [
-    (label || hasLabelMeta) && /* @__PURE__ */ jsxs59("div", { className: "mb-2 inline-flex max-w-full items-center gap-1.5 text-sm font-medium text-[var(--chekin-color-brand-navy)]", children: [
-      label && /* @__PURE__ */ jsx95("span", { className: "min-w-0 truncate", children: label }),
-      optionalLabel && /* @__PURE__ */ jsx95("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
-      tooltip && /* @__PURE__ */ jsx95(HelpTooltip, { content: tooltip, side: "top", size: 16 })
+  return /* @__PURE__ */ jsxs60("div", { className: cn("input-wrapper", wrapperClassName), children: [
+    (label || hasLabelMeta) && /* @__PURE__ */ jsxs60("div", { className: "mb-2 inline-flex max-w-full items-center gap-1.5 text-sm font-medium text-[var(--chekin-color-brand-navy)]", children: [
+      label && /* @__PURE__ */ jsx96("span", { className: "min-w-0 truncate", children: label }),
+      optionalLabel && /* @__PURE__ */ jsx96("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
+      tooltip && /* @__PURE__ */ jsx96(HelpTooltip, { content: tooltip, side: "top", size: 16 })
     ] }),
-    /* @__PURE__ */ jsxs59("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx95(Search2, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-color-gray-2)]" }),
-      /* @__PURE__ */ jsx95(
+    /* @__PURE__ */ jsxs60("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx96(Search2, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-color-gray-2)]" }),
+      /* @__PURE__ */ jsx96(
         LegacyInput,
         {
           ...props,
@@ -9452,15 +9689,15 @@ function SearchInput({
           )
         }
       ),
-      (loading || onReset) && /* @__PURE__ */ jsxs59("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
-        loading && /* @__PURE__ */ jsx95(
+      (loading || onReset) && /* @__PURE__ */ jsxs60("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
+        loading && /* @__PURE__ */ jsx96(
           Loader2,
           {
             "aria-hidden": "true",
             className: "h-5 w-5 animate-spin text-[var(--chekin-color-gray-2)]"
           }
         ),
-        onReset && /* @__PURE__ */ jsx95(
+        onReset && /* @__PURE__ */ jsx96(
           Button,
           {
             variant: "ghost",
@@ -9468,7 +9705,7 @@ function SearchInput({
             disabled: isBlocked,
             className: "h-7 w-7 p-0 text-[var(--chekin-color-gray-2)]",
             "aria-label": t("reset_search"),
-            children: /* @__PURE__ */ jsx95(X5, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx96(X5, { className: "h-5 w-5" })
           }
         )
       ] })
@@ -9477,15 +9714,15 @@ function SearchInput({
 }
 
 // src/search-input/DebouncedSearchInput.tsx
-import { useState as useState29 } from "react";
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { useState as useState30 } from "react";
+import { jsx as jsx97 } from "react/jsx-runtime";
 function DebouncedSearchInput({
   onChange,
   placeholder,
   className,
   wrapperClassName
 }) {
-  const [searchValue, setSearchValue] = useState29("");
+  const [searchValue, setSearchValue] = useState30("");
   const handleInputChange = (event) => {
     setSearchValue(event.target.value);
   };
@@ -9494,7 +9731,7 @@ function DebouncedSearchInput({
       onChange(value);
     }
   });
-  return /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx97(
     SearchInput,
     {
       onChange: handleInputChange,
@@ -9523,9 +9760,9 @@ var sectionTagVariants = cva12(
 );
 
 // src/section-tag/SectionTag.tsx
-import { jsx as jsx97 } from "react/jsx-runtime";
+import { jsx as jsx98 } from "react/jsx-runtime";
 function SectionTag({ children, color = "green", className }) {
-  return /* @__PURE__ */ jsx97("div", { className: cn(sectionTagVariants({ color }), className), children });
+  return /* @__PURE__ */ jsx98("div", { className: cn(sectionTagVariants({ color }), className), children });
 }
 
 // src/section-tag/constants.ts
@@ -9536,7 +9773,7 @@ var SectionTagColors = /* @__PURE__ */ ((SectionTagColors2) => {
 })(SectionTagColors || {});
 
 // src/section/Section.tsx
-import { forwardRef as forwardRef38 } from "react";
+import { forwardRef as forwardRef39 } from "react";
 import { useTranslation as useTranslation15 } from "react-i18next";
 
 // src/section/constants.ts
@@ -9547,9 +9784,9 @@ var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
 })(SubSectionSize || {});
 
 // src/section/Section.tsx
-import { jsx as jsx98, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs61 } from "react/jsx-runtime";
 function TooltipInfo({ content, className }) {
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx99(
     HelpTooltip,
     {
       side: "right",
@@ -9561,7 +9798,7 @@ function TooltipInfo({ content, className }) {
     }
   );
 }
-var Section = forwardRef38(
+var Section = forwardRef39(
   ({
     children,
     title,
@@ -9578,7 +9815,7 @@ var Section = forwardRef38(
     size
   }, ref) => {
     const { t } = useTranslation15();
-    return /* @__PURE__ */ jsxs60(
+    return /* @__PURE__ */ jsxs61(
       "div",
       {
         ref,
@@ -9590,8 +9827,8 @@ var Section = forwardRef38(
           className
         ),
         children: [
-          (title || subtitle) && /* @__PURE__ */ jsxs60("div", { className: "flex flex-col gap-2", children: [
-            title && /* @__PURE__ */ jsxs60(
+          (title || subtitle) && /* @__PURE__ */ jsxs61("div", { className: "flex flex-col gap-2", children: [
+            title && /* @__PURE__ */ jsxs61(
               "div",
               {
                 className: cn(
@@ -9601,17 +9838,17 @@ var Section = forwardRef38(
                 ),
                 children: [
                   title,
-                  titleTooltip && /* @__PURE__ */ jsx98("div", { className: "ml-2.5", children: /* @__PURE__ */ jsx98(TooltipInfo, { content: titleTooltip }) }),
-                  linkContent && /* @__PURE__ */ jsx98("div", { className: "ml-6 text-sm font-semibold text-[var(--section-link-color)] no-underline hover:opacity-70 active:opacity-100", children: linkContent })
+                  titleTooltip && /* @__PURE__ */ jsx99("div", { className: "ml-2.5", children: /* @__PURE__ */ jsx99(TooltipInfo, { content: titleTooltip }) }),
+                  linkContent && /* @__PURE__ */ jsx99("div", { className: "ml-6 text-sm font-semibold text-[var(--section-link-color)] no-underline hover:opacity-70 active:opacity-100", children: linkContent })
                 ]
               }
             ),
-            subtitle && /* @__PURE__ */ jsxs60("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
-              /* @__PURE__ */ jsx98("div", { className: "inline text-base font-normal text-[var(--section-subtitle-color)]", children: subtitle }),
-              subtitleTooltip && /* @__PURE__ */ jsx98("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ jsx98(TooltipInfo, { content: subtitleTooltip }) })
+            subtitle && /* @__PURE__ */ jsxs61("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
+              /* @__PURE__ */ jsx99("div", { className: "inline text-base font-normal text-[var(--section-subtitle-color)]", children: subtitle }),
+              subtitleTooltip && /* @__PURE__ */ jsx99("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ jsx99(TooltipInfo, { content: subtitleTooltip }) })
             ] })
           ] }),
-          loading && showLoader ? /* @__PURE__ */ jsx98(
+          loading && showLoader ? /* @__PURE__ */ jsx99(
             CircularLoader,
             {
               size: "md",
@@ -9625,8 +9862,8 @@ var Section = forwardRef38(
   }
 );
 Section.displayName = "Section";
-var SubSection = forwardRef38(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx98(
+var SubSection = forwardRef39(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx99(
     Section,
     {
       ref,
@@ -9639,8 +9876,8 @@ var SubSection = forwardRef38(
   )
 );
 SubSection.displayName = "SubSection";
-var DividingSubsection = forwardRef38(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx98(
+var DividingSubsection = forwardRef39(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx99(
     SubSection,
     {
       ref,
@@ -9653,14 +9890,14 @@ DividingSubsection.displayName = "DividingSubsection";
 
 // src/separator/Separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 function Separator3({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx100(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -9676,7 +9913,7 @@ function Separator3({
 }
 
 // src/section-group/SectionGroup.tsx
-import { jsx as jsx100, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs62 } from "react/jsx-runtime";
 var SectionGroupItem = ({
   className,
   contentClassName,
@@ -9685,17 +9922,17 @@ var SectionGroupItem = ({
   children,
   divider = true
 }) => {
-  return /* @__PURE__ */ jsxs61("section", { className: cn("flex flex-col gap-5", className), children: [
-    divider && /* @__PURE__ */ jsx100("div", { className: cn("h-px w-full bg-[var(--section-group-divider-bg)]") }),
-    (title || subtitle) && /* @__PURE__ */ jsxs61("div", { className: "flex flex-col gap-1 px-8", children: [
-      title && /* @__PURE__ */ jsx100("h3", { className: "text-base font-semibold leading-6 text-[var(--section-group-muted-text)]", children: title }),
-      subtitle && /* @__PURE__ */ jsx100("p", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: subtitle })
+  return /* @__PURE__ */ jsxs62("section", { className: cn("flex flex-col gap-5", className), children: [
+    divider && /* @__PURE__ */ jsx101("div", { className: cn("h-px w-full bg-[var(--section-group-divider-bg)]") }),
+    (title || subtitle) && /* @__PURE__ */ jsxs62("div", { className: "flex flex-col gap-1 px-8", children: [
+      title && /* @__PURE__ */ jsx101("h3", { className: "text-base font-semibold leading-6 text-[var(--section-group-muted-text)]", children: title }),
+      subtitle && /* @__PURE__ */ jsx101("p", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx100("div", { className: cn("flex flex-col gap-4 px-8", contentClassName), children })
+    /* @__PURE__ */ jsx101("div", { className: cn("flex flex-col gap-4 px-8", contentClassName), children })
   ] });
 };
 var SectionGroupRoot = ({ className, title, actions, children }) => {
-  return /* @__PURE__ */ jsxs61(
+  return /* @__PURE__ */ jsxs62(
     "div",
     {
       className: cn(
@@ -9704,18 +9941,18 @@ var SectionGroupRoot = ({ className, title, actions, children }) => {
         className
       ),
       children: [
-        (title || actions) && /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-6 px-8", children: [
-          title && /* @__PURE__ */ jsx100("h2", { className: "flex-1 text-lg font-bold leading-6 text-[var(--section-group-title-color)] opacity-90", children: title }),
-          actions && /* @__PURE__ */ jsx100("div", { className: "flex items-center gap-2", children: actions })
+        (title || actions) && /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-6 px-8", children: [
+          title && /* @__PURE__ */ jsx101("h2", { className: "flex-1 text-lg font-bold leading-6 text-[var(--section-group-title-color)] opacity-90", children: title }),
+          actions && /* @__PURE__ */ jsx101("div", { className: "flex items-center gap-2", children: actions })
         ] }),
         children
       ]
     }
   );
 };
-var SectionGroupLabel = ({ id, title, description }) => /* @__PURE__ */ jsxs61("div", { id, children: [
-  /* @__PURE__ */ jsx100("div", { className: "font-semibold leading-6", children: title }),
-  description && /* @__PURE__ */ jsx100("div", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: description })
+var SectionGroupLabel = ({ id, title, description }) => /* @__PURE__ */ jsxs62("div", { id, children: [
+  /* @__PURE__ */ jsx101("div", { className: "font-semibold leading-6", children: title }),
+  description && /* @__PURE__ */ jsx101("div", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: description })
 ] });
 var SectionGroup = Object.assign(SectionGroupRoot, {
   Item: SectionGroupItem,
@@ -9725,24 +9962,24 @@ var SectionGroup = Object.assign(SectionGroupRoot, {
 // src/sheet/Sheet.tsx
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx101, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs63 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx101(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx102(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx101(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx102(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({ ...props }) {
-  return /* @__PURE__ */ jsx101(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx102(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsx101(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx102(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -9760,9 +9997,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs62(SheetPortal, { children: [
-    /* @__PURE__ */ jsx101(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsxs63(SheetPortal, { children: [
+    /* @__PURE__ */ jsx102(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs63(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -9777,9 +10014,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs62(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--chekin-radius-small)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-[var(--chekin-shadow-focus)] disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx101(XIcon2, { className: "size-4" }),
-            /* @__PURE__ */ jsx101("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsxs63(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--chekin-radius-small)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-[var(--chekin-shadow-focus)] disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx102(XIcon2, { className: "size-4" }),
+            /* @__PURE__ */ jsx102("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -9787,7 +10024,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     "div",
     {
       "data-slot": "sheet-header",
@@ -9797,7 +10034,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -9810,7 +10047,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -9823,7 +10060,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -9834,15 +10071,15 @@ function SheetDescription({
 }
 
 // src/sidebar/Sidebar.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva13 } from "class-variance-authority";
 import { ArrowLeftFromLineIcon, ArrowRightFromLineIcon } from "lucide-react";
 
 // src/skeleton/Skeleton.tsx
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     "div",
     {
       "data-slot": "skeleton",
@@ -9872,7 +10109,7 @@ function useSidebarMenuButton() {
 }
 
 // src/sidebar/SidebarIcon.tsx
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx104 } from "react/jsx-runtime";
 var SidebarIcon = ({
   children,
   isActive: isActiveProp,
@@ -9889,7 +10126,7 @@ var SidebarIcon = ({
     }
     return highlighted ? "bg-[var(--chekin-color-surface-pressed)]" : "bg-[var(--chekin-color-surface-input-empty)]";
   })();
-  return /* @__PURE__ */ jsx103(
+  return /* @__PURE__ */ jsx104(
     "div",
     {
       className: cn(
@@ -9922,12 +10159,12 @@ function useSidebarSafe() {
 }
 
 // src/sidebar/Sidebar.tsx
-import { jsx as jsx104, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs64 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME_DEFAULT = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarProvider = React28.forwardRef(
+var SidebarProvider = React29.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -9939,10 +10176,10 @@ var SidebarProvider = React28.forwardRef(
     ...props
   }, ref) => {
     const isMobile3 = useIsMobile({ breakpoint: 641 });
-    const [openMobile, setOpenMobile] = React28.useState(false);
-    const [_open, _setOpen] = React28.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React29.useState(false);
+    const [_open, _setOpen] = React29.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React28.useCallback(
+    const setOpen = React29.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -9954,10 +10191,10 @@ var SidebarProvider = React28.forwardRef(
       },
       [setOpenProp, open, stateName]
     );
-    const toggleSidebar = React28.useCallback(() => {
+    const toggleSidebar = React29.useCallback(() => {
       return isMobile3 ? setOpenMobile((value) => !value) : setOpen((value) => !value);
     }, [isMobile3, setOpen]);
-    React28.useEffect(() => {
+    React29.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -9968,7 +10205,7 @@ var SidebarProvider = React28.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React28.useMemo(
+    const contextValue = React29.useMemo(
       () => ({
         state,
         open,
@@ -9980,7 +10217,7 @@ var SidebarProvider = React28.forwardRef(
       }),
       [state, open, setOpen, isMobile3, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ jsx104(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx104(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx104(
+    return /* @__PURE__ */ jsx105(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx105(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx105(
       "div",
       {
         style,
@@ -9996,7 +10233,7 @@ var SidebarProvider = React28.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React28.forwardRef(
+var Sidebar = React29.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -10007,7 +10244,7 @@ var Sidebar = React28.forwardRef(
   }, ref) => {
     const { isMobile: isMobile3, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ jsx104(
+      return /* @__PURE__ */ jsx105(
         "div",
         {
           className: cn(
@@ -10021,7 +10258,7 @@ var Sidebar = React28.forwardRef(
       );
     }
     if (isMobile3) {
-      return /* @__PURE__ */ jsx104(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs63(
+      return /* @__PURE__ */ jsx105(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs64(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -10033,16 +10270,16 @@ var Sidebar = React28.forwardRef(
           style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
           side,
           children: [
-            /* @__PURE__ */ jsxs63(SheetHeader, { className: "sr-only", children: [
-              /* @__PURE__ */ jsx104(SheetTitle, { children: "Sidebar" }),
-              /* @__PURE__ */ jsx104(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsxs64(SheetHeader, { className: "sr-only", children: [
+              /* @__PURE__ */ jsx105(SheetTitle, { children: "Sidebar" }),
+              /* @__PURE__ */ jsx105(SheetDescription, { children: "Displays the mobile sidebar." })
             ] }),
-            /* @__PURE__ */ jsx104("div", { className: "flex h-full w-full flex-col", children })
+            /* @__PURE__ */ jsx105("div", { className: "flex h-full w-full flex-col", children })
           ]
         }
       ) });
     }
-    return /* @__PURE__ */ jsxs63(
+    return /* @__PURE__ */ jsxs64(
       "div",
       {
         ref,
@@ -10053,7 +10290,7 @@ var Sidebar = React28.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ jsx104(
+          /* @__PURE__ */ jsx105(
             "div",
             {
               className: cn(
@@ -10064,7 +10301,7 @@ var Sidebar = React28.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx104(
+          /* @__PURE__ */ jsx105(
             "div",
             {
               className: cn(
@@ -10074,7 +10311,7 @@ var Sidebar = React28.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ jsx104(
+              children: /* @__PURE__ */ jsx105(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -10090,9 +10327,9 @@ var Sidebar = React28.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React28.forwardRef(({ className, onClick, icon, ...props }, ref) => {
+var SidebarTrigger = React29.forwardRef(({ className, onClick, icon, ...props }, ref) => {
   const { toggleSidebar, open, isMobile: isMobile3, openMobile } = useSidebar();
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs64(
     Button,
     {
       ref,
@@ -10110,17 +10347,17 @@ var SidebarTrigger = React28.forwardRef(({ className, onClick, icon, ...props },
       },
       ...props,
       children: [
-        icon || (isMobile3 ? openMobile : open) ? icon || /* @__PURE__ */ jsx104(ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ jsx104(ArrowRightFromLineIcon, {}),
-        /* @__PURE__ */ jsx104("span", { className: "sr-only", children: "Toggle Sidebar" })
+        icon || (isMobile3 ? openMobile : open) ? icon || /* @__PURE__ */ jsx105(ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ jsx105(ArrowRightFromLineIcon, {}),
+        /* @__PURE__ */ jsx105("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React28.forwardRef(
+var SidebarRail = React29.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ jsx104(
+    return /* @__PURE__ */ jsx105(
       "button",
       {
         ref,
@@ -10143,8 +10380,8 @@ var SidebarRail = React28.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx104(
+var SidebarInset = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx105(
     "main",
     {
       ref,
@@ -10158,7 +10395,7 @@ var SidebarInset = React28.forwardRef(
   )
 );
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx104(
+var SidebarInput = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx105(
   LegacyInput,
   {
     ref,
@@ -10168,8 +10405,8 @@ var SidebarInput = React28.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx104(
+var SidebarHeader = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx105(
     "div",
     {
       ref,
@@ -10180,8 +10417,8 @@ var SidebarHeader = React28.forwardRef(
   )
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx104(
+var SidebarFooter = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx105(
     "div",
     {
       ref,
@@ -10192,7 +10429,7 @@ var SidebarFooter = React28.forwardRef(
   )
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx104(
+var SidebarSeparator = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx105(
   Separator3,
   {
     ref,
@@ -10202,8 +10439,8 @@ var SidebarSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx104(
+var SidebarContent = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx105(
     "div",
     {
       ref,
@@ -10217,8 +10454,8 @@ var SidebarContent = React28.forwardRef(
   )
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx104(
+var SidebarGroup = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx105(
     "div",
     {
       ref,
@@ -10229,9 +10466,9 @@ var SidebarGroup = React28.forwardRef(
   )
 );
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React28.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React29.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "div";
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx105(
     Comp,
     {
       ref,
@@ -10246,9 +10483,9 @@ var SidebarGroupLabel = React28.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React28.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React29.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx105(
     Comp,
     {
       ref,
@@ -10262,8 +10499,8 @@ var SidebarGroupAction = React28.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx104(
+var SidebarGroupContent = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx105(
     "div",
     {
       ref,
@@ -10274,8 +10511,8 @@ var SidebarGroupContent = React28.forwardRef(
   )
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx104(
+var SidebarMenu = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx105(
     "ul",
     {
       ref,
@@ -10286,8 +10523,8 @@ var SidebarMenu = React28.forwardRef(
   )
 );
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx104(
+var SidebarMenuItem = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx105(
     "li",
     {
       ref,
@@ -10318,7 +10555,7 @@ var sidebarMenuButtonVariants = cva13(
     }
   }
 );
-var SidebarMenuButton = React28.forwardRef(
+var SidebarMenuButton = React29.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -10331,7 +10568,7 @@ var SidebarMenuButton = React28.forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot4 : "button";
     const { isMobile: isMobile3, state } = useSidebar();
-    const button = /* @__PURE__ */ jsx104(
+    const button = /* @__PURE__ */ jsx105(
       Comp,
       {
         ref,
@@ -10344,12 +10581,12 @@ var SidebarMenuButton = React28.forwardRef(
       }
     );
     if (!tooltip) {
-      return /* @__PURE__ */ jsx104(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
+      return /* @__PURE__ */ jsx105(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
     }
     const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
-    return /* @__PURE__ */ jsx104(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ jsxs63(Tooltip, { children: [
-      /* @__PURE__ */ jsx104(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx104(
+    return /* @__PURE__ */ jsx105(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ jsxs64(Tooltip, { children: [
+      /* @__PURE__ */ jsx105(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx105(
         TooltipContent,
         {
           side: "right",
@@ -10364,9 +10601,9 @@ var SidebarMenuButton = React28.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React28.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React29.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx105(
     Comp,
     {
       ref,
@@ -10381,11 +10618,11 @@ var SidebarMenuAction = React28.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React28.forwardRef(
+var SidebarMenuBadge = React29.forwardRef(
   ({ className, ...props }, ref) => {
     const { open, isMobile: isMobile3, openMobile } = useSidebar();
     const isOpen = isMobile3 ? openMobile : open;
-    return /* @__PURE__ */ jsx104(
+    return /* @__PURE__ */ jsx105(
       "div",
       {
         ref,
@@ -10401,9 +10638,9 @@ var SidebarMenuBadge = React28.forwardRef(
   }
 );
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React28.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React28.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
-  return /* @__PURE__ */ jsxs63(
+var SidebarMenuSkeleton = React29.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React29.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ jsxs64(
     "div",
     {
       ref,
@@ -10411,8 +10648,8 @@ var SidebarMenuSkeleton = React28.forwardRef(({ className, showIcon = false, ...
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx104(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ jsx104(
+        showIcon && /* @__PURE__ */ jsx105(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ jsx105(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -10425,8 +10662,8 @@ var SidebarMenuSkeleton = React28.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx104(
+var SidebarMenuSub = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx105(
     "ul",
     {
       ref,
@@ -10440,8 +10677,8 @@ var SidebarMenuSub = React28.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React28.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ jsx104("li", { ref, ...props })
+var SidebarMenuSubItem = React29.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ jsx105("li", { ref, ...props })
 );
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 var sidebarMenuSubButtonVariants = cva13(
@@ -10464,7 +10701,7 @@ var sidebarMenuSubButtonVariants = cva13(
     }
   }
 );
-var SidebarMenuSubButton = React28.forwardRef(
+var SidebarMenuSubButton = React29.forwardRef(
   ({
     asChild = false,
     isActive,
@@ -10474,7 +10711,7 @@ var SidebarMenuSubButton = React28.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot4 : "a";
-    return /* @__PURE__ */ jsx104(
+    return /* @__PURE__ */ jsx105(
       Comp,
       {
         ref,
@@ -10495,17 +10732,17 @@ var getSidebarState = (stateName) => document.cookie.split("; ").find((row) => r
 
 // src/signature-canvas/SignatureCanvas.tsx
 import {
-  forwardRef as forwardRef40,
+  forwardRef as forwardRef41,
   useEffect as useEffect30,
-  useRef as useRef21,
-  useState as useState31,
-  useCallback as useCallback25,
+  useRef as useRef22,
+  useState as useState32,
+  useCallback as useCallback26,
   useImperativeHandle,
   useLayoutEffect as useLayoutEffect4
 } from "react";
 import { useTranslation as useTranslation16 } from "react-i18next";
 import ReactSignatureCanvas from "react-signature-canvas";
-import { jsx as jsx105, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs65 } from "react/jsx-runtime";
 var SIGNATURE_PROPS = {
   penColor: "var(--chekin-blue-900)",
   minWidth: 1.5,
@@ -10570,15 +10807,15 @@ function getTrimmedCanvas(canvas, padding = 10) {
   );
   return trimmedCanvas;
 }
-var SignatureCanvas = forwardRef40(
+var SignatureCanvas = forwardRef41(
   ({ onClear, onEnd, onEnable, className, enabled }, ref) => {
     const { t } = useTranslation16();
     const isMobile3 = useIsMobile();
-    const canvasRef = useRef21(null);
-    const containerRef = useRef21(null);
-    const [size, setSize] = useState31({ width: 330, height: 190 });
-    const [hasSignature, setHasSignature] = useState31(false);
-    const calculateSize = useCallback25((containerWidth) => {
+    const canvasRef = useRef22(null);
+    const containerRef = useRef22(null);
+    const [size, setSize] = useState32({ width: 330, height: 190 });
+    const [hasSignature, setHasSignature] = useState32(false);
+    const calculateSize = useCallback26((containerWidth) => {
       const width = Math.floor(Math.min(containerWidth, 646));
       const height = Math.floor(width / ASPECT_RATIO);
       setSize((prev) => {
@@ -10612,12 +10849,12 @@ var SignatureCanvas = forwardRef40(
       canvas.style.width = `${size.width}px`;
       canvas.style.height = `${size.height}px`;
     }, [size, enabled]);
-    const handleEnd = useCallback25(() => {
+    const handleEnd = useCallback26(() => {
       const isEmpty = canvasRef.current?.isEmpty() ?? true;
       setHasSignature(!isEmpty);
       onEnd?.();
     }, [onEnd]);
-    const handleClear = useCallback25(() => {
+    const handleClear = useCallback26(() => {
       canvasRef.current?.clear();
       setHasSignature(false);
       onClear?.();
@@ -10639,13 +10876,13 @@ var SignatureCanvas = forwardRef40(
       },
       getCanvas: (...args) => canvasRef.current?.getCanvas(...args)
     }));
-    return /* @__PURE__ */ jsxs64(
+    return /* @__PURE__ */ jsxs65(
       "div",
       {
         ref: containerRef,
         className: cn("relative flex w-full flex-col items-center", className),
         children: [
-          /* @__PURE__ */ jsxs64(
+          /* @__PURE__ */ jsxs65(
             "div",
             {
               className: cn(
@@ -10654,7 +10891,7 @@ var SignatureCanvas = forwardRef40(
               ),
               style: { width: size.width, height: size.height },
               children: [
-                /* @__PURE__ */ jsx105(
+                /* @__PURE__ */ jsx106(
                   ReactSignatureCanvas,
                   {
                     ref: canvasRef,
@@ -10668,7 +10905,7 @@ var SignatureCanvas = forwardRef40(
                     ...SIGNATURE_PROPS
                   }
                 ),
-                !enabled && /* @__PURE__ */ jsx105(
+                !enabled && /* @__PURE__ */ jsx106(
                   "button",
                   {
                     type: "button",
@@ -10678,7 +10915,7 @@ var SignatureCanvas = forwardRef40(
                     ),
                     onClick: onEnable,
                     "data-testid": "signature-placeholder",
-                    children: /* @__PURE__ */ jsx105(
+                    children: /* @__PURE__ */ jsx106(
                       "span",
                       {
                         className: cn(
@@ -10693,14 +10930,14 @@ var SignatureCanvas = forwardRef40(
               ]
             }
           ),
-          /* @__PURE__ */ jsx105(
+          /* @__PURE__ */ jsx106(
             "div",
             {
               className: cn("text-right", {
                 invisible: !enabled || !hasSignature
               }),
               style: { width: size.width },
-              children: /* @__PURE__ */ jsx105(
+              children: /* @__PURE__ */ jsx106(
                 Button,
                 {
                   variant: "link",
@@ -10722,17 +10959,17 @@ var SignatureCanvas = forwardRef40(
 SignatureCanvas.displayName = "SignatureCanvas";
 
 // src/carousel/Carousel.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 
 // src/carousel/CarouselControls.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight5 } from "lucide-react";
 
 // src/carousel/CarouselContext.tsx
-import * as React29 from "react";
-var CarouselContext = React29.createContext(null);
+import * as React30 from "react";
+var CarouselContext = React30.createContext(null);
 function useCarouselContext(componentName) {
-  const context = React29.useContext(CarouselContext);
+  const context = React30.useContext(CarouselContext);
   if (!context) {
     throw new Error(`${componentName} must be used within CarouselRoot`);
   }
@@ -10740,14 +10977,14 @@ function useCarouselContext(componentName) {
 }
 
 // src/carousel/CarouselControls.tsx
-import { jsx as jsx106 } from "react/jsx-runtime";
-var CarouselPrevious = React30.forwardRef(
+import { jsx as jsx107 } from "react/jsx-runtime";
+var CarouselPrevious = React31.forwardRef(
   ({ className, children, onClick, ...props }, ref) => {
     const { canGoPrevious, goToPrevious } = useCarouselContext("CarouselPrevious");
     if (!canGoPrevious) {
       return null;
     }
-    return /* @__PURE__ */ jsx106(
+    return /* @__PURE__ */ jsx107(
       "button",
       {
         ref,
@@ -10765,19 +11002,19 @@ var CarouselPrevious = React30.forwardRef(
           goToPrevious();
         },
         ...props,
-        children: children ?? /* @__PURE__ */ jsx106(ChevronLeft3, { className: "size-4" })
+        children: children ?? /* @__PURE__ */ jsx107(ChevronLeft3, { className: "size-4" })
       }
     );
   }
 );
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React30.forwardRef(
+var CarouselNext = React31.forwardRef(
   ({ className, children, onClick, ...props }, ref) => {
     const { canGoNext, goToNext } = useCarouselContext("CarouselNext");
     if (!canGoNext) {
       return null;
     }
-    return /* @__PURE__ */ jsx106(
+    return /* @__PURE__ */ jsx107(
       "button",
       {
         ref,
@@ -10795,7 +11032,7 @@ var CarouselNext = React30.forwardRef(
           goToNext();
         },
         ...props,
-        children: children ?? /* @__PURE__ */ jsx106(ChevronRight5, { className: "size-4" })
+        children: children ?? /* @__PURE__ */ jsx107(ChevronRight5, { className: "size-4" })
       }
     );
   }
@@ -10803,9 +11040,9 @@ var CarouselNext = React30.forwardRef(
 CarouselNext.displayName = "CarouselNext";
 
 // src/carousel/CarouselRoot.tsx
-import * as React31 from "react";
-import { jsx as jsx107 } from "react/jsx-runtime";
-var CarouselRoot = React31.forwardRef(
+import * as React32 from "react";
+import { jsx as jsx108 } from "react/jsx-runtime";
+var CarouselRoot = React32.forwardRef(
   ({
     className,
     index: controlledIndex,
@@ -10816,8 +11053,8 @@ var CarouselRoot = React31.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [uncontrolledIndex, setUncontrolledIndex] = React31.useState(defaultIndex);
-    const [registeredSlideCount, setRegisteredSlideCount] = React31.useState(0);
+    const [uncontrolledIndex, setUncontrolledIndex] = React32.useState(defaultIndex);
+    const [registeredSlideCount, setRegisteredSlideCount] = React32.useState(0);
     const slideCount = controlledSlideCount ?? registeredSlideCount;
     const isControlled = controlledIndex !== void 0;
     const index = isControlled ? controlledIndex : uncontrolledIndex;
@@ -10825,7 +11062,7 @@ var CarouselRoot = React31.forwardRef(
     const normalizedIndex = Math.min(Math.max(index, 0), maxIndex);
     const canGoPrevious = loop ? slideCount > 1 : normalizedIndex > 0;
     const canGoNext = loop ? slideCount > 1 : normalizedIndex < maxIndex;
-    const setIndex = React31.useCallback(
+    const setIndex = React32.useCallback(
       (nextIndex) => {
         const clampedIndex = Math.min(Math.max(nextIndex, 0), maxIndex);
         if (!isControlled) {
@@ -10835,23 +11072,23 @@ var CarouselRoot = React31.forwardRef(
       },
       [isControlled, maxIndex, onIndexChange]
     );
-    const goToPrevious = React31.useCallback(() => {
+    const goToPrevious = React32.useCallback(() => {
       if (!canGoPrevious) {
         return;
       }
       setIndex(normalizedIndex === 0 ? maxIndex : normalizedIndex - 1);
     }, [canGoPrevious, maxIndex, normalizedIndex, setIndex]);
-    const goToNext = React31.useCallback(() => {
+    const goToNext = React32.useCallback(() => {
       if (!canGoNext) {
         return;
       }
       setIndex(normalizedIndex === maxIndex ? 0 : normalizedIndex + 1);
     }, [canGoNext, maxIndex, normalizedIndex, setIndex]);
-    const registerSlide = React31.useCallback(() => {
+    const registerSlide = React32.useCallback(() => {
       setRegisteredSlideCount((count) => count + 1);
       return () => setRegisteredSlideCount((count) => Math.max(0, count - 1));
     }, []);
-    const contextValue = React31.useMemo(
+    const contextValue = React32.useMemo(
       () => ({
         index: normalizedIndex,
         slideCount,
@@ -10875,7 +11112,7 @@ var CarouselRoot = React31.forwardRef(
         registerSlide
       ]
     );
-    return /* @__PURE__ */ jsx107(CarouselContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx107(
+    return /* @__PURE__ */ jsx108(CarouselContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx108(
       "div",
       {
         ref,
@@ -10890,12 +11127,12 @@ var CarouselRoot = React31.forwardRef(
 CarouselRoot.displayName = "CarouselRoot";
 
 // src/carousel/CarouselSlide.tsx
-import * as React32 from "react";
-import { jsx as jsx108 } from "react/jsx-runtime";
-var CarouselSlide = React32.forwardRef(({ className, ...props }, ref) => {
+import * as React33 from "react";
+import { jsx as jsx109 } from "react/jsx-runtime";
+var CarouselSlide = React33.forwardRef(({ className, ...props }, ref) => {
   const { registerSlide } = useCarouselContext("CarouselSlide");
-  React32.useEffect(() => registerSlide(), [registerSlide]);
-  return /* @__PURE__ */ jsx108(
+  React33.useEffect(() => registerSlide(), [registerSlide]);
+  return /* @__PURE__ */ jsx109(
     "div",
     {
       ref,
@@ -10908,11 +11145,11 @@ var CarouselSlide = React32.forwardRef(({ className, ...props }, ref) => {
 CarouselSlide.displayName = "CarouselSlide";
 
 // src/carousel/CarouselTrack.tsx
-import * as React33 from "react";
-import { jsx as jsx109 } from "react/jsx-runtime";
-var CarouselTrack = React33.forwardRef(({ className, style, ...props }, ref) => {
+import * as React34 from "react";
+import { jsx as jsx110 } from "react/jsx-runtime";
+var CarouselTrack = React34.forwardRef(({ className, style, ...props }, ref) => {
   const { index } = useCarouselContext("CarouselTrack");
-  return /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx110(
     "div",
     {
       ref,
@@ -10929,9 +11166,9 @@ var CarouselTrack = React33.forwardRef(({ className, style, ...props }, ref) =>
 CarouselTrack.displayName = "CarouselTrack";
 
 // src/carousel/CarouselViewport.tsx
-import * as React34 from "react";
-import { jsx as jsx110 } from "react/jsx-runtime";
-var CarouselViewport = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx110(
+import * as React35 from "react";
+import { jsx as jsx111 } from "react/jsx-runtime";
+var CarouselViewport = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx111(
   "div",
   {
     ref,
@@ -10943,28 +11180,28 @@ var CarouselViewport = React34.forwardRef(({ className, ...props }, ref) => /* @
 CarouselViewport.displayName = "CarouselViewport";
 
 // src/carousel/Carousel.tsx
-import { jsx as jsx111, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs66 } from "react/jsx-runtime";
 function Carousel({ children, slideCount, ...props }) {
-  return /* @__PURE__ */ jsxs65(CarouselRoot, { slideCount: slideCount ?? React35.Children.count(children), ...props, children: [
-    /* @__PURE__ */ jsx111(CarouselViewport, { children: /* @__PURE__ */ jsx111(CarouselTrack, { children: React35.Children.map(children, (slide) => /* @__PURE__ */ jsx111(CarouselSlide, { children: slide })) }) }),
-    /* @__PURE__ */ jsx111(CarouselPrevious, {}),
-    /* @__PURE__ */ jsx111(CarouselNext, {})
+  return /* @__PURE__ */ jsxs66(CarouselRoot, { slideCount: slideCount ?? React36.Children.count(children), ...props, children: [
+    /* @__PURE__ */ jsx112(CarouselViewport, { children: /* @__PURE__ */ jsx112(CarouselTrack, { children: React36.Children.map(children, (slide) => /* @__PURE__ */ jsx112(CarouselSlide, { children: slide })) }) }),
+    /* @__PURE__ */ jsx112(CarouselPrevious, {}),
+    /* @__PURE__ */ jsx112(CarouselNext, {})
   ] });
 }
 
 // src/slider/Slider.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx112, jsxs as jsxs66 } from "react/jsx-runtime";
-var Slider = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs66(
+import { jsx as jsx113, jsxs as jsxs67 } from "react/jsx-runtime";
+var Slider = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs67(
   SliderPrimitive.Root,
   {
     ref,
     className: cn("relative flex w-full touch-none select-none items-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx112(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-[var(--slider-track-bg)]", children: /* @__PURE__ */ jsx112(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--slider-range-bg)]" }) }),
-      /* @__PURE__ */ jsx112(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border cursor-pointer border-[var(--slider-thumb-border)] bg-[var(--slider-thumb-bg)] shadow transition-all hover:brightness-110 hover:scale-105 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--slider-focus-ring)] disabled:pointer-events-none disabled:opacity-50" })
+      /* @__PURE__ */ jsx113(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-[var(--slider-track-bg)]", children: /* @__PURE__ */ jsx113(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--slider-range-bg)]" }) }),
+      /* @__PURE__ */ jsx113(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border cursor-pointer border-[var(--slider-thumb-border)] bg-[var(--slider-thumb-bg)] shadow transition-all hover:brightness-110 hover:scale-105 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--slider-focus-ring)] disabled:pointer-events-none disabled:opacity-50" })
     ]
   }
 ));
@@ -10974,7 +11211,7 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 import { memo as memo5 } from "react";
 import { Pencil, Trash2 } from "lucide-react";
 import { useTranslation as useTranslation17 } from "react-i18next";
-import { jsx as jsx113, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs68 } from "react/jsx-runtime";
 var SmallGridSingleItem = memo5(
   ({
     title,
@@ -10995,7 +11232,7 @@ var SmallGridSingleItem = memo5(
     };
     const hasActions = !readOnly && (onDelete || onEdit);
     const hasSwitch = onActiveSwitch && !readOnly;
-    return /* @__PURE__ */ jsxs67(
+    return /* @__PURE__ */ jsxs68(
       "div",
       {
         onClick: handleClick,
@@ -11009,13 +11246,13 @@ var SmallGridSingleItem = memo5(
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs67("div", { className: "flex w-full items-start justify-between gap-4", children: [
-            /* @__PURE__ */ jsxs67("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsx113("div", { className: "line-clamp-2 overflow-hidden text-ellipsis break-all", children: title }),
-              subtitle && /* @__PURE__ */ jsx113("div", { className: "line-clamp-2 overflow-hidden text-ellipsis text-[15px] font-medium leading-6 text-[var(--chekin-color-gray-2)]", children: subtitle })
+          /* @__PURE__ */ jsxs68("div", { className: "flex w-full items-start justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs68("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx114("div", { className: "line-clamp-2 overflow-hidden text-ellipsis break-all", children: title }),
+              subtitle && /* @__PURE__ */ jsx114("div", { className: "line-clamp-2 overflow-hidden text-ellipsis text-[15px] font-medium leading-6 text-[var(--chekin-color-gray-2)]", children: subtitle })
             ] }),
-            hasActions && /* @__PURE__ */ jsxs67("div", { className: "flex items-center justify-end gap-2", children: [
-              onDelete && /* @__PURE__ */ jsx113(
+            hasActions && /* @__PURE__ */ jsxs68("div", { className: "flex items-center justify-end gap-2", children: [
+              onDelete && /* @__PURE__ */ jsx114(
                 Button,
                 {
                   disabled,
@@ -11023,10 +11260,10 @@ var SmallGridSingleItem = memo5(
                   className: "size-8",
                   size: "icon",
                   variant: "outline",
-                  children: /* @__PURE__ */ jsx113(Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
+                  children: /* @__PURE__ */ jsx114(Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
                 }
               ),
-              onEdit && /* @__PURE__ */ jsx113(
+              onEdit && /* @__PURE__ */ jsx114(
                 Button,
                 {
                   className: "size-8",
@@ -11034,12 +11271,12 @@ var SmallGridSingleItem = memo5(
                   disabled,
                   onClick: onEdit,
                   variant: "outline",
-                  children: /* @__PURE__ */ jsx113(Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" })
+                  children: /* @__PURE__ */ jsx114(Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" })
                 }
               )
             ] })
           ] }),
-          hasSwitch && /* @__PURE__ */ jsx113("div", { className: cn("flex items-center", !active && "opacity-60"), children: /* @__PURE__ */ jsx113(
+          hasSwitch && /* @__PURE__ */ jsx114("div", { className: cn("flex items-center", !active && "opacity-60"), children: /* @__PURE__ */ jsx114(
             Switch,
             {
               onChange: onActiveSwitch,
@@ -11049,7 +11286,7 @@ var SmallGridSingleItem = memo5(
               onClick: (event) => event.stopPropagation()
             }
           ) }),
-          error && /* @__PURE__ */ jsx113("div", { className: "absolute bottom-1 right-2 text-xs text-[var(--chekin-color-brand-red)]", children: error })
+          error && /* @__PURE__ */ jsx114("div", { className: "absolute bottom-1 right-2 text-xs text-[var(--chekin-color-brand-red)]", children: error })
         ]
       }
     );
@@ -11060,7 +11297,7 @@ SmallGridSingleItem.displayName = "SmallGridSingleItem";
 // src/sorting-action/SortingAction.tsx
 import { useTranslation as useTranslation18 } from "react-i18next";
 import { ArrowDown, ArrowDownUpIcon, ArrowUp, Minus as Minus3 } from "lucide-react";
-import { jsx as jsx114, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs69 } from "react/jsx-runtime";
 function SortingAction({
   value,
   onSortChange,
@@ -11070,8 +11307,8 @@ function SortingAction({
   onOpenChange
 }) {
   const { t } = useTranslation18();
-  return /* @__PURE__ */ jsxs68(DropdownMenu, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx114(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsxs69(DropdownMenu, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx115(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx115(
       "button",
       {
         type: "button",
@@ -11080,36 +11317,36 @@ function SortingAction({
           className
         ),
         "aria-label": "Open sorting menu",
-        children: /* @__PURE__ */ jsx114(ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
+        children: /* @__PURE__ */ jsx115(ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
       }
     ) }),
-    /* @__PURE__ */ jsxs68(DropdownMenuContent, { className: "w-full max-w-[256px]", align: "start", children: [
-      /* @__PURE__ */ jsxs68(
+    /* @__PURE__ */ jsxs69(DropdownMenuContent, { className: "w-full max-w-[256px]", align: "start", children: [
+      /* @__PURE__ */ jsxs69(
         DropdownMenuItem,
         {
           active: value === "asc",
           className: cn(value === "asc" && "text-[var(--chekin-color-brand-blue)]"),
           onClick: () => onSortChange?.("asc"),
           children: [
-            /* @__PURE__ */ jsx114(ArrowUp, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx115(ArrowUp, { className: "h-4 w-4" }),
             variant === "by_text" ? t("sort_a_z") : t("sort_in_asc")
           ]
         }
       ),
-      /* @__PURE__ */ jsxs68(
+      /* @__PURE__ */ jsxs69(
         DropdownMenuItem,
         {
           active: value === "desc",
           className: cn(value === "desc" && "text-[var(--chekin-color-brand-blue)]"),
           onClick: () => onSortChange?.("desc"),
           children: [
-            /* @__PURE__ */ jsx114(ArrowDown, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx115(ArrowDown, { className: "h-4 w-4" }),
             variant === "by_text" ? t("sort_z_a") : t("sort_in_desc")
           ]
         }
       ),
-      value && /* @__PURE__ */ jsxs68(DropdownMenuItem, { onClick: () => onSortChange?.(null), children: [
-        /* @__PURE__ */ jsx114(Minus3, { className: "h-4 w-4" }),
+      value && /* @__PURE__ */ jsxs69(DropdownMenuItem, { onClick: () => onSortChange?.(null), children: [
+        /* @__PURE__ */ jsx115(Minus3, { className: "h-4 w-4" }),
         t("clear_sorting")
       ] })
     ] })
@@ -11120,7 +11357,7 @@ function SortingAction({
 import { useMemo as useMemo6 } from "react";
 import { useTranslation as useTranslation19 } from "react-i18next";
 import { AlertCircle as AlertCircle3, CheckCircle, Loader2 as Loader22 } from "lucide-react";
-import { jsx as jsx115, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs70 } from "react/jsx-runtime";
 function StatusButton({
   hidden,
   status,
@@ -11138,7 +11375,7 @@ function StatusButton({
   const configMap = useMemo6(() => {
     const defaultLoadingConfig = {
       text: loadingText ?? `${t("saving")}...`,
-      icon: /* @__PURE__ */ jsx115(Loader22, { className: "h-4 w-4 animate-spin" }),
+      icon: /* @__PURE__ */ jsx116(Loader22, { className: "h-4 w-4 animate-spin" }),
       variant,
       isLoading: true
     };
@@ -11148,13 +11385,13 @@ function StatusButton({
       validating: { ...defaultLoadingConfig, text: t("validating") },
       error: {
         text: t("error"),
-        icon: /* @__PURE__ */ jsx115(AlertCircle3, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ jsx116(AlertCircle3, { className: "h-4 w-4" }),
         variant: "destructive",
         isLoading: false
       },
       success: {
         text: successText ?? t("saved_exclamation"),
-        icon: /* @__PURE__ */ jsx115(CheckCircle, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ jsx116(CheckCircle, { className: "h-4 w-4" }),
         variant,
         isLoading: false
       },
@@ -11170,7 +11407,7 @@ function StatusButton({
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs70(
     Button,
     {
       className: cn(
@@ -11186,7 +11423,7 @@ function StatusButton({
       ...props,
       children: [
         config.icon,
-        /* @__PURE__ */ jsx115("span", { children: config.text })
+        /* @__PURE__ */ jsx116("span", { children: config.text })
       ]
     }
   );
@@ -11194,37 +11431,37 @@ function StatusButton({
 
 // src/status-box/StatusBox.tsx
 import { AlertTriangleIcon, CheckIcon as CheckIcon3, XIcon as XIcon3 } from "lucide-react";
-import { jsx as jsx116, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs71 } from "react/jsx-runtime";
 function StatusBox({ status, title, text }) {
   if (status === "success") {
-    return /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3 rounded-lg border border-green-100 bg-green-50 p-4", children: [
-      /* @__PURE__ */ jsx116("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ jsx116(CheckIcon3, { className: "h-5 w-5 text-green-600" }) }),
-      /* @__PURE__ */ jsxs70("div", { children: [
-        /* @__PURE__ */ jsx116("p", { className: "font-semibold text-green-800", children: title }),
-        /* @__PURE__ */ jsx116("p", { className: "text-sm text-green-700", children: text })
+    return /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-3 rounded-lg border border-green-100 bg-green-50 p-4", children: [
+      /* @__PURE__ */ jsx117("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ jsx117(CheckIcon3, { className: "h-5 w-5 text-green-600" }) }),
+      /* @__PURE__ */ jsxs71("div", { children: [
+        /* @__PURE__ */ jsx117("p", { className: "font-semibold text-green-800", children: title }),
+        /* @__PURE__ */ jsx117("p", { className: "text-sm text-green-700", children: text })
       ] })
     ] });
   }
   if (status === "failed") {
-    return /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3 rounded-lg border border-red-100 bg-red-50 p-4", children: [
-      /* @__PURE__ */ jsx116("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ jsx116(XIcon3, { className: "h-5 w-5 text-red-600" }) }),
-      /* @__PURE__ */ jsxs70("div", { children: [
-        /* @__PURE__ */ jsx116("p", { className: "font-semibold text-red-800", children: title }),
-        /* @__PURE__ */ jsx116("p", { className: "text-sm text-red-700", children: text })
+    return /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-3 rounded-lg border border-red-100 bg-red-50 p-4", children: [
+      /* @__PURE__ */ jsx117("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ jsx117(XIcon3, { className: "h-5 w-5 text-red-600" }) }),
+      /* @__PURE__ */ jsxs71("div", { children: [
+        /* @__PURE__ */ jsx117("p", { className: "font-semibold text-red-800", children: title }),
+        /* @__PURE__ */ jsx117("p", { className: "text-sm text-red-700", children: text })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-3 rounded-lg border border-amber-100 bg-amber-50 p-4", children: [
-    /* @__PURE__ */ jsx116("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ jsx116(AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
-    /* @__PURE__ */ jsxs70("div", { children: [
-      /* @__PURE__ */ jsx116("p", { className: "font-semibold text-amber-800", children: title }),
-      /* @__PURE__ */ jsx116("p", { className: "text-sm text-amber-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__ */ jsx117("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ jsx117(AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
+    /* @__PURE__ */ jsxs71("div", { children: [
+      /* @__PURE__ */ jsx117("p", { className: "font-semibold text-amber-800", children: title }),
+      /* @__PURE__ */ jsx117("p", { className: "text-sm text-amber-700", children: text })
     ] })
   ] });
 }
 
 // src/stepper/Stepper.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 function Stepper({
   totalSteps,
   activeStep,
@@ -11233,7 +11470,7 @@ function Stepper({
 }) {
   if (totalSteps <= 0) return null;
   const clampedActiveStep = Math.max(1, Math.min(totalSteps, activeStep));
-  return /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx118(
     "div",
     {
       className: cn("flex w-full items-center gap-2", className),
@@ -11244,7 +11481,7 @@ function Stepper({
       children: new Array(totalSteps).fill(null).map((_, stepIndex) => {
         const stepNumber = stepIndex + 1;
         const isActive = cumulative ? stepNumber <= clampedActiveStep : stepNumber === clampedActiveStep;
-        return /* @__PURE__ */ jsx117(
+        return /* @__PURE__ */ jsx118(
           "span",
           {
             className: cn(
@@ -11260,15 +11497,15 @@ function Stepper({
 }
 
 // src/switch-blocks/SwitchBlocks.tsx
-import { forwardRef as forwardRef47, memo as memo6 } from "react";
-import { jsx as jsx118 } from "react/jsx-runtime";
-var SwitchBlocksInternal = forwardRef47(
-  ({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ jsx118(
+import { forwardRef as forwardRef48, memo as memo6 } from "react";
+import { jsx as jsx119 } from "react/jsx-runtime";
+var SwitchBlocksInternal = forwardRef48(
+  ({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ jsx119(
     "div",
     {
       ref,
       className: cn("flex flex-wrap items-center justify-start gap-4", className),
-      children: options.map((option) => /* @__PURE__ */ jsx118(
+      children: options.map((option) => /* @__PURE__ */ jsx119(
         BoxOptionSelector,
         {
           id: option.id,
@@ -11289,9 +11526,9 @@ SwitchBlocksInternal.displayName = "SwitchBlocks";
 var SwitchBlocks = memo6(SwitchBlocksInternal);
 
 // src/switch-group/SwitchGroup.tsx
-import * as React37 from "react";
-import { jsx as jsx119, jsxs as jsxs71 } from "react/jsx-runtime";
-var SwitchGroup = React37.forwardRef(
+import * as React38 from "react";
+import { jsx as jsx120, jsxs as jsxs72 } from "react/jsx-runtime";
+var SwitchGroup = React38.forwardRef(
   ({ options, value = [], onChange, disabled = false, className, error, ...props }, ref) => {
     const handleOptionChange = (optionValue, checked) => {
       if (!onChange) return;
@@ -11301,9 +11538,9 @@ var SwitchGroup = React37.forwardRef(
       }
       onChange(value.filter((selectedValue) => selectedValue !== optionValue));
     };
-    return /* @__PURE__ */ jsxs71("div", { ref, className: cn("w-full space-y-4", className), ...props, children: [
-      options.map((option) => /* @__PURE__ */ jsxs71("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsx119("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs71(
+    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__ */ jsx120("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs72(
           Label,
           {
             className: cn(
@@ -11312,7 +11549,7 @@ var SwitchGroup = React37.forwardRef(
             ),
             children: [
               option.label,
-              option.description && /* @__PURE__ */ jsxs71(
+              option.description && /* @__PURE__ */ jsxs72(
                 "span",
                 {
                   className: cn(
@@ -11329,7 +11566,7 @@ var SwitchGroup = React37.forwardRef(
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx119(
+        /* @__PURE__ */ jsx120(
           Switch,
           {
             value: value.includes(option.value),
@@ -11339,7 +11576,7 @@ var SwitchGroup = React37.forwardRef(
           }
         )
       ] }, option.value)),
-      error && /* @__PURE__ */ jsx119(ErrorMessage, { disabled, children: error })
+      error && /* @__PURE__ */ jsx120(ErrorMessage, { disabled, children: error })
     ] });
   }
 );
@@ -11347,11 +11584,11 @@ SwitchGroup.displayName = "SwitchGroup";
 
 // src/tabs/Tabs.tsx
 import {
-  forwardRef as forwardRef49
+  forwardRef as forwardRef50
 } from "react";
 import * as TabsPrimitive2 from "@radix-ui/react-tabs";
 import { cva as cva14 } from "class-variance-authority";
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx121 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive2.Root;
 var tabsListVariants = cva14("inline-flex items-center", {
   variants: {
@@ -11364,8 +11601,8 @@ var tabsListVariants = cva14("inline-flex items-center", {
     variant: "button"
   }
 });
-var TabsList = forwardRef49(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx120(
+var TabsList = forwardRef50(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx121(
     TabsPrimitive2.List,
     {
       ref,
@@ -11389,13 +11626,13 @@ var tabsTriggerVariants = cva14(
     }
   }
 );
-var TabsTrigger = forwardRef49(({ className, variant = "button", hidden, ...props }, ref) => {
+var TabsTrigger = forwardRef50(({ className, variant = "button", hidden, ...props }, ref) => {
   if (hidden) {
     return null;
   }
   if (props.asLink) {
     const { asLink: Link2, value, end, onClick: onClick2, children: children2, ...linkProps } = props;
-    return /* @__PURE__ */ jsx120(
+    return /* @__PURE__ */ jsx121(
       Link2,
       {
         relative: "route",
@@ -11413,7 +11650,7 @@ var TabsTrigger = forwardRef49(({ className, variant = "button", hidden, ...prop
     );
   }
   const { children, onClick, end: _end, ...triggerProps } = props;
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx121(
     TabsPrimitive2.Trigger,
     {
       ref,
@@ -11429,7 +11666,7 @@ var TabsTrigger = forwardRef49(({ className, variant = "button", hidden, ...prop
   );
 });
 TabsTrigger.displayName = TabsPrimitive2.Trigger.displayName;
-var TabsContent = forwardRef49(({ className, ...props }, ref) => /* @__PURE__ */ jsx120(
+var TabsContent = forwardRef50(({ className, ...props }, ref) => /* @__PURE__ */ jsx121(
   TabsPrimitive2.Content,
   {
     ref,
@@ -11441,7 +11678,7 @@ var TabsContent = forwardRef49(({ className, ...props }, ref) => /* @__PURE__ */
 TabsContent.displayName = TabsPrimitive2.Content.displayName;
 
 // src/tabbed-section/TabbedSection.tsx
-import { jsx as jsx121, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs73 } from "react/jsx-runtime";
 function TabbedSection({
   triggers,
   value,
@@ -11463,8 +11700,8 @@ function TabbedSection({
     "[&>div:first-child]:gap-[var(--section-gap,0.75rem)]",
     className
   );
-  return /* @__PURE__ */ jsxs72(Tabs, { value: activeTab, onValueChange: onTabChange, className: "w-full", children: [
-    /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsxs73(Tabs, { value: activeTab, onValueChange: onTabChange, className: "w-full", children: [
+    /* @__PURE__ */ jsx122(
       BookmarkTabsList,
       {
         variant,
@@ -11472,15 +11709,15 @@ function TabbedSection({
         children: triggers
       }
     ),
-    /* @__PURE__ */ jsx121("div", { className: contentContainerClassName, children })
+    /* @__PURE__ */ jsx122("div", { className: contentContainerClassName, children })
   ] });
 }
 
 // src/table-filter/TableFilter.tsx
 import { SquareX } from "lucide-react";
-import { jsx as jsx122, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs74 } from "react/jsx-runtime";
 function TableFilter({ onRemove, onClick, children, className }) {
-  return /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsxs74(
     "div",
     {
       onClick,
@@ -11492,7 +11729,7 @@ function TableFilter({ onRemove, onClick, children, className }) {
       ),
       children: [
         children,
-        /* @__PURE__ */ jsx122(
+        /* @__PURE__ */ jsx123(
           SquareX,
           {
             onClick: onRemove,
@@ -11509,9 +11746,9 @@ function TableFilter({ onRemove, onClick, children, className }) {
 }
 
 // src/table-filter/DateTableFilter.tsx
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 function DateTableFilter({ className, ...props }) {
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx124(
     TableFilter,
     {
       className: cn(
@@ -11525,13 +11762,13 @@ function DateTableFilter({ className, ...props }) {
 }
 
 // src/table-loader/TableLoader.tsx
-import { forwardRef as forwardRef50 } from "react";
+import { forwardRef as forwardRef51 } from "react";
 import { useTranslation as useTranslation20 } from "react-i18next";
-import { jsx as jsx124 } from "react/jsx-runtime";
-var LoaderComponent = forwardRef50(
+import { jsx as jsx125 } from "react/jsx-runtime";
+var LoaderComponent = forwardRef51(
   ({ label, className, hideBorder, variant = "primary" }, ref) => {
     const { t } = useTranslation20();
-    return /* @__PURE__ */ jsx124(
+    return /* @__PURE__ */ jsx125(
       "div",
       {
         ref,
@@ -11540,7 +11777,7 @@ var LoaderComponent = forwardRef50(
           !hideBorder && "border-t border-[var(--table-loader-border)]",
           className
         ),
-        children: /* @__PURE__ */ jsx124(
+        children: /* @__PURE__ */ jsx125(
           CircularLoader,
           {
             size: variant === "primary" ? "lg" : "md",
@@ -11556,16 +11793,16 @@ var LoaderComponent = forwardRef50(
   }
 );
 LoaderComponent.displayName = "TableLoader.Loader";
-function Root22({ children, columns }) {
-  return /* @__PURE__ */ jsx124("tr", { className: "cursor-pointer hover:!bg-[var(--table-loader-row-hover-bg)]", children: /* @__PURE__ */ jsx124("td", { colSpan: columns, className: "cursor-default pl-0", children }) });
+function Root23({ children, columns }) {
+  return /* @__PURE__ */ jsx125("tr", { className: "cursor-pointer hover:!bg-[var(--table-loader-row-hover-bg)]", children: /* @__PURE__ */ jsx125("td", { colSpan: columns, className: "cursor-default pl-0", children }) });
 }
 var TableLoader = {
   Loader: LoaderComponent,
-  Root: Root22
+  Root: Root23
 };
 
 // src/table-placeholder/TablePlaceholder.tsx
-import { jsx as jsx125, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs75 } from "react/jsx-runtime";
 function TablePlaceholder({
   children,
   text,
@@ -11578,26 +11815,26 @@ 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__ */ jsx125("div", { className: "mb-6", children: iconSlot }),
-    title && /* @__PURE__ */ jsx125("h3", { className: "mb-2 text-lg font-semibold", children: title }),
-    text && /* @__PURE__ */ jsx125("p", { className: "text-md max-w-sm font-medium", children: text }),
-    children && /* @__PURE__ */ jsx125("div", { className: "mt-6", children })
+  const content = /* @__PURE__ */ jsxs75("div", { className: "flex flex-col items-center justify-center px-4 py-14 text-center", children: [
+    iconSlot && /* @__PURE__ */ jsx126("div", { className: "mb-6", children: iconSlot }),
+    title && /* @__PURE__ */ jsx126("h3", { className: "mb-2 text-lg font-semibold", children: title }),
+    text && /* @__PURE__ */ jsx126("p", { className: "text-md max-w-sm font-medium", children: text }),
+    children && /* @__PURE__ */ jsx126("div", { className: "mt-6", children })
   ] });
   if (insideTable) {
-    return /* @__PURE__ */ jsx125("tr", { children: /* @__PURE__ */ jsx125("td", { colSpan: 100, className, children: content }) });
+    return /* @__PURE__ */ jsx126("tr", { children: /* @__PURE__ */ jsx126("td", { colSpan: 100, className, children: content }) });
   }
-  return /* @__PURE__ */ jsx125("div", { className, children: content });
+  return /* @__PURE__ */ jsx126("div", { className, children: content });
 }
 
 // src/timeline/Timeline.tsx
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 
 // src/timeline/TimelineContext.ts
-import * as React38 from "react";
-var TimelineContext = React38.createContext(null);
+import * as React39 from "react";
+var TimelineContext = React39.createContext(null);
 function useTimeline() {
-  const context = React38.useContext(TimelineContext);
+  const context = React39.useContext(TimelineContext);
   if (!context) {
     throw new Error("useTimeline must be used within a <Timeline />.");
   }
@@ -11605,9 +11842,9 @@ function useTimeline() {
 }
 
 // src/timeline/Timeline.tsx
-import { jsx as jsx126 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 function Timeline({ className, orientation = "vertical", ...props }) {
-  return /* @__PURE__ */ jsx126(TimelineContext.Provider, { value: { orientation }, children: /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(TimelineContext.Provider, { value: { orientation }, children: /* @__PURE__ */ jsx127(
     "ol",
     {
       "data-slot": "timeline",
@@ -11621,7 +11858,7 @@ function Timeline({ className, orientation = "vertical", ...props }) {
 function TimelineItem({ className, asChild, ...props }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? Slot5 : "li";
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     Comp,
     {
       "data-slot": "timeline-item",
@@ -11634,7 +11871,7 @@ function TimelineItem({ className, asChild, ...props }) {
 function TimelineSeparator({ className, asChild, ...props }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? Slot5 : "div";
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     Comp,
     {
       "data-slot": "timeline-separator",
@@ -11656,7 +11893,7 @@ function TimelineDot({
 }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? Slot5 : "div";
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     Comp,
     {
       "data-slot": "timeline-dot",
@@ -11676,7 +11913,7 @@ function TimelineDot({
 function TimelineConnector({ className, asChild, ...props }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? Slot5 : "div";
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     Comp,
     {
       "data-slot": "timeline-connector",
@@ -11694,7 +11931,7 @@ function TimelineConnector({ className, asChild, ...props }) {
 function TimelineContent({ className, asChild, ...props }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? Slot5 : "div";
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     Comp,
     {
       "data-slot": "timeline-content",
@@ -11712,7 +11949,7 @@ function TimelineContent({ className, asChild, ...props }) {
 function TimelineTitle({ className, asChild, ...props }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? Slot5 : "div";
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     Comp,
     {
       "data-slot": "timeline-title",
@@ -11725,7 +11962,7 @@ function TimelineTitle({ className, asChild, ...props }) {
 function TimelineDescription({ className, asChild, ...props }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? Slot5 : "div";
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     Comp,
     {
       "data-slot": "timeline-description",
@@ -11740,11 +11977,11 @@ function TimelineDescription({ className, asChild, ...props }) {
 import { Toaster, toast as toast2 } from "sonner";
 
 // src/toaster/useUpdateToast.ts
-import { useCallback as useCallback27, useRef as useRef22 } from "react";
+import { useCallback as useCallback28, useRef as useRef23 } from "react";
 import { toast } from "sonner";
 function useUpdateToast({ id }) {
-  const toastIdRef = useRef22("");
-  const getToastOptions = useCallback27(
+  const toastIdRef = useRef23("");
+  const getToastOptions = useCallback28(
     (options) => ({
       id: toastIdRef.current,
       dismissible: false,
@@ -11776,7 +12013,7 @@ function useUpdateToast({ id }) {
 }
 
 // src/toggle-group/ToggleGroup.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 
 // src/toggle-group/style.ts
@@ -11809,15 +12046,15 @@ var toggleVariants = cva15(
 );
 
 // src/toggle-group/ToggleGroup.tsx
-import { jsx as jsx127, jsxs as jsxs75 } from "react/jsx-runtime";
-var ToggleGroupContext = React39.createContext({
+import { jsx as jsx128, jsxs as jsxs76 } from "react/jsx-runtime";
+var ToggleGroupContext = React40.createContext({
   size: "default",
   variant: "default",
   theme: "default"
 });
-var ToggleGroup = React39.forwardRef(({ className, variant, size, theme, children, ...props }, ref) => {
+var ToggleGroup = React40.forwardRef(({ className, variant, size, theme, children, ...props }, ref) => {
   const isTabVariant = variant === "tab";
-  return /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsx128(
     ToggleGroupPrimitive.Root,
     {
       ref,
@@ -11827,16 +12064,16 @@ var ToggleGroup = React39.forwardRef(({ className, variant, size, theme, childre
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx127(ToggleGroupContext.Provider, { value: { variant, size, theme }, children })
+      children: /* @__PURE__ */ jsx128(ToggleGroupContext.Provider, { value: { variant, size, theme }, children })
     }
   );
 });
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React39.forwardRef(({ className, children, variant, size, theme, ...props }, ref) => {
-  const context = React39.useContext(ToggleGroupContext);
+var ToggleGroupItem = React40.forwardRef(({ className, children, variant, size, theme, ...props }, ref) => {
+  const context = React40.useContext(ToggleGroupContext);
   const resolvedVariant = context.variant || variant;
   const isTabVariant = resolvedVariant === "tab";
-  return /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsx128(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -11849,9 +12086,9 @@ var ToggleGroupItem = React39.forwardRef(({ className, children, variant, size,
         className
       ),
       ...props,
-      children: isTabVariant ? /* @__PURE__ */ jsxs75("span", { className: "inline-grid", children: [
-        /* @__PURE__ */ jsx127("span", { className: "invisible col-start-1 row-start-1 font-semibold", children }),
-        /* @__PURE__ */ jsx127("span", { className: "col-start-1 row-start-1", children })
+      children: isTabVariant ? /* @__PURE__ */ jsxs76("span", { className: "inline-grid", children: [
+        /* @__PURE__ */ jsx128("span", { className: "invisible col-start-1 row-start-1 font-semibold", children }),
+        /* @__PURE__ */ jsx128("span", { className: "col-start-1 row-start-1", children })
       ] }) : children
     }
   );
@@ -11861,11 +12098,11 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 // src/toggle-group/Toggles.tsx
 import {
   cloneElement as cloneElement2,
-  forwardRef as forwardRef52,
+  forwardRef as forwardRef53,
   isValidElement as isValidElement2,
   useEffect as useEffect32
 } from "react";
-import { jsx as jsx128, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs77 } from "react/jsx-runtime";
 var getValueArray = (value) => {
   if (value !== void 0 && value !== null) {
     return Array.isArray(value) ? value : [value];
@@ -11961,16 +12198,16 @@ function TogglesInternal({
     onValueChange: handleValueChange,
     ...multiple ? { type: "multiple", value: currentValue } : { type: "single", value: currentValue[0] ?? "" }
   };
-  return /* @__PURE__ */ jsxs76("div", { ref, className, children: [
-    label && /* @__PURE__ */ jsx128("div", { className: "mb-2", children: /* @__PURE__ */ jsx128("div", { className: "select-none text-base font-normal text-[var(--toggles-label-text)]", children: label }) }),
-    /* @__PURE__ */ jsx128(ToggleGroup, { className: groupClassName, ...toggleGroupProps, children: options.map((option, index) => {
+  return /* @__PURE__ */ jsxs77("div", { ref, className, children: [
+    label && /* @__PURE__ */ jsx129("div", { className: "mb-2", children: /* @__PURE__ */ jsx129("div", { className: "select-none text-base font-normal text-[var(--toggles-label-text)]", children: label }) }),
+    /* @__PURE__ */ jsx129(ToggleGroup, { className: groupClassName, ...toggleGroupProps, children: options.map((option, index) => {
       const isSelected = Boolean(
         getValueArray(value).find((selectedValue) => selectedValue === option.value)
       );
       const isDisabled = disabled || disabledItems?.includes(option.value) || option.disabled;
       const isMinSelected = getValueArray(value).length <= minSelected;
       const isItemReadOnly = readOnly || isMinSelected && isSelected || readonlyItems?.includes(option.value);
-      return /* @__PURE__ */ jsx128(
+      return /* @__PURE__ */ jsx129(
         ToggleGroupItem,
         {
           value: String(option.value),
@@ -11983,37 +12220,37 @@ function TogglesInternal({
     }) })
   ] });
 }
-var Toggles = forwardRef52(TogglesInternal);
+var Toggles = forwardRef53(TogglesInternal);
 
 // src/three-dots-loader/ThreeDotsLoader.tsx
-import { Fragment as Fragment11, jsx as jsx129, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx130, jsxs as jsxs78 } from "react/jsx-runtime";
 function Dots({
   height,
   width,
   color
 }) {
-  return /* @__PURE__ */ jsxs77(
+  return /* @__PURE__ */ jsxs78(
     "span",
     {
       className: "inline-flex items-center justify-center gap-[15%]",
       style: { height, width },
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsx130(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full [animation-delay:-0.32s]",
             style: { backgroundColor: color }
           }
         ),
-        /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsx130(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full [animation-delay:-0.16s]",
             style: { backgroundColor: color }
           }
         ),
-        /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsx130(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full",
@@ -12032,9 +12269,9 @@ function ThreeDotsLoader({
   className,
   labelPlacement = "right"
 }) {
-  const dots = /* @__PURE__ */ jsx129(Dots, { color, height, width });
+  const dots = /* @__PURE__ */ jsx130(Dots, { color, height, width });
   if (label) {
-    return /* @__PURE__ */ jsx129(
+    return /* @__PURE__ */ jsx130(
       "div",
       {
         className: cn(
@@ -12042,22 +12279,22 @@ function ThreeDotsLoader({
           className
         ),
         role: "progressbar",
-        children: labelPlacement === "right" ? /* @__PURE__ */ jsxs77(Fragment11, { children: [
+        children: labelPlacement === "right" ? /* @__PURE__ */ jsxs78(Fragment11, { children: [
           dots,
-          /* @__PURE__ */ jsx129("div", { children: label })
-        ] }) : /* @__PURE__ */ jsxs77(Fragment11, { children: [
-          /* @__PURE__ */ jsx129("div", { children: label }),
+          /* @__PURE__ */ jsx130("div", { children: label })
+        ] }) : /* @__PURE__ */ jsxs78(Fragment11, { children: [
+          /* @__PURE__ */ jsx130("div", { children: label }),
           dots
         ] })
       }
     );
   }
-  return /* @__PURE__ */ jsx129("div", { role: "progressbar", className, children: dots });
+  return /* @__PURE__ */ jsx130("div", { role: "progressbar", className, children: dots });
 }
 
 // src/uploaded-files-list/UploadedFilesList.tsx
 import { X as X6 } from "lucide-react";
-import { jsx as jsx130, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs79 } from "react/jsx-runtime";
 function UploadedFilesList({
   files,
   onRemoveFile,
@@ -12066,20 +12303,20 @@ function UploadedFilesList({
   if (!files.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx130("div", { className: cn("flex flex-wrap gap-2.5", className), children: files.map((file, index) => /* @__PURE__ */ jsxs78(
+  return /* @__PURE__ */ jsx131("div", { className: cn("flex flex-wrap gap-2.5", className), children: files.map((file, index) => /* @__PURE__ */ jsxs79(
     "div",
     {
       className: "flex cursor-default items-center gap-2 rounded border border-[var(--chekin-neutral-400)] bg-[var(--chekin-neutral-75)] py-1.5 pl-3 pr-1.5",
       children: [
-        /* @__PURE__ */ jsx130("span", { className: "text-nowrap text-sm font-medium leading-5 text-[var(--chekin-blue-900)]", children: file.name }),
-        /* @__PURE__ */ jsx130(
+        /* @__PURE__ */ jsx131("span", { className: "text-nowrap text-sm font-medium leading-5 text-[var(--chekin-blue-900)]", children: file.name }),
+        /* @__PURE__ */ jsx131(
           "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-neutral-600)] transition-all hover:shadow-md active:opacity-95",
             "aria-label": `Remove ${file.name}`,
-            children: /* @__PURE__ */ jsx130(X6, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
+            children: /* @__PURE__ */ jsx131(X6, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
           }
         )
       ]
@@ -12089,8 +12326,8 @@ function UploadedFilesList({
 }
 
 // src/vertical-tabs/VerticalTabs.tsx
-import { useState as useState33 } from "react";
-import { jsx as jsx131, jsxs as jsxs79 } from "react/jsx-runtime";
+import { useState as useState34 } from "react";
+import { jsx as jsx132, jsxs as jsxs80 } from "react/jsx-runtime";
 function getKey(index, key) {
   return `${key || "step"}_${index}`;
 }
@@ -12101,9 +12338,9 @@ function VerticalTabs({
   className
 }) {
   const defaultValue = getKey(0, stepKey);
-  const [value, setValue] = useState33(defaultValue);
+  const [value, setValue] = useState34(defaultValue);
   const hasImages = steps.every((step) => step.images?.length);
-  return /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsxs80(
     "div",
     {
       className: cn(
@@ -12112,10 +12349,10 @@ function VerticalTabs({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx131("div", { className: "flex w-full flex-grow-0 flex-col flex-nowrap gap-0", children: steps.map(({ title, text }, index) => {
+        /* @__PURE__ */ jsx132("div", { className: "flex w-full flex-grow-0 flex-col flex-nowrap gap-0", children: steps.map(({ title, text }, index) => {
           const stepValue = getKey(index, stepKey);
           const active = value === stepValue;
-          return /* @__PURE__ */ jsxs79(
+          return /* @__PURE__ */ jsxs80(
             "button",
             {
               type: "button",
@@ -12127,8 +12364,8 @@ function VerticalTabs({
                 active && "border-b-[var(--vertical-tabs-step-border)] border-l-[var(--vertical-tabs-active-border)] pb-6"
               ),
               children: [
-                /* @__PURE__ */ jsx131("span", { className: "text-sm font-bold leading-4 text-[var(--vertical-tabs-step-label)]", children: getStepLabel(index) }),
-                /* @__PURE__ */ jsx131(
+                /* @__PURE__ */ jsx132("span", { className: "text-sm font-bold leading-4 text-[var(--vertical-tabs-step-label)]", children: getStepLabel(index) }),
+                /* @__PURE__ */ jsx132(
                   "span",
                   {
                     className: cn(
@@ -12138,14 +12375,14 @@ function VerticalTabs({
                     children: title
                   }
                 ),
-                /* @__PURE__ */ jsx131(
+                /* @__PURE__ */ jsx132(
                   "span",
                   {
                     className: cn(
                       "grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-300",
                       active && "grid-rows-[1fr]"
                     ),
-                    children: /* @__PURE__ */ jsx131(
+                    children: /* @__PURE__ */ jsx132(
                       "span",
                       {
                         className: cn(
@@ -12168,7 +12405,7 @@ function VerticalTabs({
           if (value !== stepValue) {
             return null;
           }
-          return /* @__PURE__ */ jsx131("div", { className: "h-full w-full", children: /* @__PURE__ */ jsx131(Carousel, { children: images?.map((image) => /* @__PURE__ */ jsx131(
+          return /* @__PURE__ */ jsx132("div", { className: "h-full w-full", children: /* @__PURE__ */ jsx132(Carousel, { children: images?.map((image) => /* @__PURE__ */ jsx132(
             "img",
             {
               src: image,
@@ -12185,8 +12422,8 @@ function VerticalTabs({
 
 // src/video-modal/VideoModal.tsx
 import { X as X7 } from "lucide-react";
-import * as React40 from "react";
-import { jsx as jsx132, jsxs as jsxs80 } from "react/jsx-runtime";
+import * as React41 from "react";
+import { jsx as jsx133, jsxs as jsxs81 } from "react/jsx-runtime";
 function VideoModal({
   videoId,
   isOpen,
@@ -12194,8 +12431,8 @@ function VideoModal({
   width = "100%",
   height = "100%"
 }) {
-  const iframeRef = React40.useRef(null);
-  React40.useEffect(() => {
+  const iframeRef = React41.useRef(null);
+  React41.useEffect(() => {
     const handleEsc = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -12208,7 +12445,7 @@ function VideoModal({
       window.removeEventListener("keydown", handleEsc);
     };
   }, [isOpen, onClose]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!isOpen && iframeRef.current) {
       iframeRef.current.contentWindow?.postMessage(
         '{"event":"command","func":"pauseVideo","args":""}',
@@ -12219,15 +12456,15 @@ function VideoModal({
   if (!isOpen) {
     return null;
   }
-  return /* @__PURE__ */ jsx132(
+  return /* @__PURE__ */ jsx133(
     "div",
     {
       className: "fixed inset-0 z-[9999] flex items-center justify-center bg-[var(--video-modal-overlay-bg)] px-4",
       role: "dialog",
       "aria-modal": "true",
       "aria-label": "Video",
-      children: /* @__PURE__ */ jsxs80("div", { className: "relative w-full max-w-[1075px]", children: [
-        /* @__PURE__ */ jsx132(
+      children: /* @__PURE__ */ jsxs81("div", { className: "relative w-full max-w-[1075px]", children: [
+        /* @__PURE__ */ jsx133(
           "button",
           {
             type: "button",
@@ -12238,10 +12475,10 @@ function VideoModal({
               "max-sm:right-2 max-sm:top-2"
             ),
             "aria-label": "Close",
-            children: /* @__PURE__ */ jsx132(X7, { className: "h-5 w-5", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx133(X7, { className: "h-5 w-5", "aria-hidden": true })
           }
         ),
-        /* @__PURE__ */ jsx132("div", { className: "relative w-full overflow-hidden", children: /* @__PURE__ */ jsx132(
+        /* @__PURE__ */ jsx133("div", { className: "relative w-full overflow-hidden", children: /* @__PURE__ */ jsx133(
           "iframe",
           {
             ref: iframeRef,
@@ -12260,7 +12497,7 @@ function VideoModal({
 }
 
 // src/video-player/VideoPlayer.tsx
-import { useEffect as useEffect34, useRef as useRef24, useState as useState34 } from "react";
+import { useEffect as useEffect34, useRef as useRef25, useState as useState35 } from "react";
 import { useTranslation as useTranslation21 } from "react-i18next";
 import {
   Loader2 as Loader23,
@@ -12274,7 +12511,7 @@ import {
   VolumeX,
   X as X8
 } from "lucide-react";
-import { Fragment as Fragment12, jsx as jsx133, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx134, jsxs as jsxs82 } from "react/jsx-runtime";
 function VideoPlayer({
   src,
   poster,
@@ -12284,18 +12521,18 @@ function VideoPlayer({
   autoPlay = false
 }) {
   const { t } = useTranslation21();
-  const videoRef = useRef24(null);
-  const iframeRef = useRef24(null);
-  const containerRef = useRef24(null);
-  const [isPlaying, setIsPlaying] = useState34(false);
-  const [isMuted, setIsMuted] = useState34(false);
-  const [currentTime, setCurrentTime] = useState34(0);
-  const [duration, setDuration] = useState34(0);
-  const [isFullScreenMode, setIsFullScreenMode] = useState34(isFullScreen);
-  const [isLoading, setIsLoading] = useState34(true);
-  const [videoSource, setVideoSource] = useState34("file");
-  const [youtubeEmbedUrl, setYoutubeEmbedUrl] = useState34("");
-  const [vimeoEmbedUrl, setVimeoEmbedUrl] = useState34("");
+  const videoRef = useRef25(null);
+  const iframeRef = useRef25(null);
+  const containerRef = useRef25(null);
+  const [isPlaying, setIsPlaying] = useState35(false);
+  const [isMuted, setIsMuted] = useState35(false);
+  const [currentTime, setCurrentTime] = useState35(0);
+  const [duration, setDuration] = useState35(0);
+  const [isFullScreenMode, setIsFullScreenMode] = useState35(isFullScreen);
+  const [isLoading, setIsLoading] = useState35(true);
+  const [videoSource, setVideoSource] = useState35("file");
+  const [youtubeEmbedUrl, setYoutubeEmbedUrl] = useState35("");
+  const [vimeoEmbedUrl, setVimeoEmbedUrl] = useState35("");
   useClickEscape({ enabled: isFullScreenMode, onClick: onClose });
   useEffect34(() => {
     const youtubeRegex = /(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([a-zA-Z0-9_-]{11})/;
@@ -12418,21 +12655,21 @@ function VideoPlayer({
       onClose?.();
     }
   };
-  return /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsxs82(
     "div",
     {
       ref: containerRef,
       className: containerClasses,
       onClick: isFullScreenMode ? handleBackgroundClick : void 0,
       children: [
-        isFullScreenMode && /* @__PURE__ */ jsxs81("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [
-          /* @__PURE__ */ jsx133("div", { className: "absolute left-1/4 top-1/4 h-2 w-2 animate-pulse rounded-full bg-white/20 duration-1000" }),
-          /* @__PURE__ */ jsx133("div", { className: "absolute left-1/3 top-3/4 h-1 w-1 animate-pulse rounded-full bg-white/30 delay-500 duration-1000" }),
-          /* @__PURE__ */ jsx133("div", { className: "absolute right-1/4 top-1/2 h-1.5 w-1.5 animate-pulse rounded-full bg-white/20 delay-1000 duration-1000" }),
-          /* @__PURE__ */ jsx133("div", { className: "absolute bottom-1/4 right-1/3 h-1 w-1 animate-pulse rounded-full bg-white/25 delay-1500 duration-1000" }),
-          /* @__PURE__ */ jsx133("div", { className: "absolute right-1/6 top-1/6 h-2 w-2 animate-pulse rounded-full bg-white/15 delay-2000 duration-1000" })
+        isFullScreenMode && /* @__PURE__ */ jsxs82("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [
+          /* @__PURE__ */ jsx134("div", { className: "absolute left-1/4 top-1/4 h-2 w-2 animate-pulse rounded-full bg-white/20 duration-1000" }),
+          /* @__PURE__ */ jsx134("div", { className: "absolute left-1/3 top-3/4 h-1 w-1 animate-pulse rounded-full bg-white/30 delay-500 duration-1000" }),
+          /* @__PURE__ */ jsx134("div", { className: "absolute right-1/4 top-1/2 h-1.5 w-1.5 animate-pulse rounded-full bg-white/20 delay-1000 duration-1000" }),
+          /* @__PURE__ */ jsx134("div", { className: "absolute bottom-1/4 right-1/3 h-1 w-1 animate-pulse rounded-full bg-white/25 delay-1500 duration-1000" }),
+          /* @__PURE__ */ jsx134("div", { className: "absolute right-1/6 top-1/6 h-2 w-2 animate-pulse rounded-full bg-white/15 delay-2000 duration-1000" })
         ] }),
-        isFullScreenMode && onClose && /* @__PURE__ */ jsx133(
+        isFullScreenMode && onClose && /* @__PURE__ */ jsx134(
           Button,
           {
             variant: "ghost",
@@ -12440,15 +12677,15 @@ function VideoPlayer({
             onClick: onClose,
             className: "absolute right-4 top-4 z-10 rounded-full text-white transition-all duration-300 hover:scale-110 hover:bg-white/20 active:scale-95",
             "aria-label": t("close"),
-            children: /* @__PURE__ */ jsx133(X8, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ jsx134(X8, { className: "h-6 w-6" })
           }
         ),
-        title && isFullScreenMode && /* @__PURE__ */ jsx133("div", { className: "absolute left-4 top-4 z-10 animate-in slide-in-from-left-4 text-white delay-200 duration-500", children: /* @__PURE__ */ jsx133("h3", { className: "text-lg font-medium drop-shadow-lg", children: title }) }),
-        isLoading && /* @__PURE__ */ jsx133("div", { className: "absolute inset-0 z-20 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsxs81("div", { className: "flex items-center gap-3 text-white", children: [
-          /* @__PURE__ */ jsx133(Loader23, { className: "h-8 w-8 animate-spin" }),
-          /* @__PURE__ */ jsx133("span", { className: "text-lg font-medium", children: t("loading_video") })
+        title && isFullScreenMode && /* @__PURE__ */ jsx134("div", { className: "absolute left-4 top-4 z-10 animate-in slide-in-from-left-4 text-white delay-200 duration-500", children: /* @__PURE__ */ jsx134("h3", { className: "text-lg font-medium drop-shadow-lg", children: title }) }),
+        isLoading && /* @__PURE__ */ jsx134("div", { className: "absolute inset-0 z-20 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsxs82("div", { className: "flex items-center gap-3 text-white", children: [
+          /* @__PURE__ */ jsx134(Loader23, { className: "h-8 w-8 animate-spin" }),
+          /* @__PURE__ */ jsx134("span", { className: "text-lg font-medium", children: t("loading_video") })
         ] }) }),
-        /* @__PURE__ */ jsx133("div", { className: videoContainerClasses, onClick: (event) => event.stopPropagation(), children: videoSource === "youtube" ? /* @__PURE__ */ jsx133(
+        /* @__PURE__ */ jsx134("div", { className: videoContainerClasses, onClick: (event) => event.stopPropagation(), children: videoSource === "youtube" ? /* @__PURE__ */ jsx134(
           "iframe",
           {
             ref: iframeRef,
@@ -12459,7 +12696,7 @@ function VideoPlayer({
             onLoad: () => setIsLoading(false),
             title: title || "YouTube video player"
           }
-        ) : videoSource === "vimeo" ? /* @__PURE__ */ jsx133(
+        ) : videoSource === "vimeo" ? /* @__PURE__ */ jsx134(
           "iframe",
           {
             ref: iframeRef,
@@ -12470,8 +12707,8 @@ function VideoPlayer({
             onLoad: () => setIsLoading(false),
             title: title || "Vimeo video player"
           }
-        ) : /* @__PURE__ */ jsxs81(Fragment12, { children: [
-          /* @__PURE__ */ jsxs81(
+        ) : /* @__PURE__ */ jsxs82(Fragment12, { children: [
+          /* @__PURE__ */ jsxs82(
             "video",
             {
               ref: videoRef,
@@ -12481,17 +12718,17 @@ function VideoPlayer({
               playsInline: true,
               autoPlay,
               children: [
-                /* @__PURE__ */ jsx133("source", { src, type: "video/mp4" }),
+                /* @__PURE__ */ jsx134("source", { src, type: "video/mp4" }),
                 t("video_not_supported")
               ]
             }
           ),
-          /* @__PURE__ */ jsxs81(
+          /* @__PURE__ */ jsxs82(
             "div",
             {
               className: `absolute bottom-0 left-0 right-0 rounded-b-lg bg-gradient-to-t from-black/80 via-black/60 to-transparent p-3 transition-all duration-300 hover:from-black/90 hover:via-black/70 ${isFullScreenMode ? "pb-6" : ""}`,
               children: [
-                /* @__PURE__ */ jsx133("div", { className: "mb-3 flex items-center gap-2", children: /* @__PURE__ */ jsx133(
+                /* @__PURE__ */ jsx134("div", { className: "mb-3 flex items-center gap-2", children: /* @__PURE__ */ jsx134(
                   "input",
                   {
                     type: "range",
@@ -12502,9 +12739,9 @@ function VideoPlayer({
                     className: "h-2 w-full cursor-pointer appearance-none rounded-full bg-white/30 transition-all duration-200 hover:bg-white/40 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white [&::-webkit-slider-thumb]:shadow-lg [&::-webkit-slider-thumb]:transition-all [&::-webkit-slider-thumb]:duration-200 [&::-webkit-slider-thumb]:hover:scale-125"
                   }
                 ) }),
-                /* @__PURE__ */ jsxs81("div", { className: "flex items-center justify-between", children: [
-                  /* @__PURE__ */ jsxs81("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx133(
+                /* @__PURE__ */ jsxs82("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsxs82("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx134(
                       Button,
                       {
                         variant: "ghost",
@@ -12512,10 +12749,10 @@ function VideoPlayer({
                         onClick: togglePlay,
                         className: "h-10 w-10 rounded-full text-white transition-all duration-200 hover:scale-110 hover:bg-white/20 active:scale-95",
                         "aria-label": isPlaying ? t("pause") : t("play"),
-                        children: isPlaying ? /* @__PURE__ */ jsx133(Pause2, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx133(Play2, { className: "h-5 w-5" })
+                        children: isPlaying ? /* @__PURE__ */ jsx134(Pause2, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx134(Play2, { className: "h-5 w-5" })
                       }
                     ),
-                    /* @__PURE__ */ jsx133(
+                    /* @__PURE__ */ jsx134(
                       Button,
                       {
                         variant: "ghost",
@@ -12523,10 +12760,10 @@ function VideoPlayer({
                         onClick: skipBackward,
                         className: "h-10 w-10 rounded-full text-white transition-all duration-200 hover:scale-110 hover:bg-white/20 active:scale-95",
                         "aria-label": t("skip_backward"),
-                        children: /* @__PURE__ */ jsx133(SkipBack, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ jsx134(SkipBack, { className: "h-5 w-5" })
                       }
                     ),
-                    /* @__PURE__ */ jsx133(
+                    /* @__PURE__ */ jsx134(
                       Button,
                       {
                         variant: "ghost",
@@ -12534,10 +12771,10 @@ function VideoPlayer({
                         onClick: skipForward,
                         className: "h-10 w-10 rounded-full text-white transition-all duration-200 hover:scale-110 hover:bg-white/20 active:scale-95",
                         "aria-label": t("skip_forward"),
-                        children: /* @__PURE__ */ jsx133(SkipForward, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ jsx134(SkipForward, { className: "h-5 w-5" })
                       }
                     ),
-                    /* @__PURE__ */ jsx133(
+                    /* @__PURE__ */ jsx134(
                       Button,
                       {
                         variant: "ghost",
@@ -12545,16 +12782,16 @@ function VideoPlayer({
                         onClick: toggleMute,
                         className: "h-10 w-10 rounded-full text-white transition-all duration-200 hover:scale-110 hover:bg-white/20 active:scale-95",
                         "aria-label": isMuted ? t("unmute") : t("mute"),
-                        children: isMuted ? /* @__PURE__ */ jsx133(VolumeX, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx133(Volume2, { className: "h-5 w-5" })
+                        children: isMuted ? /* @__PURE__ */ jsx134(VolumeX, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx134(Volume2, { className: "h-5 w-5" })
                       }
                     ),
-                    /* @__PURE__ */ jsxs81("span", { className: "text-sm font-medium text-white/90", children: [
+                    /* @__PURE__ */ jsxs82("span", { className: "text-sm font-medium text-white/90", children: [
                       formatTime2(currentTime),
                       " / ",
                       formatTime2(duration || 0)
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx133(
+                  /* @__PURE__ */ jsx134(
                     Button,
                     {
                       variant: "ghost",
@@ -12562,7 +12799,7 @@ function VideoPlayer({
                       onClick: toggleFullScreen,
                       className: "h-10 w-10 rounded-full text-white transition-all duration-200 hover:scale-110 hover:bg-white/20 active:scale-95",
                       "aria-label": isFullScreenMode ? t("exit_full_screen") : t("enter_full_screen"),
-                      children: isFullScreenMode ? /* @__PURE__ */ jsx133(Minimize, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx133(Maximize, { className: "h-5 w-5" })
+                      children: isFullScreenMode ? /* @__PURE__ */ jsx134(Minimize, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx134(Maximize, { className: "h-5 w-5" })
                     }
                   )
                 ] })
@@ -12577,13 +12814,13 @@ function VideoPlayer({
 
 // src/webcam/Webcam.tsx
 import {
-  forwardRef as forwardRef53,
+  forwardRef as forwardRef54,
   memo as memo7,
-  useCallback as useCallback29,
+  useCallback as useCallback30,
   useImperativeHandle as useImperativeHandle2,
   useMemo as useMemo7,
-  useRef as useRef25,
-  useState as useState35
+  useRef as useRef26,
+  useState as useState36
 } from "react";
 import { isFirefox, isMobile as isMobile2 } from "react-device-detect";
 import ReactWebcam from "react-webcam";
@@ -12638,7 +12875,7 @@ async function compressImage(image) {
 }
 
 // src/webcam/useErrorHandler.ts
-import { useCallback as useCallback28 } from "react";
+import { useCallback as useCallback29 } from "react";
 import { useTranslation as useTranslation22 } from "react-i18next";
 import { isSafari as isSafari2 } from "react-device-detect";
 
@@ -12804,7 +13041,7 @@ var GET_USER_MEDIA_ERROR = "getUserMedia is not implemented in this browser";
 function useErrorHandler({ onError }) {
   const { t } = useTranslation22();
   const handleError = useEvent(onError);
-  const handleUserMediaError = useCallback28(
+  const handleUserMediaError = useCallback29(
     (error) => {
       console.error(error);
       let errorText;
@@ -12871,11 +13108,11 @@ function useErrorHandler({ onError }) {
 }
 
 // src/webcam/Webcam.tsx
-import { Fragment as Fragment13, jsx as jsx134, jsxs as jsxs82 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx135, jsxs as jsxs83 } from "react/jsx-runtime";
 var SCREENSHOT_FORMAT = "image/jpeg";
 var mirroredTransformStyle = { transform: "rotateY(180deg)" };
 var Webcam = memo7(
-  forwardRef53(
+  forwardRef54(
     ({
       onUserMedia,
       onDisabled,
@@ -12899,10 +13136,10 @@ var Webcam = memo7(
       onError,
       ...props
     }, ref) => {
-      const [minScreenshotHeight, setMinScreenshotHeight] = useState35();
-      const [minScreenshotWidth, setMinScreenshotWidth] = useState35();
-      const [useReducedConstraints, setUseReducedConstraints] = useState35(false);
-      const [numberOfCameras, setNumberOfCameras] = useState35(0);
+      const [minScreenshotHeight, setMinScreenshotHeight] = useState36();
+      const [minScreenshotWidth, setMinScreenshotWidth] = useState36();
+      const [useReducedConstraints, setUseReducedConstraints] = useState36(false);
+      const [numberOfCameras, setNumberOfCameras] = useState36(0);
       const constraints = useMemo7(() => {
         if (videoConstraints) {
           return videoConstraints;
@@ -12924,17 +13161,17 @@ var Webcam = memo7(
         videoSourceDeviceId
       ]);
       const isMirroredInCSS = mirrored === void 0 && !isMobileOrTablet();
-      const webcamRef = useRef25(null);
-      const scanAreaRef = useRef25(null);
-      const canvasRef = useRef25(null);
-      const containerRef = useRef25(null);
+      const webcamRef = useRef26(null);
+      const scanAreaRef = useRef26(null);
+      const canvasRef = useRef26(null);
+      const containerRef = useRef26(null);
       const { handleUserMediaError } = useErrorHandler({
         onError: (errorDetails) => {
           onDisabled?.(true);
           onError(errorDetails);
         }
       });
-      const handleUserMediaErrorWithFallback = useCallback29(
+      const handleUserMediaErrorWithFallback = useCallback30(
         (error) => {
           if (error instanceof DOMException && error.name === "OverconstrainedError" && !useReducedConstraints && !videoConstraints) {
             console.warn("Camera constraints failed, trying reduced constraints:", error);
@@ -12984,7 +13221,7 @@ var Webcam = memo7(
           ...webcamRef.current
         })
       );
-      const handleUserMediaSuccess = useCallback29(
+      const handleUserMediaSuccess = useCallback30(
         (stream) => {
           if (!isMobile2) {
             const track = stream.getVideoTracks()[0];
@@ -13009,7 +13246,7 @@ var Webcam = memo7(
         },
         [minScreenshotH, minScreenshotW, onUserMedia]
       );
-      return /* @__PURE__ */ jsxs82(
+      return /* @__PURE__ */ jsxs83(
         "div",
         {
           ref: containerRef,
@@ -13020,7 +13257,7 @@ var Webcam = memo7(
           ),
           style: isMirroredInCSS ? mirroredTransformStyle : void 0,
           children: [
-            !hideScanArea && /* @__PURE__ */ jsxs82(
+            !hideScanArea && /* @__PURE__ */ jsxs83(
               "div",
               {
                 ref: scanAreaRef,
@@ -13032,18 +13269,18 @@ var Webcam = memo7(
                 ),
                 style: isMirroredInCSS ? mirroredTransformStyle : void 0,
                 children: [
-                  !roundedScanArea && /* @__PURE__ */ jsxs82(Fragment13, { children: [
-                    /* @__PURE__ */ jsx134("div", { className: "absolute left-[-2px] top-[-2px] h-[45px] w-[45px] rounded-tl-[15px] border-[4px] border-b-0 border-r-0 border-white" }),
-                    /* @__PURE__ */ jsx134("div", { className: "absolute right-[-2px] top-[-2px] h-[45px] w-[45px] rounded-tr-[15px] border-[4px] border-b-0 border-l-0 border-white" }),
-                    /* @__PURE__ */ jsx134("div", { className: "absolute bottom-[-2px] right-[-2px] h-[45px] w-[45px] rounded-br-[15px] border-[4px] border-l-0 border-t-0 border-white" }),
-                    /* @__PURE__ */ jsx134("div", { className: "absolute bottom-[-2px] left-[-2px] h-[45px] w-[45px] rounded-bl-[15px] border-[4px] border-r-0 border-t-0 border-white" })
+                  !roundedScanArea && /* @__PURE__ */ jsxs83(Fragment13, { children: [
+                    /* @__PURE__ */ jsx135("div", { className: "absolute left-[-2px] top-[-2px] h-[45px] w-[45px] rounded-tl-[15px] border-[4px] border-b-0 border-r-0 border-white" }),
+                    /* @__PURE__ */ jsx135("div", { className: "absolute right-[-2px] top-[-2px] h-[45px] w-[45px] rounded-tr-[15px] border-[4px] border-b-0 border-l-0 border-white" }),
+                    /* @__PURE__ */ jsx135("div", { className: "absolute bottom-[-2px] right-[-2px] h-[45px] w-[45px] rounded-br-[15px] border-[4px] border-l-0 border-t-0 border-white" }),
+                    /* @__PURE__ */ jsx135("div", { className: "absolute bottom-[-2px] left-[-2px] h-[45px] w-[45px] rounded-bl-[15px] border-[4px] border-r-0 border-t-0 border-white" })
                   ] }),
                   placeholderImage
                 ]
               }
             ),
-            /* @__PURE__ */ jsx134("canvas", { ref: canvasRef, className: "hidden" }),
-            isLoading ? /* @__PURE__ */ jsx134("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsx134("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-white/30 border-t-white" }) }) : /* @__PURE__ */ jsx134(
+            /* @__PURE__ */ jsx135("canvas", { ref: canvasRef, className: "hidden" }),
+            isLoading ? /* @__PURE__ */ jsx135("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsx135("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-white/30 border-t-white" }) }) : /* @__PURE__ */ jsx135(
               ReactWebcam,
               {
                 ref: webcamRef,
@@ -13075,24 +13312,24 @@ Webcam.displayName = "Webcam";
 
 // src/mobile-webcam/MobileWebcam.tsx
 import { Camera, ChevronLeft as ChevronLeft4 } from "lucide-react";
-import { forwardRef as forwardRef54, useCallback as useCallback31 } from "react";
+import { forwardRef as forwardRef55, useCallback as useCallback32 } from "react";
 import { createPortal } from "react-dom";
 import { useTranslation as useTranslation24 } from "react-i18next";
 
 // src/mobile-webcam/DeviceCamera/DeviceCamera.tsx
-import { useCallback as useCallback30 } from "react";
+import { useCallback as useCallback31 } from "react";
 import { useTranslation as useTranslation23 } from "react-i18next";
-import { jsx as jsx135, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx136, jsxs as jsxs84 } from "react/jsx-runtime";
 function DeviceCamera({ onChange, facingMode, className }) {
   const { t } = useTranslation23();
-  const handleNativeScreenshot = useCallback30(
+  const handleNativeScreenshot = useCallback31(
     (event) => {
       const file = event.target.files?.[0];
       onChange(file ? compressImage(file) : void 0);
     },
     [onChange]
   );
-  return /* @__PURE__ */ jsxs83(
+  return /* @__PURE__ */ jsxs84(
     "div",
     {
       className: cn(
@@ -13100,10 +13337,10 @@ function DeviceCamera({ onChange, facingMode, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx135("div", { children: t("camera_errors.experiencing_camera_issues") }),
-        /* @__PURE__ */ jsxs83("label", { className: "text-[16px] font-semibold uppercase leading-6", children: [
+        /* @__PURE__ */ jsx136("div", { children: t("camera_errors.experiencing_camera_issues") }),
+        /* @__PURE__ */ jsxs84("label", { className: "text-[16px] font-semibold uppercase leading-6", children: [
           t("open_devices_camera"),
-          /* @__PURE__ */ jsx135(
+          /* @__PURE__ */ jsx136(
             "input",
             {
               className: "sr-only",
@@ -13120,7 +13357,7 @@ function DeviceCamera({ onChange, facingMode, className }) {
 }
 
 // src/mobile-webcam/MobileWebcam.tsx
-import { jsx as jsx136, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs85 } from "react/jsx-runtime";
 var webcamClasses = "fixed left-0 top-0 z-[6] h-full w-full rounded-none";
 var scanAreaClasses = String.raw`[&_.webcam\_\_scan-area]:h-full [&_.webcam\_\_scan-area]:max-h-[209px] landscape:[&_.webcam\_\_scan-area]:h-[80%] landscape:[&_.webcam\_\_scan-area]:max-h-full md:[&_.webcam\_\_scan-area]:h-auto md:[&_.webcam\_\_scan-area]:max-h-none md:[&_.webcam\_\_scan-area]:aspect-[2/1]`;
 var roundedWebcamClasses = String.raw`[&_.webcam\_\_scan-area]:top-[-60px] [&_.webcam\_\_scan-area]:h-full [&_.webcam\_\_scan-area]:w-full [&_.webcam\_\_scan-area]:max-h-[55%] [&_.webcam\_\_scan-area]:max-w-[80%] max-[375px]:[&_.webcam\_\_scan-area]:max-h-[369px] max-[375px]:[&_.webcam\_\_scan-area]:max-w-[261px] max-[320px]:[&_.webcam\_\_scan-area]:max-h-[318px] max-[320px]:[&_.webcam\_\_scan-area]:max-w-[220px] landscape:[&_.webcam\_\_scan-area]:h-full landscape:[&_.webcam\_\_scan-area]:w-full landscape:[&_.webcam\_\_scan-area]:max-h-[90%] landscape:[&_.webcam\_\_scan-area]:max-w-[261px] md:[&_.webcam\_\_scan-area]:aspect-square`;
@@ -13129,28 +13366,28 @@ function getAndMapFacingMode(constraints) {
   if (constraints.facingMode === "user") return "user";
   if (constraints.facingMode === "environment") return "environment";
 }
-var MobileWebcam = forwardRef54(
+var MobileWebcam = forwardRef55(
   ({ onScreenshot, onBack, title, text, disabled, className, ...props }, ref) => {
     const rootElement = getDocument()?.body;
     const { t } = useTranslation24();
-    const handleNativeScreenshot = useCallback31(
+    const handleNativeScreenshot = useCallback32(
       (photo) => onScreenshot({ isNative: true, photo }),
       [onScreenshot]
     );
     return createPortal(
-      /* @__PURE__ */ jsxs84("div", { className: "mobile-camera flex justify-center", children: [
-        /* @__PURE__ */ jsx136(
+      /* @__PURE__ */ jsxs85("div", { className: "mobile-camera flex justify-center", children: [
+        /* @__PURE__ */ jsx137(
           "button",
           {
             type: "button",
             onClick: onBack,
             className: "mobile-camera__back-btn fixed left-7 top-9 z-[7] flex border-0 bg-transparent p-0 landscape:left-[50px] landscape:top-[70px]",
-            children: /* @__PURE__ */ jsx136(ChevronLeft4, { size: 32, strokeWidth: 3, className: "text-white" })
+            children: /* @__PURE__ */ jsx137(ChevronLeft4, { size: 32, strokeWidth: 3, className: "text-white" })
           }
         ),
-        title && /* @__PURE__ */ jsx136("div", { className: "mobile-camera__title fixed left-1/2 top-8 z-[7] -translate-x-1/2 whitespace-nowrap text-[18px] font-bold text-white landscape:top-[5px]", children: title }),
-        text ? /* @__PURE__ */ jsx136("p", { className: "mobile-camera__subtitle fixed top-[76px] z-[7] mx-auto my-0 px-6 text-center text-white landscape:hidden [@media(min-height:838px)]:top-28", children: text }) : /* @__PURE__ */ jsx136("p", { className: "mobile-camera__helper fixed top-[88px] z-[7] mx-auto my-0 px-6 text-center text-xs text-white landscape:hidden [@media(min-height:700px)]:[font-size:inherit]", children: t("place_document_inside_frame") }),
-        /* @__PURE__ */ jsx136(
+        title && /* @__PURE__ */ jsx137("div", { className: "mobile-camera__title fixed left-1/2 top-8 z-[7] -translate-x-1/2 whitespace-nowrap text-[18px] font-bold text-white landscape:top-[5px]", children: title }),
+        text ? /* @__PURE__ */ jsx137("p", { className: "mobile-camera__subtitle fixed top-[76px] z-[7] mx-auto my-0 px-6 text-center text-white landscape:hidden [@media(min-height:838px)]:top-28", children: text }) : /* @__PURE__ */ jsx137("p", { className: "mobile-camera__helper fixed top-[88px] z-[7] mx-auto my-0 px-6 text-center text-xs text-white landscape:hidden [@media(min-height:700px)]:[font-size:inherit]", children: t("place_document_inside_frame") }),
+        /* @__PURE__ */ jsx137(
           Webcam,
           {
             ref,
@@ -13162,18 +13399,18 @@ var MobileWebcam = forwardRef54(
             )
           }
         ),
-        /* @__PURE__ */ jsxs84("div", { className: "fixed bottom-5 z-[7] flex w-[calc(100%-32px)] flex-col justify-between gap-5 self-center landscape:inset-y-0 landscape:right-10 landscape:my-auto landscape:h-auto landscape:w-auto landscape:justify-normal landscape:[&_.mobile-webcam-device-camera]:hidden", children: [
-          /* @__PURE__ */ jsx136(
+        /* @__PURE__ */ jsxs85("div", { className: "fixed bottom-5 z-[7] flex w-[calc(100%-32px)] flex-col justify-between gap-5 self-center landscape:inset-y-0 landscape:right-10 landscape:my-auto landscape:h-auto landscape:w-auto landscape:justify-normal landscape:[&_.mobile-webcam-device-camera]:hidden", children: [
+          /* @__PURE__ */ jsx137(
             "button",
             {
               type: "button",
               disabled,
               onClick: () => onScreenshot({ isNative: false }),
               className: "mobile-camera__take-btn relative flex h-[75px] w-[75px] items-center justify-center self-center rounded-full border-0 bg-white p-[10px] shadow-[0_0_10px_#ffffff] hover:opacity-80 disabled:cursor-default disabled:opacity-60 disabled:hover:opacity-60",
-              children: /* @__PURE__ */ jsx136(Camera, { size: 26, className: "text-[var(--primary)]" })
+              children: /* @__PURE__ */ jsx137(Camera, { size: 26, className: "text-[var(--primary)]" })
             }
           ),
-          /* @__PURE__ */ jsx136(
+          /* @__PURE__ */ jsx137(
             DeviceCamera,
             {
               onChange: handleNativeScreenshot,
@@ -13189,10 +13426,10 @@ var MobileWebcam = forwardRef54(
 MobileWebcam.displayName = "MobileWebcam";
 
 // src/wide-button/WideButton.tsx
-import { forwardRef as forwardRef55 } from "react";
-import { jsx as jsx137 } from "react/jsx-runtime";
-var WideButton = forwardRef55(
-  ({ className, disabled, ...props }, ref) => /* @__PURE__ */ jsx137(
+import { forwardRef as forwardRef56 } from "react";
+import { jsx as jsx138 } from "react/jsx-runtime";
+var WideButton = forwardRef56(
+  ({ className, disabled, ...props }, ref) => /* @__PURE__ */ jsx138(
     Button,
     {
       ref,
@@ -13210,195 +13447,6 @@ var WideButton = forwardRef55(
 );
 WideButton.displayName = "WideButton";
 
-// src/drawer/Drawer.tsx
-import * as React41 from "react";
-import * as DialogPrimitive2 from "@radix-ui/react-dialog";
-import Draggable from "react-draggable";
-import { jsx as jsx138, jsxs as jsxs85 } from "react/jsx-runtime";
-var DRAWER_CLOSE_THRESHOLD = 72;
-var DRAWER_MIN_OVERLAY_OPACITY = 0.1;
-function Drawer({ ...props }) {
-  return /* @__PURE__ */ jsx138(DialogPrimitive2.Root, { "data-slot": "drawer", ...props });
-}
-function DrawerTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx138(DialogPrimitive2.Trigger, { "data-slot": "drawer-trigger", ...props });
-}
-function DrawerPortal({ ...props }) {
-  return /* @__PURE__ */ jsx138(DialogPrimitive2.Portal, { "data-slot": "drawer-portal", ...props });
-}
-function DrawerClose({ ...props }) {
-  return /* @__PURE__ */ jsx138(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
-}
-var DrawerOverlay = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx138(
-  DialogPrimitive2.Overlay,
-  {
-    ref,
-    "data-slot": "drawer-overlay",
-    className: cn(
-      "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-      className
-    ),
-    ...props
-  }
-));
-DrawerOverlay.displayName = DialogPrimitive2.Overlay.displayName;
-var DrawerOverlayClasses = "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0";
-var DrawerContent = React41.forwardRef(
-  ({
-    className,
-    children,
-    container,
-    onClose,
-    showHandle = true,
-    closeOnOverlayClick = true,
-    lockScroll = true,
-    disableDrag = false,
-    ...props
-  }, ref) => {
-    const finalContainer = container || getCustomContainer() || void 0;
-    const nodeRef = React41.useRef(null);
-    const [dragOffsetY, setDragOffsetY] = React41.useState(0);
-    const overlayOpacity = Math.max(
-      DRAWER_MIN_OVERLAY_OPACITY,
-      1 - dragOffsetY / (DRAWER_CLOSE_THRESHOLD * 2)
-    );
-    const handleDrag = React41.useCallback(
-      (_event, data) => {
-        setDragOffsetY(Math.max(0, data.y));
-      },
-      []
-    );
-    const handleStop = React41.useCallback(
-      (_event, data) => {
-        if (data.y > DRAWER_CLOSE_THRESHOLD) {
-          setDragOffsetY(0);
-          onClose?.();
-          return;
-        }
-        setDragOffsetY(0);
-      },
-      [onClose]
-    );
-    return /* @__PURE__ */ jsxs85(DrawerPortal, { container: finalContainer, children: [
-      lockScroll ? /* @__PURE__ */ jsx138(
-        DrawerOverlay,
-        {
-          style: { opacity: overlayOpacity },
-          onClick: closeOnOverlayClick ? onClose : void 0
-        }
-      ) : /* @__PURE__ */ jsx138(
-        "div",
-        {
-          className: cn(DrawerOverlayClasses),
-          style: { opacity: overlayOpacity },
-          onClick: closeOnOverlayClick ? onClose : void 0
-        }
-      ),
-      /* @__PURE__ */ jsx138(
-        DialogPrimitive2.Content,
-        {
-          asChild: true,
-          ref,
-          onPointerDownOutside: (event) => {
-            if (!closeOnOverlayClick) {
-              event.preventDefault();
-            }
-          },
-          onInteractOutside: (event) => {
-            if (!closeOnOverlayClick) {
-              event.preventDefault();
-            }
-          },
-          ...props,
-          children: /* @__PURE__ */ jsx138("div", { className: "fixed inset-x-0 bottom-0 top-auto z-50 outline-none", children: /* @__PURE__ */ jsx138(
-            Draggable,
-            {
-              axis: "y",
-              bounds: { top: 0 },
-              handle: "[data-drawer-handle]",
-              nodeRef,
-              disabled: disableDrag,
-              onDrag: handleDrag,
-              onStop: handleStop,
-              position: { x: 0, y: dragOffsetY },
-              children: /* @__PURE__ */ jsxs85(
-                "div",
-                {
-                  ref: nodeRef,
-                  className: cn(
-                    "bg-[var(--modal-background)] flex max-h-[calc(100vh-1rem)] w-full flex-col rounded-t-[32px] shadow-lg",
-                    className
-                  ),
-                  children: [
-                    showHandle && /* @__PURE__ */ jsx138(
-                      "div",
-                      {
-                        "data-drawer-handle": true,
-                        className: cn(
-                          "mx-auto flex h-8 w-24 touch-none items-center justify-center",
-                          disableDrag ? "cursor-default" : "cursor-grab active:cursor-grabbing"
-                        ),
-                        children: /* @__PURE__ */ jsx138("span", { className: "block h-1.5 w-12 rounded-full bg-[#D9D7D3]" })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx138("div", { className: "min-h-0 flex-1 overflow-y-auto", children })
-                  ]
-                }
-              )
-            }
-          ) })
-        }
-      )
-    ] });
-  }
-);
-DrawerContent.displayName = DialogPrimitive2.Content.displayName;
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx138(
-  "div",
-  {
-    className: cn("flex flex-col gap-2 px-5 pt-2 text-center", className),
-    ...props
-  }
-);
-DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx138("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
-DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx138(
-  DialogPrimitive2.Title,
-  {
-    ref,
-    "data-slot": "drawer-title",
-    className: cn("text-lg font-semibold leading-none", className),
-    ...props
-  }
-));
-DrawerTitle.displayName = DialogPrimitive2.Title.displayName;
-var DrawerDescription = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx138(
-  DialogPrimitive2.Description,
-  {
-    ref,
-    "data-slot": "drawer-description",
-    className: cn("text-muted-foreground text-sm", className),
-    ...props
-  }
-));
-DrawerDescription.displayName = DialogPrimitive2.Description.displayName;
-
-// src/lib/device.ts
-var DEVICE = {
-  mobileS: "320px",
-  mobileM: "375px",
-  mobileL: "425px",
-  mobileXL: "479px",
-  tablet: "768px",
-  laptop: "1025px",
-  laptopM: "1126px",
-  laptopML: "1300px",
-  laptopL: "1440px",
-  laptopXL: "1640px",
-  desktop: "2560px"
-};
-
 // src/responsive-sheet/ResponsiveSheet.tsx
 import { jsx as jsx139, jsxs as jsxs86 } from "react/jsx-runtime";
 function ResponsiveSheet({
@@ -13444,17 +13492,7 @@ function ResponsiveSheet({
         contentClassName
       ),
       children: [
-        title ? /* @__PURE__ */ jsx139(
-          "div",
-          {
-            "aria-hidden": "true",
-            className: cn(
-              "text-center mb-3 text-[26px] font-semibold leading-7",
-              titleClassName
-            ),
-            children: title
-          }
-        ) : null,
+        title ? /* @__PURE__ */ jsx139(DialogTitle, { className: cn("text-center mb-3", titleClassName), children: title }) : null,
         description ? /* @__PURE__ */ jsx139(
           "p",
           {
@@ -13482,7 +13520,6 @@ function ResponsiveSheet({
         onEscapeKeyDown: handleEscapeKeyDown,
         className: cn(className, drawerClassName),
         children: [
-          title ? /* @__PURE__ */ jsx139(DrawerTitle, { className: "sr-only", children: title }) : null,
           description ? /* @__PURE__ */ jsx139(DrawerDescription, { className: "sr-only", children: description }) : null,
           content
         ]
@@ -13499,7 +13536,6 @@ function ResponsiveSheet({
       className: cn("max-w-[560px] border-0 p-0 shadow-xl", className, dialogClassName),
       lockScroll: false,
       children: [
-        title ? /* @__PURE__ */ jsx139(DialogTitle, { className: "sr-only", children: title }) : null,
         description ? /* @__PURE__ */ jsx139(DialogDescription, { className: "sr-only", children: description }) : null,
         content
       ]
@@ -18511,13 +18547,13 @@ import { differenceInDays, isAfter, isBefore, isSameDay } from "date-fns";
 import { format as formatDateFns, isValid, parse } from "date-fns";
 var DEFAULT_DISPLAY_FORMAT = "dd-MM-yyyy";
 var SUPPORTED_FORMATS = ["dd-MM-yyyy", "dd.MM.yyyy", "dd/MM/yyyy"];
-var formatDate = (format2 = DEFAULT_DISPLAY_FORMAT) => (date) => formatDateFns(date, format2);
+var formatDate = (format3 = DEFAULT_DISPLAY_FORMAT) => (date) => formatDateFns(date, format3);
 var parseDate = (displayFormat) => (dateStr) => {
   if (!dateStr) return void 0;
   const formats = displayFormat ? Array.from(/* @__PURE__ */ new Set([...SUPPORTED_FORMATS, displayFormat])) : SUPPORTED_FORMATS;
-  for (const format2 of formats) {
-    const parsed = parse(dateStr, format2, /* @__PURE__ */ new Date());
-    if (isValid(parsed) && formatDateFns(parsed, format2) === dateStr) {
+  for (const format3 of formats) {
+    const parsed = parse(dateStr, format3, /* @__PURE__ */ new Date());
+    if (isValid(parsed) && formatDateFns(parsed, format3) === dateStr) {
       return parsed;
     }
   }
@@ -18618,14 +18654,14 @@ function useRangeValue({
 import * as React66 from "react";
 
 // src/fields/date-range-picker/utils/inputFormat.ts
-function parseDateInputFormat(format2) {
+function parseDateInputFormat(format3) {
   const tokens = [];
   let i = 0;
-  while (i < format2.length) {
-    const ch = format2[i];
+  while (i < format3.length) {
+    const ch = format3[i];
     if (/[a-zA-Z]/.test(ch)) {
       let len = 1;
-      while (i + len < format2.length && format2[i + len] === ch) len++;
+      while (i + len < format3.length && format3[i + len] === ch) len++;
       tokens.push({ type: "digits", length: len });
       i += len;
     } else {
@@ -18697,8 +18733,8 @@ function autoFormatDateInput(raw, tokens) {
 var countDigits = (text) => text.replace(/\D/g, "").length;
 function useRangeTextInputs({
   value,
-  format: format2,
-  parse: parse3,
+  format: format3,
+  parse: parse4,
   displayFormat,
   onCommit,
   onBlur,
@@ -18710,23 +18746,23 @@ function useRangeTextInputs({
     [displayFormat]
   );
   const maxDigits = React66.useMemo(() => getMaxDigits(tokens), [tokens]);
-  const [fromText, setFromText] = React66.useState(value?.from ? format2(value.from) : "");
-  const [toText, setToText] = React66.useState(value?.to ? format2(value.to) : "");
+  const [fromText, setFromText] = React66.useState(value?.from ? format3(value.from) : "");
+  const [toText, setToText] = React66.useState(value?.to ? format3(value.to) : "");
   React66.useEffect(() => {
-    setFromText(value?.from ? format2(value.from) : "");
-    setToText(value?.to ? format2(value.to) : "");
-  }, [format2, value?.from, value?.to]);
+    setFromText(value?.from ? format3(value.from) : "");
+    setToText(value?.to ? format3(value.to) : "");
+  }, [format3, value?.from, value?.to]);
   const handleFromChange = React66.useCallback(
     (raw) => {
       const formatted = autoFormatDateInput(raw, tokens);
       const wasComplete = countDigits(fromText) === maxDigits;
       const isComplete = countDigits(formatted) === maxDigits;
       setFromText(formatted);
-      if (!wasComplete && isComplete && parse3(formatted)) {
+      if (!wasComplete && isComplete && parse4(formatted)) {
         setTimeout(() => onFromComplete?.(), 0);
       }
     },
-    [fromText, maxDigits, onFromComplete, parse3, tokens]
+    [fromText, maxDigits, onFromComplete, parse4, tokens]
   );
   const handleToChange = React66.useCallback(
     (raw) => {
@@ -18734,11 +18770,11 @@ function useRangeTextInputs({
       const wasComplete = countDigits(toText) === maxDigits;
       const isComplete = countDigits(formatted) === maxDigits;
       setToText(formatted);
-      if (!wasComplete && isComplete && parse3(formatted)) {
+      if (!wasComplete && isComplete && parse4(formatted)) {
         setTimeout(() => onToComplete?.(), 0);
       }
     },
-    [maxDigits, onToComplete, parse3, toText, tokens]
+    [maxDigits, onToComplete, parse4, toText, tokens]
   );
   const handleFromBlur = React66.useCallback(() => {
     if (!fromText) {
@@ -18747,16 +18783,16 @@ function useRangeTextInputs({
       onBlur?.(next);
       return void 0;
     }
-    const parsed = parse3(fromText);
+    const parsed = parse4(fromText);
     if (parsed) {
       const next = { from: parsed, to: value?.to };
       onCommit(next);
       onBlur?.(next);
       return parsed;
     }
-    setFromText(value?.from ? format2(value.from) : "");
+    setFromText(value?.from ? format3(value.from) : "");
     return void 0;
-  }, [format2, fromText, onBlur, onCommit, parse3, value]);
+  }, [format3, fromText, onBlur, onCommit, parse4, value]);
   const handleToBlur = React66.useCallback(() => {
     if (!toText) {
       const next = { from: value?.from, to: void 0 };
@@ -18764,15 +18800,15 @@ function useRangeTextInputs({
       onBlur?.(next);
       return;
     }
-    const parsed = parse3(toText);
+    const parsed = parse4(toText);
     if (parsed) {
       const next = { from: value?.from, to: parsed };
       onCommit(next);
       onBlur?.(next);
       return;
     }
-    setToText(value?.to ? format2(value.to) : "");
-  }, [format2, onBlur, onCommit, parse3, toText, value]);
+    setToText(value?.to ? format3(value.to) : "");
+  }, [format3, onBlur, onCommit, parse4, toText, value]);
   return {
     fromText,
     toText,
@@ -19960,7 +19996,7 @@ function AirbnbFieldHelperText({
     {
       id,
       className: cn(
-        "mt-2 text-[12px] font-normal leading-5 text-[var(--chekin-airbnb-gray-text)]",
+        "mt-2 text-[12px] leading-5 text-[var(--chekin-airbnb-gray-text)]",
         disabled && "opacity-50",
         className
       ),
@@ -22361,6 +22397,62 @@ var AirbnbSwitch = React84.forwardRef(
   }
 );
 AirbnbSwitch.displayName = "AirbnbSwitch";
+
+// src/airbnb-fields/time-picker/TimePicker.tsx
+import * as React85 from "react";
+import { addDays as addDays2, addHours as addHours2, addMinutes as addMinutes2, format as format2, parse as parse3 } from "date-fns";
+import { jsx as jsx196 } from "react/jsx-runtime";
+var SHORT_TIME_FORMAT2 = "HH:mm";
+function parseTime2(value) {
+  return parse3(value, SHORT_TIME_FORMAT2, /* @__PURE__ */ new Date());
+}
+function getRange2(settings) {
+  const min = parseTime2(settings.min_time);
+  const max = settings.max_time === "00:00" && settings.addNextDay ? addDays2(parseTime2(settings.max_time), 1) : parseTime2(settings.max_time);
+  return { min, max };
+}
+function buildOptions2(settings) {
+  const interval_unit = settings.interval_unit ?? "M";
+  const interval = settings.interval ?? (interval_unit === "H" ? 1 : 60);
+  const min_time = settings.min_time ?? "00:00";
+  const max_time = settings.max_time ?? (interval_unit === "H" ? "23:00" : "23:00");
+  const addNextDay = settings.addNextDay !== false;
+  const { min, max } = getRange2({ interval_unit, interval, min_time, max_time, addNextDay });
+  const options = [];
+  let current = new Date(min.getTime());
+  while (current.getTime() <= max.getTime()) {
+    const text = format2(current, SHORT_TIME_FORMAT2);
+    options.push({ value: text, label: text });
+    current = interval_unit === "H" ? addHours2(current, interval) : addMinutes2(current, interval);
+  }
+  return options;
+}
+var FORMAT_SETTINGS2 = {
+  time: { interval_unit: "M", interval: 30, min_time: "00:00", max_time: "23:30" },
+  timeEach15Minutes: {
+    interval_unit: "M",
+    interval: 15,
+    min_time: "00:00",
+    max_time: "23:45"
+  },
+  timeEach30Minutes: {
+    interval_unit: "M",
+    interval: 30,
+    min_time: "00:00",
+    max_time: "23:30"
+  },
+  hours: { interval_unit: "H", interval: 1, min_time: "00:00", max_time: "23:00" }
+};
+var AirbnbTimePicker = React85.forwardRef(
+  function AirbnbTimePicker2({ format: formatName = "time", timeSettings, options, ...selectProps }, ref) {
+    const resolvedOptions = React85.useMemo(() => {
+      if (options) return options;
+      const settings = timeSettings ?? FORMAT_SETTINGS2[formatName];
+      return buildOptions2(settings);
+    }, [formatName, options, timeSettings]);
+    return /* @__PURE__ */ jsx196(AirbnbSelect, { ref, ...selectProps, options: resolvedOptions });
+  }
+);
 export {
   ALERT_BOX_VARIANTS,
   Accordion,
@@ -22376,6 +22468,7 @@ export {
   AirbnbSearchableSelect,
   AirbnbSelect,
   AirbnbSwitch,
+  AirbnbTimePicker,
   Alert,
   AlertBox,
   AlertDescription,