@chekinapp/ui 0.2.5 → 0.2.7

package/dist/index.cjs

@@ -8014,7 +8014,198 @@ function registerUiKitI18n(i18n, options = {}) {
 
 // src/large-modal/LargeModal.tsx
 var import_lucide_react17 = require("lucide-react");
+
+// src/drawer/Drawer.tsx
+var React22 = __toESM(require("react"), 1);
+var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_react_draggable = __toESM(require("react-draggable"), 1);
 var import_jsx_runtime68 = require("react/jsx-runtime");
+var DRAWER_CLOSE_THRESHOLD = 72;
+var DRAWER_MIN_OVERLAY_OPACITY = 0.1;
+function Drawer({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DialogPrimitive2.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DialogPrimitive2.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DialogPrimitive2.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerClose({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
+}
+var DrawerOverlay = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  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__ */ (0, import_jsx_runtime68.jsxs)(DrawerPortal, { container: finalContainer, children: [
+      lockScroll ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        DrawerOverlay,
+        {
+          style: { opacity: overlayOpacity },
+          onClick: closeOnOverlayClick ? onClose : void 0
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        "div",
+        {
+          className: cn(DrawerOverlayClasses),
+          style: { opacity: overlayOpacity },
+          onClick: closeOnOverlayClick ? onClose : void 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        DialogPrimitive2.Content,
+        {
+          asChild: true,
+          ref,
+          onPointerDownOutside: (event) => {
+            if (!closeOnOverlayClick) {
+              event.preventDefault();
+            }
+          },
+          onInteractOutside: (event) => {
+            if (!closeOnOverlayClick) {
+              event.preventDefault();
+            }
+          },
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "fixed inset-x-0 bottom-0 top-auto z-50 outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            import_react_draggable.default,
+            {
+              axis: "y",
+              bounds: { top: 0 },
+              handle: "[data-drawer-handle]",
+              nodeRef,
+              disabled: disableDrag,
+              onDrag: handleDrag,
+              onStop: handleStop,
+              position: { x: 0, y: dragOffsetY },
+              children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                "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__ */ (0, import_jsx_runtime68.jsx)(
+                      "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__ */ (0, import_jsx_runtime68.jsx)("span", { className: "block h-1.5 w-12 rounded-full bg-[#D9D7D3]" })
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children })
+                  ]
+                }
+              )
+            }
+          ) })
+        }
+      )
+    ] });
+  }
+);
+DrawerContent.displayName = DialogPrimitive2.Content.displayName;
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  "div",
+  {
+    className: cn("flex flex-col gap-2 px-5 pt-2 text-center", className),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  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__ */ (0, import_jsx_runtime68.jsx)(
+  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
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function LargeModal({
   open,
   onOpenChange,
@@ -8023,15 +8214,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__ */ (0, import_jsx_runtime68.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  const { isMatch: isMobile3 } = useScreenResize(DEVICE.tablet);
+  const isMobileMode = isMobile3 && isMobileModalModeAvailable();
+  if (isMobileMode) {
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+      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__ */ (0, import_jsx_runtime69.jsxs)(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__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DrawerTitle, { className: "text-lg font-semibold text-[var(--chekin-color-brand-navy)]", children: header }),
+              subHeader && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { children: subHeader })
+            ] }),
+            !showDrawerHandle && withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+              "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__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react17.X, { className: "h-5 w-5" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DrawerDescription, { className: "sr-only", children: screenReaderText })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "min-h-0 flex-1 space-y-6 overflow-y-auto px-6 py-6", children }),
+          footer && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DrawerFooter, { className: "p-4", children: footer })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     DialogContent,
     {
       showCloseButton: false,
@@ -8055,24 +8292,24 @@ function LargeModal({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(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__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DialogTitle, { className: "text-lg font-semibold text-[var(--chekin-color-brand-navy)]", children: header }),
-            subHeader && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { children: subHeader })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(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__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DialogTitle, { className: "text-lg font-semibold text-[var(--chekin-color-brand-navy)]", children: header }),
+            subHeader && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { children: subHeader })
           ] }),
-          withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             "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__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react17.X, { className: "h-5 w-5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react17.X, { className: "h-5 w-5" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DialogDescription, { className: "sr-only", children: screenReaderText })
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DialogDescription, { className: "sr-only", children: screenReaderText })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "div",
           {
             className: cn(
@@ -8082,7 +8319,7 @@ function LargeModal({
             children
           }
         ),
-        footer && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DialogFooter, { className: "p-4", children: footer })
+        footer && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DialogFooter, { className: "p-4", children: footer })
       ]
     }
   ) });
@@ -8091,20 +8328,20 @@ function LargeModal({
 // src/learn-more-button/LearnMoreButton.tsx
 var import_lucide_react18 = require("lucide-react");
 var import_react_i18next9 = require("react-i18next");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function LearnMoreButton({ label, ...props }) {
   const { t } = (0, import_react_i18next9.useTranslation)();
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Button, { variant: "link", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react18.BookOpenIcon, { className: "size-5 text-[var(--button-link-text)]" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Button, { variant: "link", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react18.BookOpenIcon, { className: "size-5 text-[var(--button-link-text)]" }),
     label || t("learn_more")
   ] });
 }
 
 // src/link/Link.tsx
 var import_react53 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var LinkInternal = (0, import_react53.forwardRef)(
-  ({ disabled = false, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  ({ disabled = false, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "a",
     {
       ref,
@@ -8128,7 +8365,7 @@ var Link = (0, import_react53.memo)(LinkInternal);
 var import_react54 = require("react");
 var import_lucide_react19 = require("lucide-react");
 var import_react_i18next10 = require("react-i18next");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function ImageFullScreenView({ src, alt, onClose }) {
   const { t } = (0, import_react_i18next10.useTranslation)();
   const [scale, setScale] = (0, import_react54.useState)(1);
@@ -8137,9 +8374,9 @@ function ImageFullScreenView({ src, alt, 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__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "fixed inset-0 z-[300] flex flex-col items-center justify-center bg-black/90", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "absolute right-4 top-4 z-[301] flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "fixed inset-0 z-[300] flex flex-col items-center justify-center bg-black/90", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "absolute right-4 top-4 z-[301] flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         Button,
         {
           variant: "ghost",
@@ -8147,10 +8384,10 @@ function ImageFullScreenView({ src, alt, onClose }) {
           onClick: zoomIn,
           className: "rounded-full text-white hover:bg-white/20",
           "aria-label": t("zoom_in"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react19.ZoomIn, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react19.ZoomIn, { className: "h-6 w-6" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         Button,
         {
           variant: "ghost",
@@ -8158,10 +8395,10 @@ function ImageFullScreenView({ src, alt, onClose }) {
           onClick: zoomOut,
           className: "rounded-full text-white hover:bg-white/20",
           "aria-label": t("zoom_out"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react19.ZoomOut, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react19.ZoomOut, { className: "h-6 w-6" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         Button,
         {
           variant: "ghost",
@@ -8169,10 +8406,10 @@ function ImageFullScreenView({ src, alt, onClose }) {
           onClick: rotate,
           className: "rounded-full text-white hover:bg-white/20",
           "aria-label": t("rotate"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react19.RotateCw, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react19.RotateCw, { className: "h-6 w-6" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         Button,
         {
           variant: "ghost",
@@ -8180,11 +8417,11 @@ function ImageFullScreenView({ src, alt, onClose }) {
           onClick: onClose,
           className: "rounded-full text-white hover:bg-white/20",
           "aria-label": t("close"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react19.X, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react19.X, { className: "h-6 w-6" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "div",
       {
         className: "flex h-full w-full cursor-move items-center justify-center overflow-hidden",
@@ -8193,7 +8430,7 @@ function ImageFullScreenView({ src, alt, onClose }) {
             onClose();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "div",
           {
             style: {
@@ -8201,7 +8438,7 @@ function ImageFullScreenView({ src, alt, onClose }) {
               transition: "transform 0.2s ease-in-out"
             },
             className: "max-h-[90%] max-w-[90%]",
-            children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
               Image2,
               {
                 src: src || "",
@@ -8215,14 +8452,14 @@ function ImageFullScreenView({ src, alt, onClose }) {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "absolute bottom-4 left-0 right-0 text-center text-sm text-white/70", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { children: t("esc_to_close") }) })
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "absolute bottom-4 left-0 right-0 text-center text-sm text-white/70", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { children: t("esc_to_close") }) })
   ] });
 }
 
 // src/modal/Modal.tsx
 var import_react55 = require("react");
 var import_lucide_react20 = require("lucide-react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var preventDefault = (event) => {
   event.preventDefault();
 };
@@ -8256,7 +8493,7 @@ function Modal({
     onOpenChange?.(false);
     onClose?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Dialog, { open, onOpenChange, modal, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Dialog, { open, onOpenChange, modal, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     DialogContent,
     {
       ref: contentRef,
@@ -8267,7 +8504,7 @@ function Modal({
       overlayClassName,
       className: cn(
         "modal__content",
-        "flex h-auto min-w-[340px] w-auto flex-col items-center gap-y-6 rounded-md bg-[var(--chekin-color-white)] text-center text-[var(--chekin-color-brand-navy)]",
+        "flex h-auto min-w-[340px] w-auto flex-col items-center gap-y-6 bg-[var(--chekin-color-white)] text-center text-[var(--chekin-color-brand-navy)]",
         scrollableOverlay && "min-h-0",
         size === "compact" && "w-[360px] min-w-0",
         className
@@ -8275,7 +8512,7 @@ function Modal({
       lockScroll,
       ...!text && { "aria-describedby": void 0 },
       children: [
-        withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           "button",
           {
             type: "button",
@@ -8285,14 +8522,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__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react20.X, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react20.X, { className: "h-5 w-5" })
           }
         ),
-        (icon || iconSrc || iconProps?.src) && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: cn("modal__icon mx-auto mt-4 select-none", iconClassName), children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
-        title ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogTitle, { className: cn("modal__title", "px-6 text-lg font-bold"), children: title }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogVisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogTitle, { children: "Dialog" }) }),
-        text && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogDescription, { className: cn("modal__text", "text-base"), children: text }),
+        (icon || iconSrc || iconProps?.src) && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: cn("modal__icon mx-auto mt-4 select-none", iconClassName), children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
+        title ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DialogTitle, { className: cn("modal__title", "px-6 font-bold"), children: title }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DialogVisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DialogTitle, { children: "Dialog" }) }),
+        text && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DialogDescription, { className: cn("modal__text", "text-base"), children: text }),
         children,
-        buttons && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        buttons && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           "div",
           {
             className: cn(
@@ -8307,7 +8544,7 @@ function Modal({
   ) });
 }
 var ModalButton = (0, import_react55.forwardRef)(
-  ({ children, size, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  ({ children, size, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     Button,
     {
       ref,
@@ -8326,7 +8563,7 @@ var import_react57 = require("react");
 
 // src/circular-loader/CircularLoader.tsx
 var import_react56 = __toESM(require("react"), 1);
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var loaderSizePixels = {
   sm: 16,
   md: 32,
@@ -8352,7 +8589,7 @@ var CircularLoader = import_react56.default.memo(
     className
   }) => {
     if (!visible) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
       "div",
       {
         className: cn(
@@ -8362,7 +8599,7 @@ var CircularLoader = import_react56.default.memo(
         ),
         role: "progressbar",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
             "svg",
             {
               viewBox: "25 25 50 50",
@@ -8372,7 +8609,7 @@ var CircularLoader = import_react56.default.memo(
                 height: toCssSize(height ?? width ?? loaderSizePixels[size])
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   "circle",
                   {
                     r: "20",
@@ -8382,7 +8619,7 @@ var CircularLoader = import_react56.default.memo(
                     strokeWidth: "7"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                   "circle",
                   {
                     r: "20",
@@ -8394,7 +8631,7 @@ var CircularLoader = import_react56.default.memo(
                     strokeLinecap: "round",
                     strokeWidth: "7",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                         "animateTransform",
                         {
                           attributeName: "transform",
@@ -8405,7 +8642,7 @@ var CircularLoader = import_react56.default.memo(
                           type: "rotate"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                         "animate",
                         {
                           attributeName: "stroke-dasharray",
@@ -8417,7 +8654,7 @@ var CircularLoader = import_react56.default.memo(
                           values: "1 200;90 200;90 200"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                         "animate",
                         {
                           attributeName: "stroke-dashoffset",
@@ -8435,7 +8672,7 @@ var CircularLoader = import_react56.default.memo(
               ]
             }
           ),
-          label && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             "div",
             {
               className: cn(
@@ -8453,8 +8690,8 @@ var CircularLoader = import_react56.default.memo(
 CircularLoader.displayName = "CircularLoader";
 
 // src/modal-loader/ModalLoader.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
-var ModalLoader = (0, import_react57.memo)(({ visible, className }) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var ModalLoader = (0, import_react57.memo)(({ visible, className }) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
   "div",
   {
     className: cn(
@@ -8462,17 +8699,17 @@ var ModalLoader = (0, import_react57.memo)(({ visible, className }) => /* @__PUR
       visible ? "flex" : "hidden",
       className
     ),
-    children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "mb-[60px]", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CircularLoader, { size: "lg", className: "[--circular-loader-color:#475569]" }) })
+    children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "mb-[60px]", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CircularLoader, { size: "lg", className: "[--circular-loader-color:#475569]" }) })
   }
 ));
 ModalLoader.displayName = "ModalLoader";
 
 // src/numbered-list/NumberedList.tsx
 var import_react58 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var NumberedList = ({ children, className, itemClassName }) => {
   const items = Array.isArray(children) ? import_react58.Children.toArray(children) : [children];
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "ol",
     {
       className: cn(
@@ -8480,7 +8717,7 @@ var NumberedList = ({ children, className, itemClassName }) => {
         className
       ),
       type: "1",
-      children: items.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+      children: items.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         "li",
         {
           className: cn(
@@ -8491,7 +8728,7 @@ var NumberedList = ({ children, className, itemClassName }) => {
             before:text-[var(--numbered-list-marker-text)] before:content-[counter(item)]`,
             itemClassName
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { children: child })
+          children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: child })
         },
         index
       ))
@@ -8501,7 +8738,7 @@ var NumberedList = ({ children, className, itemClassName }) => {
 
 // src/overlay-loader/OverlayLoader.tsx
 var import_react_i18next11 = require("react-i18next");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function OverlayLoader({
   isLoading,
   children,
@@ -8513,16 +8750,16 @@ function OverlayLoader({
 }) {
   const { t } = (0, import_react_i18next11.useTranslation)();
   const resolvedLabel = label || t("loading");
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: cn("relative", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: cn("relative", className), children: [
     children,
-    isLoading && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       "div",
       {
         className: cn(
           "absolute inset-0 flex items-center justify-center bg-[rgb(255_255_255_/_0.6)]",
           overlayClassName
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           CircularLoader,
           {
             size: loaderSize,
@@ -8543,10 +8780,10 @@ var import_lucide_react23 = require("lucide-react");
 var import_react59 = require("react");
 
 // src/legacy-fields/select/components.tsx
-var React23 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react21 = require("lucide-react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var LegacySelectRoot = SelectPrimitive.Root;
 var LegacySelectGroup = SelectPrimitive.Group;
 var LegacySelectValue = SelectPrimitive.Value;
@@ -8555,7 +8792,7 @@ var selectSizeClassNames = {
   sm: "text-sm",
   md: "text-base"
 };
-var LegacySelectTrigger = React23.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+var LegacySelectTrigger = React24.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -8570,7 +8807,7 @@ var LegacySelectTrigger = React23.forwardRef(({ className, children, size = "sm"
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         import_lucide_react21.ChevronDownIcon,
         {
           size: 16,
@@ -8582,27 +8819,27 @@ var LegacySelectTrigger = React23.forwardRef(({ className, children, size = "sm"
   }
 ));
 LegacySelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var LegacySelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var LegacySelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react21.ChevronUpIcon, { size: 16, strokeWidth: 2 })
+    children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react21.ChevronUpIcon, { size: 16, strokeWidth: 2 })
   }
 ));
 LegacySelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var LegacySelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var LegacySelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react21.ChevronDownIcon, { size: 16, strokeWidth: 2 })
+    children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react21.ChevronDownIcon, { size: 16, strokeWidth: 2 })
   }
 ));
 LegacySelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var LegacySelectContent = React23.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+var LegacySelectContent = React24.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -8620,8 +8857,8 @@ var LegacySelectContent = React23.forwardRef(({ className, children, position =
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(LegacySelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(LegacySelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -8631,12 +8868,12 @@ var LegacySelectContent = React23.forwardRef(({ className, children, position =
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(LegacySelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(LegacySelectScrollDownButton, {})
     ]
   }
 ) }));
 LegacySelectContent.displayName = SelectPrimitive.Content.displayName;
-var LegacySelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var LegacySelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -8648,7 +8885,7 @@ var LegacySelectLabel = React23.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 LegacySelectLabel.displayName = SelectPrimitive.Label.displayName;
-var LegacySelectItem = React23.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+var LegacySelectItem = React24.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -8662,13 +8899,13 @@ var LegacySelectItem = React23.forwardRef(({ className, children, size = "sm", .
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react21.CheckIcon, { size: 16, strokeWidth: 2 }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react21.CheckIcon, { size: 16, strokeWidth: 2 }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 LegacySelectItem.displayName = SelectPrimitive.Item.displayName;
-var LegacySelectSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var LegacySelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -8679,7 +8916,7 @@ var LegacySelectSeparator = React23.forwardRef(({ className, ...props }, ref) =>
 LegacySelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/legacy-fields/select/Select.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var LegacySelectInner = ({
   placeholder,
   label,
@@ -8707,8 +8944,8 @@ var LegacySelectInner = ({
   const handleOpenChange = (open) => {
     setIsOpen(open);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: cn("group relative w-[300px]", className, containerClassName), children: [
-    label && showLabel && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: cn("group relative w-[300px]", className, containerClassName), children: [
+    label && showLabel && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "label",
       {
         htmlFor: id,
@@ -8716,7 +8953,7 @@ var LegacySelectInner = ({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
       LegacySelectRoot,
       {
         value,
@@ -8724,8 +8961,8 @@ var LegacySelectInner = ({
         onOpenChange: handleOpenChange,
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(LegacySelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(LegacySelectValue, { placeholder }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(LegacySelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(LegacySelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(LegacySelectValue, { placeholder }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(LegacySelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             LegacySelectItem,
             {
               value: String(option.value),
@@ -8738,9 +8975,9 @@ var LegacySelectInner = ({
         ]
       }
     ),
-    Boolean(supportingText || errorText) && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex min-h-[15px] justify-between pt-1", children: [
-      supportingText && !errorText && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-xs italic leading-[15px] text-[var(--chekin-color-gray-1)]", children: supportingText }),
-      errorText && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ml-auto text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: errorText })
+    Boolean(supportingText || errorText) && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex min-h-[15px] justify-between pt-1", children: [
+      supportingText && !errorText && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-xs italic leading-[15px] text-[var(--chekin-color-gray-1)]", children: supportingText }),
+      errorText && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "ml-auto text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: errorText })
     ] })
   ] });
 };
@@ -8752,7 +8989,7 @@ var LegacySelect = LegacySelectForward;
 var SelectPrimitive2 = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react22 = require("lucide-react");
 var import_react60 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var LegacyMultiSelectInner = ({
   label,
   value = [],
@@ -8779,8 +9016,8 @@ var LegacyMultiSelectInner = ({
     return value.some((v) => String(v) === String(optionValue));
   };
   const displayText = value.length > 0 ? `${value.length} selected` : placeholder || "Select options";
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { ref, className: cn("group relative w-[300px]", className), children: [
-    label && showLabel && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { ref, className: cn("group relative w-[300px]", className), children: [
+    label && showLabel && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       "label",
       {
         htmlFor: id,
@@ -8788,7 +9025,7 @@ var LegacyMultiSelectInner = ({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
       SelectPrimitive2.Root,
       {
         open,
@@ -8796,11 +9033,11 @@ var LegacyMultiSelectInner = ({
         value: "",
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(LegacySelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm", children: displayText }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(LegacySelectContent, { children: options?.map(({ value: optionValue, label: optionLabel }) => {
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(LegacySelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-sm", children: displayText }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(LegacySelectContent, { children: options?.map(({ value: optionValue, label: optionLabel }) => {
             const stringValue = String(optionValue);
             const selected = isSelected(optionValue);
-            return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
               "div",
               {
                 role: "option",
@@ -8815,8 +9052,8 @@ var LegacyMultiSelectInner = ({
                   selected && "bg-[var(--chekin-gray-50)]"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: selected && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react22.CheckIcon, { size: 16, strokeWidth: 2 }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: optionLabel })
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: selected && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react22.CheckIcon, { size: 16, strokeWidth: 2 }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: optionLabel })
                 ]
               },
               stringValue
@@ -8832,7 +9069,7 @@ var LegacyMultiSelect = (0, import_react60.forwardRef)(LegacyMultiSelectInner);
 // src/legacy-fields/select/InfinitySelect.tsx
 var import_react_virtual = require("@tanstack/react-virtual");
 var import_react61 = require("react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function LegacyInfinitySelect({
   label,
   className,
@@ -8872,8 +9109,8 @@ function LegacyInfinitySelect({
     onValueChange?.(selectedValue);
     setIsOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: cn("group relative min-w-[300px]", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: cn("group relative min-w-[300px]", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       "label",
       {
         htmlFor: id,
@@ -8881,7 +9118,7 @@ function LegacyInfinitySelect({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       LegacySelectRoot,
       {
         value,
@@ -8889,8 +9126,8 @@ function LegacyInfinitySelect({
         open: isOpen,
         onOpenChange: setIsOpen,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(LegacySelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(LegacySelectValue, { placeholder }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(LegacySelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(LegacySelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(LegacySelectValue, { placeholder }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(LegacySelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
             "div",
             {
               ref: parentRef,
@@ -8898,7 +9135,7 @@ function LegacyInfinitySelect({
                 height: `${Math.min(maxHeight, virtualizer.getTotalSize())}px`,
                 overflow: "auto"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                 "div",
                 {
                   style: {
@@ -8909,7 +9146,7 @@ function LegacyInfinitySelect({
                   children: virtualizer.getVirtualItems().map((virtualItem) => {
                     const isLoading = virtualItem.index >= options.length;
                     const option = options[virtualItem.index];
-                    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                       "div",
                       {
                         style: {
@@ -8920,10 +9157,10 @@ function LegacyInfinitySelect({
                           height: `${virtualItem.size}px`,
                           transform: `translateY(${virtualItem.start}px)`
                         },
-                        children: isLoading || !option ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center gap-2 text-sm text-[var(--chekin-color-gray-1)]", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+                        children: isLoading || !option ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-center gap-2 text-sm text-[var(--chekin-color-gray-1)]", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
                           "Loading more..."
-                        ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                        ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                           LegacySelectItem,
                           {
                             value: String(option.value),
@@ -8946,7 +9183,7 @@ function LegacyInfinitySelect({
 }
 
 // src/pagination/Pagination.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var pageSizeOptions = [10, 20, 25, 30, 40, 50];
 function Pagination({
   page,
@@ -8985,7 +9222,7 @@ function Pagination({
   if (totalItems === 0 || !shouldShowPagination) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "div",
     {
       className: cn(
@@ -8993,24 +9230,24 @@ function Pagination({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mr-auto flex-1 self-start font-medium text-[var(--chekin-color-gray-1)] sm:self-center", children: getInfoText() }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "ml-auto flex w-full items-center gap-8 sm:w-fit", children: [
-          !isSimpleVariant && showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "hidden items-center gap-2 sm:flex", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "font-medium text-[var(--chekin-color-gray-1)]", children: t("rows_per_page") }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "mr-auto flex-1 self-start font-medium text-[var(--chekin-color-gray-1)] sm:self-center", children: getInfoText() }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ml-auto flex w-full items-center gap-8 sm:w-fit", children: [
+          !isSimpleVariant && showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "hidden items-center gap-2 sm:flex", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "font-medium text-[var(--chekin-color-gray-1)]", children: t("rows_per_page") }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
               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__ */ (0, import_jsx_runtime81.jsx)(LegacySelectItem, { value: size.toString(), children: size }, size))
+                children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(LegacySelectItem, { value: size.toString(), children: size }, size))
               }
             )
           ] }),
-          !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex w-fit items-center justify-center font-medium", children: t("page_of_pages", { page, pages }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "ml-auto flex items-center gap-2 sm:ml-0", children: [
-            !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+          !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex w-fit items-center justify-center font-medium", children: t("page_of_pages", { page, pages }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ml-auto flex items-center gap-2 sm:ml-0", children: [
+            !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
               Button,
               {
                 variant: "outline",
@@ -9019,12 +9256,12 @@ function Pagination({
                 onClick: goToFirstPage,
                 disabled: !canGoPrevious,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "sr-only hidden", children: t("go_to_first_page") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react23.ChevronsLeft, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "sr-only hidden", children: t("go_to_first_page") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react23.ChevronsLeft, {})
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
               Button,
               {
                 variant: isSimpleVariant ? "link" : "outline",
@@ -9035,12 +9272,12 @@ function Pagination({
                 onClick: goToPreviousPage,
                 disabled: !canGoPrevious,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "sr-only hidden", children: t("go_to_previous_page") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react23.ChevronLeft, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "sr-only hidden", children: t("go_to_previous_page") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react23.ChevronLeft, {})
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
               Button,
               {
                 variant: isSimpleVariant ? "link" : "outline",
@@ -9051,12 +9288,12 @@ function Pagination({
                 onClick: goToNextPage,
                 disabled: !canGoNext,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "sr-only hidden", children: t("go_to_next_page") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react23.ChevronRight, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "sr-only hidden", children: t("go_to_next_page") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react23.ChevronRight, {})
                 ]
               }
             ),
-            !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+            !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
               Button,
               {
                 variant: "outline",
@@ -9065,8 +9302,8 @@ function Pagination({
                 onClick: goToLastPage,
                 disabled: !canGoNext,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "sr-only hidden", children: t("go_to_last_page") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react23.ChevronsRight, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "sr-only hidden", children: t("go_to_last_page") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react23.ChevronsRight, {})
                 ]
               }
             )
@@ -9078,15 +9315,15 @@ function Pagination({
 }
 
 // src/popover/Popover.tsx
-var React24 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 var RadixPopover = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var Popover = RadixPopover.Root;
 var PopoverTrigger = RadixPopover.Trigger;
 var PopoverAnchor = RadixPopover.Anchor;
 var PopoverPortal = RadixPopover.Portal;
 var PopoverClose = RadixPopover.Close;
-var PopoverContent = React24.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(RadixPopover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+var PopoverContent = React25.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(RadixPopover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   RadixPopover.Content,
   {
     ref,
@@ -9106,7 +9343,7 @@ PopoverContent.displayName = "PopoverContent";
 // src/popover/PopoverWithTooltip.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
 var TooltipPrimitive2 = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function PopoverWithTooltip({
   children,
   popoverContent,
@@ -9116,10 +9353,10 @@ function PopoverWithTooltip({
   popoverContentClassName,
   tooltipVariant = "light"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(TooltipPrimitive2.Provider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(TooltipPrimitive2.Root, { open: open ? false : void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(PopoverPrimitive.Root, { open, onOpenChange, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(PopoverPrimitive.Trigger, { asChild: true, children }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TooltipPrimitive2.Provider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(TooltipPrimitive2.Root, { open: open ? false : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(PopoverPrimitive.Root, { open, onOpenChange, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(PopoverPrimitive.Trigger, { asChild: true, children }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         PopoverPrimitive.Content,
         {
           align: "center",
@@ -9137,7 +9374,7 @@ function PopoverWithTooltip({
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
       TooltipPrimitive2.Content,
       {
         sideOffset: 5,
@@ -9154,7 +9391,7 @@ function PopoverWithTooltip({
         ),
         children: [
           tooltipContent,
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             TooltipPrimitive2.Arrow,
             {
               className: cn(
@@ -9176,10 +9413,10 @@ function PopoverWithTooltip({
 var import_react63 = require("react");
 
 // src/radio-group/RadioGroup.tsx
-var React25 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var import_jsx_runtime84 = require("react/jsx-runtime");
-var RadioGroup2 = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var RadioGroup2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -9198,7 +9435,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__ */ (0, import_jsx_runtime84.jsx)(
+var RadioGroupItem = React26.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -9211,7 +9448,7 @@ var RadioGroupItem = React25.forwardRef(({ className, size = "default", ...props
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       RadioGroupPrimitive.Indicator,
       {
         className: cn(
@@ -9253,7 +9490,7 @@ function useRadioOptions({ options, defaultValue, onChange }) {
 }
 
 // src/radio/Radio.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var Radio = (0, import_react63.forwardRef)(
   ({
     options,
@@ -9276,8 +9513,8 @@ var Radio = (0, import_react63.forwardRef)(
       }
       return option.value === selectedValue;
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         RadioGroup2,
         {
           ref,
@@ -9285,7 +9522,7 @@ var Radio = (0, import_react63.forwardRef)(
           onValueChange: handleValueChange,
           className: cn(className, "radio"),
           disabled,
-          children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             "label",
             {
               className: cn(
@@ -9293,8 +9530,8 @@ var Radio = (0, import_react63.forwardRef)(
                 "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__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+              children: renderOption ? renderOption({ option, isSelected: getIsSelected(option) }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                   RadioGroupItem,
                   {
                     value: option.value,
@@ -9304,29 +9541,29 @@ var Radio = (0, import_react63.forwardRef)(
                     className: "radio__indicator"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "radio_label", children: option.label })
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "radio_label", children: option.label })
               ] })
             },
             option.value
           ))
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ErrorMessage, { children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ErrorMessage, { children: error })
     ] });
   }
 );
 Radio.displayName = "Radio";
 
 // src/radio/RadioWithBorder.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function RadioWithBorder({ size, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     Radio,
     {
       ...props,
       renderOption: ({ option, isSelected }) => {
         const data = option.data;
-        return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
           "div",
           {
             className: cn(
@@ -9334,7 +9571,7 @@ function RadioWithBorder({ size, ...props }) {
               isSelected && "border-[var(--chekin-color-brand-blue)] bg-[var(--chekin-color-surface-autocomplete)]"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                 RadioGroupItem,
                 {
                   className: "mt-1",
@@ -9344,15 +9581,15 @@ function RadioWithBorder({ size, ...props }) {
                   size
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex min-w-0 flex-1 items-start justify-between gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "min-w-0 space-y-1 leading-6", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("p", { className: "flex items-center gap-3 font-semibold", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex min-w-0 flex-1 items-start justify-between gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "min-w-0 space-y-1 leading-6", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("p", { className: "flex items-center gap-3 font-semibold", children: [
                     option.label,
-                    data?.subLabel && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("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__ */ (0, import_jsx_runtime87.jsx)("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__ */ (0, import_jsx_runtime86.jsx)("p", { className: "text-sm font-medium text-[var(--chekin-color-gray-1)]", children: data.description })
+                  data?.description && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-sm font-medium text-[var(--chekin-color-gray-1)]", children: data.description })
                 ] }),
-                data?.rightContent && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "shrink-0", children: data.rightContent })
+                data?.rightContent && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "shrink-0", children: data.rightContent })
               ] })
             ]
           }
@@ -9364,7 +9601,7 @@ function RadioWithBorder({ size, ...props }) {
 
 // src/radio-cards-group/RadioCardsGroup.tsx
 var import_react64 = require("react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var isValueSelectOption = (value) => {
   return value?.value !== void 0;
 };
@@ -9396,8 +9633,8 @@ var RadioCardsGroup = (0, import_react64.forwardRef)(
       [defaultValue, onChange, options, value]
     );
     const currentValue = isValueSelectOption(value) ? value.value : value;
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
         Radio,
         {
           ref,
@@ -9407,7 +9644,7 @@ var RadioCardsGroup = (0, import_react64.forwardRef)(
           disabled,
           className: cn("flex flex-wrap gap-4", className),
           renderOption: ({ option, isSelected }) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
               "div",
               {
                 className: cn(
@@ -9422,7 +9659,7 @@ var RadioCardsGroup = (0, import_react64.forwardRef)(
                   cardClassName
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                     RadioGroupItem,
                     {
                       value: option.value,
@@ -9430,8 +9667,8 @@ var RadioCardsGroup = (0, import_react64.forwardRef)(
                       disabled: disabled || option.disabled
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "w-full cursor-pointer", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "w-full cursor-pointer", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                       "label",
                       {
                         htmlFor: `radio-${option.value}`,
@@ -9442,7 +9679,7 @@ var RadioCardsGroup = (0, import_react64.forwardRef)(
                         children: option.label
                       }
                     ),
-                    option.description && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "radioCardDescription mt-2", children: option.description })
+                    option.description && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "radioCardDescription mt-2", children: option.description })
                   ] })
                 ]
               }
@@ -9450,14 +9687,14 @@ var RadioCardsGroup = (0, import_react64.forwardRef)(
           }
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "mt-2 text-left text-sm text-[var(--chekin-red-500)]", children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "mt-2 text-left text-sm text-[var(--chekin-red-500)]", children: error })
     ] });
   }
 );
 var MemoizedRadioCardsGroup = (0, import_react64.memo)(RadioCardsGroup);
 
 // src/rating-progress/RatingProgress.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var getRatingColor = (score, maxScore) => {
   const percentage = score / maxScore * 100;
   if (percentage === 0) return "var(--chekin-rating-0)";
@@ -9476,7 +9713,7 @@ function RatingProgress({
 }) {
   const percentage = Math.max(0, Math.min(100, score / maxScore * 100));
   const color = getRatingColor(score, maxScore);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     "div",
     {
       className: cn(
@@ -9484,13 +9721,13 @@ function RatingProgress({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex w-full items-start justify-between text-sm font-medium leading-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "min-w-0 flex-1", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "shrink-0 whitespace-pre", children: score.toFixed(1) })
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex w-full items-start justify-between text-sm font-medium leading-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "min-w-0 flex-1", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "shrink-0 whitespace-pre", children: score.toFixed(1) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "h-1.5 w-full rounded-[24px] bg-[var(--chekin-color-gray-3)]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "h-1.5 w-full rounded-[24px] bg-[var(--chekin-color-gray-3)]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             "div",
             {
               className: "absolute left-0 top-0 h-1.5 rounded-[24px] transition-all duration-300 ease-out",
@@ -9522,7 +9759,7 @@ function useRatingRadioGroupContext() {
 
 // src/rating-radio-group/RatingRadioGroupItem.tsx
 var import_lucide_react24 = require("lucide-react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var ratingRadioGroupStarSizes = {
   default: 24,
   lg: 32
@@ -9547,14 +9784,14 @@ function RatingRadioGroupItem({ option, size }) {
   } = useRatingRadioGroupContext();
   const starColor = getStarColor(option.value)(value, hoverValue);
   const starSize = ratingRadioGroupStarSizes[size ?? contextSize];
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     "label",
     {
       onMouseEnter: () => onMouseEnter(option.value),
       onTouchStart: () => onTouchStart(option.value),
       onTouchEnd,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           "input",
           {
             className: "peer absolute h-0 w-0 opacity-0",
@@ -9565,7 +9802,7 @@ function RatingRadioGroupItem({ option, size }) {
             onChange: () => onChange?.(option.value)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           import_lucide_react24.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)]",
@@ -9581,17 +9818,17 @@ function RatingRadioGroupItem({ option, size }) {
 }
 
 // src/rating-radio-group/RatingRadioGroupLegend.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function RatingRadioGroupLegend({ children }) {
   if (!children) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("legend", { className: "mb-2 text-base", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("legend", { className: "mb-2 text-base", children });
 }
 
 // src/rating-radio-group/RatingRadioGroupList.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function RatingRadioGroupList({ children }) {
   const { onMouseLeave } = useRatingRadioGroupContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "RatingRadioGroup__list flex gap-2", onMouseLeave, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "RatingRadioGroup__list flex gap-2", onMouseLeave, children });
 }
 
 // src/rating-radio-group/useRatingPreview.ts
@@ -9627,7 +9864,7 @@ function useRatingPreview() {
 }
 
 // src/rating-radio-group/RatingRadioGroup.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function RatingRadioGroupRoot({
   value,
   onChange,
@@ -9645,7 +9882,7 @@ function RatingRadioGroupRoot({
     handleTouchStart,
     handleTouchEnd
   } = useRatingPreview();
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     RatingRadioGroupProvider,
     {
       value: {
@@ -9659,9 +9896,9 @@ function RatingRadioGroupRoot({
         onTouchStart: handleTouchStart,
         onTouchEnd: handleTouchEnd
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("fieldset", { className: cn("relative [all:unset]", className), children: children ?? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(RatingRadioGroup.Legend, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(RatingRadioGroup.List, { children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(RatingRadioGroup.Item, { option }, option.value)) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("fieldset", { className: cn("relative [all:unset]", className), children: children ?? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(RatingRadioGroup.Legend, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(RatingRadioGroup.List, { children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(RatingRadioGroup.Item, { option }, option.value)) })
       ] }) })
     }
   );
@@ -9673,10 +9910,10 @@ var RatingRadioGroup = Object.assign(RatingRadioGroupRoot, {
 });
 
 // src/rating-stars/RatingStars.tsx
-var React26 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 var import_lucide_react25 = require("lucide-react");
 var import_react_i18next13 = require("react-i18next");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function RatingStars({
   rating,
   maxRating = 5,
@@ -9693,7 +9930,7 @@ function RatingStars({
   const { t } = (0, import_react_i18next13.useTranslation)();
   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, "")}`;
@@ -9706,18 +9943,18 @@ function RatingStars({
     }
     return emptyColor;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: cn("flex flex-col items-start gap-2", className), children: [
-    showText && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("p", { className: "text-4xl font-medium", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: cn("flex flex-col items-start gap-2", className), children: [
+    showText && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("p", { className: "text-4xl font-medium", children: [
       normalizedRating,
       "/",
       maxRating
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
       ] }) }) }),
-      stars.map((star) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      stars.map((star) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         import_lucide_react25.Star,
         {
           size,
@@ -9729,22 +9966,22 @@ function RatingStars({
         star
       ))
     ] }),
-    (reviewCount !== void 0 || description) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
-      reviewCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("p", { className: "text-xs leading-4", children: [
+    (reviewCount !== void 0 || description) && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
+      reviewCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("p", { className: "text-xs leading-4", children: [
         reviewCount,
         " ",
         reviewsLabel || t("reviews")
       ] }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-sm leading-6", children: description })
+      description && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-sm leading-6", children: description })
     ] })
   ] });
 }
 
 // src/rotate-arrow/RotateArrow.tsx
 var import_lucide_react26 = require("lucide-react");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function RotateArrow({ shouldRotate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     import_lucide_react26.ChevronDown,
     {
       size: 16,
@@ -9760,9 +9997,9 @@ function RotateArrow({ shouldRotate, className }) {
 
 // src/search-button/SearchButton.tsx
 var import_lucide_react27 = require("lucide-react");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function SearchButton({ onClick, className, icon, ariaLabel }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "button",
     {
       onClick,
@@ -9773,7 +10010,7 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
       "data-testid": "search-button",
       "aria-label": ariaLabel,
       type: "button",
-      children: icon || /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react27.Search, { size: 12, strokeWidth: 4 })
+      children: icon || /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_lucide_react27.Search, { size: 12, strokeWidth: 4 })
     }
   );
 }
@@ -9783,10 +10020,10 @@ var import_lucide_react28 = require("lucide-react");
 var import_react_i18next14 = require("react-i18next");
 
 // src/legacy-fields/input/Input.tsx
-var React27 = __toESM(require("react"), 1);
-var import_jsx_runtime96 = require("react/jsx-runtime");
-var LegacyInput = React27.forwardRef(
-  ({ className, type, readOnly, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+var React28 = __toESM(require("react"), 1);
+var import_jsx_runtime97 = require("react/jsx-runtime");
+var LegacyInput = React28.forwardRef(
+  ({ className, type, readOnly, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     "input",
     {
       ref,
@@ -9809,7 +10046,7 @@ var LegacyInput = React27.forwardRef(
 LegacyInput.displayName = "LegacyInput";
 
 // src/search-input/SearchInput.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function SearchInput({
   disabled,
   invalid,
@@ -9828,15 +10065,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__ */ (0, import_jsx_runtime97.jsxs)("div", { className: cn("input-wrapper", wrapperClassName), children: [
-    (label || hasLabelMeta) && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "mb-2 inline-flex max-w-full items-center gap-1.5 text-sm font-medium text-[var(--chekin-color-brand-navy)]", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "min-w-0 truncate", children: label }),
-      optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
-      tooltip && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(HelpTooltip, { content: tooltip, side: "top", size: 16 })
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: cn("input-wrapper", wrapperClassName), children: [
+    (label || hasLabelMeta) && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "mb-2 inline-flex max-w-full items-center gap-1.5 text-sm font-medium text-[var(--chekin-color-brand-navy)]", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "min-w-0 truncate", children: label }),
+      optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
+      tooltip && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(HelpTooltip, { content: tooltip, side: "top", size: 16 })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react28.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-color-gray-2)]" }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react28.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-color-gray-2)]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         LegacyInput,
         {
           ...props,
@@ -9854,15 +10091,15 @@ function SearchInput({
           )
         }
       ),
-      (loading || onReset) && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
-        loading && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      (loading || onReset) && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           import_lucide_react28.Loader2,
           {
             "aria-hidden": "true",
             className: "h-5 w-5 animate-spin text-[var(--chekin-color-gray-2)]"
           }
         ),
-        onReset && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        onReset && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           Button,
           {
             variant: "ghost",
@@ -9870,7 +10107,7 @@ function SearchInput({
             disabled: isBlocked,
             className: "h-7 w-7 p-0 text-[var(--chekin-color-gray-2)]",
             "aria-label": t("reset_search"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react28.X, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react28.X, { className: "h-5 w-5" })
           }
         )
       ] })
@@ -9880,7 +10117,7 @@ function SearchInput({
 
 // src/search-input/DebouncedSearchInput.tsx
 var import_react67 = require("react");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function DebouncedSearchInput({
   onChange,
   placeholder,
@@ -9896,7 +10133,7 @@ function DebouncedSearchInput({
       onChange(value);
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     SearchInput,
     {
       onChange: handleInputChange,
@@ -9925,9 +10162,9 @@ var sectionTagVariants = (0, import_class_variance_authority12.cva)(
 );
 
 // src/section-tag/SectionTag.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 function SectionTag({ children, color = "green", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: cn(sectionTagVariants({ color }), className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: cn(sectionTagVariants({ color }), className), children });
 }
 
 // src/section-tag/constants.ts
@@ -9949,9 +10186,9 @@ var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
 })(SubSectionSize || {});
 
 // src/section/Section.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function TooltipInfo({ content, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     HelpTooltip,
     {
       side: "right",
@@ -9980,7 +10217,7 @@ var Section = (0, import_react68.forwardRef)(
     size
   }, ref) => {
     const { t } = (0, import_react_i18next15.useTranslation)();
-    return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
       "div",
       {
         ref,
@@ -9992,28 +10229,28 @@ var Section = (0, import_react68.forwardRef)(
           className
         ),
         children: [
-          (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col gap-2", children: [
-            title && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+          (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col gap-2", children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
               "div",
               {
                 className: cn(
-                  "flex max-w-[85%] items-center text-lg font-bold text-[var(--section-title-color)] md:max-w-full",
+                  "flex max-w-[85%] items-center text-lg font-semibold text-[var(--section-title-color)] md:max-w-full",
                   size !== 0 /* L */ && "subsection-title",
                   titleClassName
                 ),
                 children: [
                   title,
-                  titleTooltip && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "ml-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TooltipInfo, { content: titleTooltip }) }),
-                  linkContent && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("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__ */ (0, import_jsx_runtime101.jsx)("div", { className: "ml-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TooltipInfo, { content: titleTooltip }) }),
+                  linkContent && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("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__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "inline text-base font-normal text-[var(--section-subtitle-color)]", children: subtitle }),
-              subtitleTooltip && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TooltipInfo, { content: subtitleTooltip }) })
+            subtitle && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "inline text-base font-normal text-[var(--section-subtitle-color)]", children: subtitle }),
+              subtitleTooltip && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TooltipInfo, { content: subtitleTooltip }) })
             ] })
           ] }),
-          loading && showLoader ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          loading && showLoader ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             CircularLoader,
             {
               size: "md",
@@ -10028,7 +10265,7 @@ var Section = (0, import_react68.forwardRef)(
 );
 Section.displayName = "Section";
 var SubSection = (0, import_react68.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     Section,
     {
       ref,
@@ -10042,7 +10279,7 @@ var SubSection = (0, import_react68.forwardRef)(
 );
 SubSection.displayName = "SubSection";
 var DividingSubsection = (0, import_react68.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     SubSection,
     {
       ref,
@@ -10055,14 +10292,14 @@ DividingSubsection.displayName = "DividingSubsection";
 
 // src/separator/Separator.tsx
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function Separator3({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -10078,7 +10315,7 @@ function Separator3({
 }
 
 // src/section-group/SectionGroup.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var SectionGroupItem = ({
   className,
   contentClassName,
@@ -10087,17 +10324,17 @@ var SectionGroupItem = ({
   children,
   divider = true
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("section", { className: cn("flex flex-col gap-5", className), children: [
-    divider && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: cn("h-px w-full bg-[var(--section-group-divider-bg)]") }),
-    (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col gap-1 px-8", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("h3", { className: "text-base font-semibold leading-6 text-[var(--section-group-muted-text)]", children: title }),
-      subtitle && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("section", { className: cn("flex flex-col gap-5", className), children: [
+    divider && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: cn("h-px w-full bg-[var(--section-group-divider-bg)]") }),
+    (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-col gap-1 px-8", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("h3", { className: "text-base font-semibold leading-6 text-[var(--section-group-muted-text)]", children: title }),
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: subtitle })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: cn("flex flex-col gap-4 px-8", contentClassName), children })
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: cn("flex flex-col gap-4 px-8", contentClassName), children })
   ] });
 };
 var SectionGroupRoot = ({ className, title, actions, children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     "div",
     {
       className: cn(
@@ -10106,18 +10343,18 @@ var SectionGroupRoot = ({ className, title, actions, children }) => {
         className
       ),
       children: [
-        (title || actions) && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-6 px-8", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("h2", { className: "flex-1 text-lg font-bold leading-6 text-[var(--section-group-title-color)] opacity-90", children: title }),
-          actions && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex items-center gap-2", children: actions })
+        (title || actions) && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-6 px-8", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("h2", { className: "flex-1 text-lg font-bold leading-6 text-[var(--section-group-title-color)] opacity-90", children: title }),
+          actions && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex items-center gap-2", children: actions })
         ] }),
         children
       ]
     }
   );
 };
-var SectionGroupLabel = ({ id, title, description }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { id, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "font-semibold leading-6", children: title }),
-  description && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: description })
+var SectionGroupLabel = ({ id, title, description }) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { id, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "font-semibold leading-6", children: title }),
+  description && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: description })
 ] });
 var SectionGroup = Object.assign(SectionGroupRoot, {
   Item: SectionGroupItem,
@@ -10127,24 +10364,24 @@ var SectionGroup = Object.assign(SectionGroupRoot, {
 // src/sheet/Sheet.tsx
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react29 = require("lucide-react");
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -10162,9 +10399,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -10179,9 +10416,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--chekin-radius-small)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-[var(--chekin-shadow-focus)] disabled:pointer-events-none", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react29.XIcon, { className: "size-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--chekin-radius-small)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-[var(--chekin-shadow-focus)] disabled:pointer-events-none", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react29.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -10189,7 +10426,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     "div",
     {
       "data-slot": "sheet-header",
@@ -10199,7 +10436,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -10212,7 +10449,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -10225,7 +10462,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -10236,15 +10473,15 @@ function SheetDescription({
 }
 
 // src/sidebar/Sidebar.tsx
-var React28 = __toESM(require("react"), 1);
+var React29 = __toESM(require("react"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_class_variance_authority13 = require("class-variance-authority");
 var import_lucide_react30 = require("lucide-react");
 
 // src/skeleton/Skeleton.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     "div",
     {
       "data-slot": "skeleton",
@@ -10274,7 +10511,7 @@ function useSidebarMenuButton() {
 }
 
 // src/sidebar/SidebarIcon.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var SidebarIcon = ({
   children,
   isActive: isActiveProp,
@@ -10291,7 +10528,7 @@ var SidebarIcon = ({
     }
     return highlighted ? "bg-[var(--chekin-color-surface-pressed)]" : "bg-[var(--chekin-color-surface-input-empty)]";
   })();
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     "div",
     {
       className: cn(
@@ -10324,12 +10561,12 @@ function useSidebarSafe() {
 }
 
 // src/sidebar/Sidebar.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME_DEFAULT = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarProvider = React28.forwardRef(
+var SidebarProvider = React29.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -10341,10 +10578,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) {
@@ -10356,10 +10593,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();
@@ -10370,7 +10607,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,
@@ -10382,7 +10619,7 @@ var SidebarProvider = React28.forwardRef(
       }),
       [state, open, setOpen, isMobile3, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       "div",
       {
         style,
@@ -10398,7 +10635,7 @@ var SidebarProvider = React28.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React28.forwardRef(
+var Sidebar = React29.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -10409,7 +10646,7 @@ var Sidebar = React28.forwardRef(
   }, ref) => {
     const { isMobile: isMobile3, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         "div",
         {
           className: cn(
@@ -10423,7 +10660,7 @@ var Sidebar = React28.forwardRef(
       );
     }
     if (isMobile3) {
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -10435,16 +10672,16 @@ var Sidebar = React28.forwardRef(
           style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
           side,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(SheetHeader, { className: "sr-only", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SheetTitle, { children: "Sidebar" }),
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(SheetHeader, { className: "sr-only", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SheetTitle, { children: "Sidebar" }),
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex h-full w-full flex-col", children })
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex h-full w-full flex-col", children })
           ]
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
       "div",
       {
         ref,
@@ -10455,7 +10692,7 @@ var Sidebar = React28.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
             "div",
             {
               className: cn(
@@ -10466,7 +10703,7 @@ var Sidebar = React28.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
             "div",
             {
               className: cn(
@@ -10476,7 +10713,7 @@ var Sidebar = React28.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -10492,9 +10729,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__ */ (0, import_jsx_runtime106.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
     Button,
     {
       ref,
@@ -10512,17 +10749,17 @@ var SidebarTrigger = React28.forwardRef(({ className, onClick, icon, ...props },
       },
       ...props,
       children: [
-        icon || (isMobile3 ? openMobile : open) ? icon || /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react30.ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react30.ArrowRightFromLineIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        icon || (isMobile3 ? openMobile : open) ? icon || /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react30.ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react30.ArrowRightFromLineIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("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__ */ (0, import_jsx_runtime106.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       "button",
       {
         ref,
@@ -10545,8 +10782,8 @@ var SidebarRail = React28.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var SidebarInset = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "main",
     {
       ref,
@@ -10560,7 +10797,7 @@ var SidebarInset = React28.forwardRef(
   )
 );
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var SidebarInput = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
   LegacyInput,
   {
     ref,
@@ -10570,8 +10807,8 @@ var SidebarInput = React28.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var SidebarHeader = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "div",
     {
       ref,
@@ -10582,8 +10819,8 @@ var SidebarHeader = React28.forwardRef(
   )
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var SidebarFooter = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "div",
     {
       ref,
@@ -10594,7 +10831,7 @@ var SidebarFooter = React28.forwardRef(
   )
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var SidebarSeparator = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
   Separator3,
   {
     ref,
@@ -10604,8 +10841,8 @@ var SidebarSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var SidebarContent = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "div",
     {
       ref,
@@ -10619,8 +10856,8 @@ var SidebarContent = React28.forwardRef(
   )
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var SidebarGroup = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "div",
     {
       ref,
@@ -10631,9 +10868,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 ? import_react_slot4.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     Comp,
     {
       ref,
@@ -10648,9 +10885,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 ? import_react_slot4.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     Comp,
     {
       ref,
@@ -10664,8 +10901,8 @@ var SidebarGroupAction = React28.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var SidebarGroupContent = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "div",
     {
       ref,
@@ -10676,8 +10913,8 @@ var SidebarGroupContent = React28.forwardRef(
   )
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var SidebarMenu = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "ul",
     {
       ref,
@@ -10688,8 +10925,8 @@ var SidebarMenu = React28.forwardRef(
   )
 );
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var SidebarMenuItem = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "li",
     {
       ref,
@@ -10720,7 +10957,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority13.cva)(
     }
   }
 );
-var SidebarMenuButton = React28.forwardRef(
+var SidebarMenuButton = React29.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -10733,7 +10970,7 @@ var SidebarMenuButton = React28.forwardRef(
   }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "button";
     const { isMobile: isMobile3, state } = useSidebar();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       Comp,
       {
         ref,
@@ -10746,12 +10983,12 @@ var SidebarMenuButton = React28.forwardRef(
       }
     );
     if (!tooltip) {
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
+      return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
     }
     const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         TooltipContent,
         {
           side: "right",
@@ -10766,9 +11003,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 ? import_react_slot4.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     Comp,
     {
       ref,
@@ -10783,11 +11020,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__ */ (0, import_jsx_runtime106.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       "div",
       {
         ref,
@@ -10803,9 +11040,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__ */ (0, import_jsx_runtime106.jsxs)(
+var SidebarMenuSkeleton = React29.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React29.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
     "div",
     {
       ref,
@@ -10813,8 +11050,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__ */ (0, import_jsx_runtime106.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -10827,8 +11064,8 @@ var SidebarMenuSkeleton = React28.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React28.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+var SidebarMenuSub = React29.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "ul",
     {
       ref,
@@ -10842,8 +11079,8 @@ var SidebarMenuSub = React28.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React28.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("li", { ref, ...props })
+var SidebarMenuSubItem = React29.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("li", { ref, ...props })
 );
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 var sidebarMenuSubButtonVariants = (0, import_class_variance_authority13.cva)(
@@ -10866,7 +11103,7 @@ var sidebarMenuSubButtonVariants = (0, import_class_variance_authority13.cva)(
     }
   }
 );
-var SidebarMenuSubButton = React28.forwardRef(
+var SidebarMenuSubButton = React29.forwardRef(
   ({
     asChild = false,
     isActive,
@@ -10876,7 +11113,7 @@ var SidebarMenuSubButton = React28.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "a";
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       Comp,
       {
         ref,
@@ -10899,7 +11136,7 @@ var getSidebarState = (stateName) => document.cookie.split("; ").find((row) => r
 var import_react73 = require("react");
 var import_react_i18next16 = require("react-i18next");
 var import_react_signature_canvas = __toESM(require("react-signature-canvas"), 1);
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var SIGNATURE_PROPS = {
   penColor: "var(--chekin-blue-900)",
   minWidth: 1.5,
@@ -11033,13 +11270,13 @@ var SignatureCanvas = (0, import_react73.forwardRef)(
       },
       getCanvas: (...args) => canvasRef.current?.getCanvas(...args)
     }));
-    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
       "div",
       {
         ref: containerRef,
         className: cn("relative flex w-full flex-col items-center", className),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
             "div",
             {
               className: cn(
@@ -11048,7 +11285,7 @@ var SignatureCanvas = (0, import_react73.forwardRef)(
               ),
               style: { width: size.width, height: size.height },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                   import_react_signature_canvas.default,
                   {
                     ref: canvasRef,
@@ -11062,7 +11299,7 @@ var SignatureCanvas = (0, import_react73.forwardRef)(
                     ...SIGNATURE_PROPS
                   }
                 ),
-                !enabled && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+                !enabled && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                   "button",
                   {
                     type: "button",
@@ -11072,7 +11309,7 @@ var SignatureCanvas = (0, import_react73.forwardRef)(
                     ),
                     onClick: onEnable,
                     "data-testid": "signature-placeholder",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                       "span",
                       {
                         className: cn(
@@ -11087,14 +11324,14 @@ var SignatureCanvas = (0, import_react73.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
             "div",
             {
               className: cn("text-right", {
                 invisible: !enabled || !hasSignature
               }),
               style: { width: size.width },
-              children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                 Button,
                 {
                   variant: "link",
@@ -11116,17 +11353,17 @@ var SignatureCanvas = (0, import_react73.forwardRef)(
 SignatureCanvas.displayName = "SignatureCanvas";
 
 // src/carousel/Carousel.tsx
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 
 // src/carousel/CarouselControls.tsx
-var React30 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 var import_lucide_react31 = require("lucide-react");
 
 // src/carousel/CarouselContext.tsx
-var React29 = __toESM(require("react"), 1);
-var CarouselContext = React29.createContext(null);
+var React30 = __toESM(require("react"), 1);
+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`);
   }
@@ -11134,14 +11371,14 @@ function useCarouselContext(componentName) {
 }
 
 // src/carousel/CarouselControls.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
-var CarouselPrevious = React30.forwardRef(
+var import_jsx_runtime109 = require("react/jsx-runtime");
+var CarouselPrevious = React31.forwardRef(
   ({ className, children, onClick, ...props }, ref) => {
     const { canGoPrevious, goToPrevious } = useCarouselContext("CarouselPrevious");
     if (!canGoPrevious) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       "button",
       {
         ref,
@@ -11159,19 +11396,19 @@ var CarouselPrevious = React30.forwardRef(
           goToPrevious();
         },
         ...props,
-        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react31.ChevronLeft, { className: "size-4" })
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react31.ChevronLeft, { 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__ */ (0, import_jsx_runtime108.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       "button",
       {
         ref,
@@ -11189,7 +11426,7 @@ var CarouselNext = React30.forwardRef(
           goToNext();
         },
         ...props,
-        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react31.ChevronRight, { className: "size-4" })
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react31.ChevronRight, { className: "size-4" })
       }
     );
   }
@@ -11197,9 +11434,9 @@ var CarouselNext = React30.forwardRef(
 CarouselNext.displayName = "CarouselNext";
 
 // src/carousel/CarouselRoot.tsx
-var React31 = __toESM(require("react"), 1);
-var import_jsx_runtime109 = require("react/jsx-runtime");
-var CarouselRoot = React31.forwardRef(
+var React32 = __toESM(require("react"), 1);
+var import_jsx_runtime110 = require("react/jsx-runtime");
+var CarouselRoot = React32.forwardRef(
   ({
     className,
     index: controlledIndex,
@@ -11210,8 +11447,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;
@@ -11219,7 +11456,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) {
@@ -11229,23 +11466,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,
@@ -11269,7 +11506,7 @@ var CarouselRoot = React31.forwardRef(
         registerSlide
       ]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(CarouselContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(CarouselContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
       "div",
       {
         ref,
@@ -11284,12 +11521,12 @@ var CarouselRoot = React31.forwardRef(
 CarouselRoot.displayName = "CarouselRoot";
 
 // src/carousel/CarouselSlide.tsx
-var React32 = __toESM(require("react"), 1);
-var import_jsx_runtime110 = require("react/jsx-runtime");
-var CarouselSlide = React32.forwardRef(({ className, ...props }, ref) => {
+var React33 = __toESM(require("react"), 1);
+var import_jsx_runtime111 = require("react/jsx-runtime");
+var CarouselSlide = React33.forwardRef(({ className, ...props }, ref) => {
   const { registerSlide } = useCarouselContext("CarouselSlide");
-  React32.useEffect(() => registerSlide(), [registerSlide]);
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  React33.useEffect(() => registerSlide(), [registerSlide]);
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
     "div",
     {
       ref,
@@ -11302,11 +11539,11 @@ var CarouselSlide = React32.forwardRef(({ className, ...props }, ref) => {
 CarouselSlide.displayName = "CarouselSlide";
 
 // src/carousel/CarouselTrack.tsx
-var React33 = __toESM(require("react"), 1);
-var import_jsx_runtime111 = require("react/jsx-runtime");
-var CarouselTrack = React33.forwardRef(({ className, style, ...props }, ref) => {
+var React34 = __toESM(require("react"), 1);
+var import_jsx_runtime112 = require("react/jsx-runtime");
+var CarouselTrack = React34.forwardRef(({ className, style, ...props }, ref) => {
   const { index } = useCarouselContext("CarouselTrack");
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
     "div",
     {
       ref,
@@ -11322,10 +11559,10 @@ var CarouselTrack = React33.forwardRef(({ className, style, ...props }, ref) =>
 });
 CarouselTrack.displayName = "CarouselTrack";
 
-// src/carousel/CarouselViewport.tsx
-var React34 = __toESM(require("react"), 1);
-var import_jsx_runtime112 = require("react/jsx-runtime");
-var CarouselViewport = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+// src/carousel/CarouselViewport.tsx
+var React35 = __toESM(require("react"), 1);
+var import_jsx_runtime113 = require("react/jsx-runtime");
+var CarouselViewport = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
   "div",
   {
     ref,
@@ -11337,28 +11574,28 @@ var CarouselViewport = React34.forwardRef(({ className, ...props }, ref) => /* @
 CarouselViewport.displayName = "CarouselViewport";
 
 // src/carousel/Carousel.tsx
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 function Carousel({ children, slideCount, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(CarouselRoot, { slideCount: slideCount ?? React35.Children.count(children), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(CarouselViewport, { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(CarouselTrack, { children: React35.Children.map(children, (slide) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(CarouselSlide, { children: slide })) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(CarouselPrevious, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(CarouselNext, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(CarouselRoot, { slideCount: slideCount ?? React36.Children.count(children), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(CarouselViewport, { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(CarouselTrack, { children: React36.Children.map(children, (slide) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(CarouselSlide, { children: slide })) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(CarouselPrevious, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(CarouselNext, {})
   ] });
 }
 
 // src/slider/Slider.tsx
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var import_jsx_runtime114 = require("react/jsx-runtime");
-var Slider = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
+var import_jsx_runtime115 = require("react/jsx-runtime");
+var Slider = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
     className: cn("relative flex w-full touch-none select-none items-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-[var(--slider-track-bg)]", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--slider-range-bg)]" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(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__ */ (0, import_jsx_runtime115.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-[var(--slider-track-bg)]", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--slider-range-bg)]" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(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" })
     ]
   }
 ));
@@ -11368,7 +11605,7 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 var import_react74 = require("react");
 var import_lucide_react32 = require("lucide-react");
 var import_react_i18next17 = require("react-i18next");
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var SmallGridSingleItem = (0, import_react74.memo)(
   ({
     title,
@@ -11389,7 +11626,7 @@ var SmallGridSingleItem = (0, import_react74.memo)(
     };
     const hasActions = !readOnly && (onDelete || onEdit);
     const hasSwitch = onActiveSwitch && !readOnly;
-    return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
       "div",
       {
         onClick: handleClick,
@@ -11403,13 +11640,13 @@ var SmallGridSingleItem = (0, import_react74.memo)(
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex w-full items-start justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "line-clamp-2 overflow-hidden text-ellipsis break-all", children: title }),
-              subtitle && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "line-clamp-2 overflow-hidden text-ellipsis text-[15px] font-medium leading-6 text-[var(--chekin-color-gray-2)]", children: subtitle })
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex w-full items-start justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "line-clamp-2 overflow-hidden text-ellipsis break-all", children: title }),
+              subtitle && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("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__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex items-center justify-end gap-2", children: [
-              onDelete && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+            hasActions && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center justify-end gap-2", children: [
+              onDelete && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
                 Button,
                 {
                   disabled,
@@ -11417,10 +11654,10 @@ var SmallGridSingleItem = (0, import_react74.memo)(
                   className: "size-8",
                   size: "icon",
                   variant: "outline",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react32.Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react32.Trash2, { className: "h-5 w-5 text-[var(--chekin-color-brand-red)]" })
                 }
               ),
-              onEdit && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+              onEdit && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
                 Button,
                 {
                   className: "size-8",
@@ -11428,12 +11665,12 @@ var SmallGridSingleItem = (0, import_react74.memo)(
                   disabled,
                   onClick: onEdit,
                   variant: "outline",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react32.Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react32.Pencil, { className: "h-5 w-5 text-[var(--chekin-color-brand-blue)]" })
                 }
               )
             ] })
           ] }),
-          hasSwitch && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: cn("flex items-center", !active && "opacity-60"), children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+          hasSwitch && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: cn("flex items-center", !active && "opacity-60"), children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
             Switch,
             {
               onChange: onActiveSwitch,
@@ -11443,7 +11680,7 @@ var SmallGridSingleItem = (0, import_react74.memo)(
               onClick: (event) => event.stopPropagation()
             }
           ) }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "absolute bottom-1 right-2 text-xs text-[var(--chekin-color-brand-red)]", children: error })
+          error && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "absolute bottom-1 right-2 text-xs text-[var(--chekin-color-brand-red)]", children: error })
         ]
       }
     );
@@ -11454,7 +11691,7 @@ SmallGridSingleItem.displayName = "SmallGridSingleItem";
 // src/sorting-action/SortingAction.tsx
 var import_react_i18next18 = require("react-i18next");
 var import_lucide_react33 = require("lucide-react");
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 function SortingAction({
   value,
   onSortChange,
@@ -11464,8 +11701,8 @@ function SortingAction({
   onOpenChange
 }) {
   const { t } = (0, import_react_i18next18.useTranslation)();
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(DropdownMenu, { open, onOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(DropdownMenu, { open, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       "button",
       {
         type: "button",
@@ -11474,36 +11711,36 @@ function SortingAction({
           className
         ),
         "aria-label": "Open sorting menu",
-        children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react33.ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react33.ArrowDownUpIcon, { className: "h-4 w-4 text-[var(--chekin-color-gray-1)] group-hover/trigger:text-[var(--chekin-color-brand-navy)]" })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(DropdownMenuContent, { className: "w-full max-w-[256px]", align: "start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(DropdownMenuContent, { className: "w-full max-w-[256px]", align: "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
         DropdownMenuItem,
         {
           active: value === "asc",
           className: cn(value === "asc" && "text-[var(--chekin-color-brand-blue)]"),
           onClick: () => onSortChange?.("asc"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react33.ArrowUp, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react33.ArrowUp, { className: "h-4 w-4" }),
             variant === "by_text" ? t("sort_a_z") : t("sort_in_asc")
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
         DropdownMenuItem,
         {
           active: value === "desc",
           className: cn(value === "desc" && "text-[var(--chekin-color-brand-blue)]"),
           onClick: () => onSortChange?.("desc"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react33.ArrowDown, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react33.ArrowDown, { className: "h-4 w-4" }),
             variant === "by_text" ? t("sort_z_a") : t("sort_in_desc")
           ]
         }
       ),
-      value && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(DropdownMenuItem, { onClick: () => onSortChange?.(null), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react33.Minus, { className: "h-4 w-4" }),
+      value && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(DropdownMenuItem, { onClick: () => onSortChange?.(null), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react33.Minus, { className: "h-4 w-4" }),
         t("clear_sorting")
       ] })
     ] })
@@ -11514,7 +11751,7 @@ function SortingAction({
 var import_react75 = require("react");
 var import_react_i18next19 = require("react-i18next");
 var import_lucide_react34 = require("lucide-react");
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 function StatusButton({
   hidden,
   status,
@@ -11532,7 +11769,7 @@ function StatusButton({
   const configMap = (0, import_react75.useMemo)(() => {
     const defaultLoadingConfig = {
       text: loadingText ?? `${t("saving")}...`,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react34.Loader2, { className: "h-4 w-4 animate-spin" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react34.Loader2, { className: "h-4 w-4 animate-spin" }),
       variant,
       isLoading: true
     };
@@ -11542,13 +11779,13 @@ function StatusButton({
       validating: { ...defaultLoadingConfig, text: t("validating") },
       error: {
         text: t("error"),
-        icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react34.AlertCircle, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react34.AlertCircle, { className: "h-4 w-4" }),
         variant: "destructive",
         isLoading: false
       },
       success: {
         text: successText ?? t("saved_exclamation"),
-        icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react34.CheckCircle, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react34.CheckCircle, { className: "h-4 w-4" }),
         variant,
         isLoading: false
       },
@@ -11564,7 +11801,7 @@ function StatusButton({
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
     Button,
     {
       className: cn(
@@ -11580,7 +11817,7 @@ function StatusButton({
       ...props,
       children: [
         config.icon,
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { children: config.text })
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { children: config.text })
       ]
     }
   );
@@ -11588,37 +11825,37 @@ function StatusButton({
 
 // src/status-box/StatusBox.tsx
 var import_lucide_react35 = require("lucide-react");
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 function StatusBox({ status, title, text }) {
   if (status === "success") {
-    return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-green-100 bg-green-50 p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react35.CheckIcon, { className: "h-5 w-5 text-green-600" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "font-semibold text-green-800", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-sm text-green-700", children: text })
+    return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-green-100 bg-green-50 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "rounded-full bg-green-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react35.CheckIcon, { className: "h-5 w-5 text-green-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "font-semibold text-green-800", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "text-sm text-green-700", children: text })
       ] })
     ] });
   }
   if (status === "failed") {
-    return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-red-100 bg-red-50 p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react35.XIcon, { className: "h-5 w-5 text-red-600" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "font-semibold text-red-800", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-sm text-red-700", children: text })
+    return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-red-100 bg-red-50 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "rounded-full bg-red-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react35.XIcon, { className: "h-5 w-5 text-red-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "font-semibold text-red-800", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "text-sm text-red-700", children: text })
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-amber-100 bg-amber-50 p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react35.AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "font-semibold text-amber-800", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-sm text-amber-700", children: text })
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex items-center gap-3 rounded-lg border border-amber-100 bg-amber-50 p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "rounded-full bg-amber-100 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react35.AlertTriangleIcon, { className: "h-5 w-5 text-amber-600" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "font-semibold text-amber-800", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "text-sm text-amber-700", children: text })
     ] })
   ] });
 }
 
 // src/stepper/Stepper.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 function Stepper({
   totalSteps,
   activeStep,
@@ -11627,7 +11864,7 @@ function Stepper({
 }) {
   if (totalSteps <= 0) return null;
   const clampedActiveStep = Math.max(1, Math.min(totalSteps, activeStep));
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
     "div",
     {
       className: cn("flex w-full items-center gap-2", className),
@@ -11638,7 +11875,7 @@ function Stepper({
       children: new Array(totalSteps).fill(null).map((_, stepIndex) => {
         const stepNumber = stepIndex + 1;
         const isActive = cumulative ? stepNumber <= clampedActiveStep : stepNumber === clampedActiveStep;
-        return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           "span",
           {
             className: cn(
@@ -11655,14 +11892,14 @@ function Stepper({
 
 // src/switch-blocks/SwitchBlocks.tsx
 var import_react76 = require("react");
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var SwitchBlocksInternal = (0, import_react76.forwardRef)(
-  ({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  ({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     "div",
     {
       ref,
       className: cn("flex flex-wrap items-center justify-start gap-4", className),
-      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         BoxOptionSelector,
         {
           id: option.id,
@@ -11683,9 +11920,9 @@ SwitchBlocksInternal.displayName = "SwitchBlocks";
 var SwitchBlocks = (0, import_react76.memo)(SwitchBlocksInternal);
 
 // src/switch-group/SwitchGroup.tsx
-var React37 = __toESM(require("react"), 1);
-var import_jsx_runtime121 = require("react/jsx-runtime");
-var SwitchGroup = React37.forwardRef(
+var React38 = __toESM(require("react"), 1);
+var import_jsx_runtime122 = require("react/jsx-runtime");
+var SwitchGroup = React38.forwardRef(
   ({ options, value = [], onChange, disabled = false, className, error, ...props }, ref) => {
     const handleOptionChange = (optionValue, checked) => {
       if (!onChange) return;
@@ -11695,9 +11932,9 @@ var SwitchGroup = React37.forwardRef(
       }
       onChange(value.filter((selectedValue) => selectedValue !== optionValue));
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { ref, className: cn("w-full space-y-4", className), ...props, children: [
-      options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { ref, className: cn("w-full space-y-4", className), ...props, children: [
+      options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
           Label,
           {
             className: cn(
@@ -11706,7 +11943,7 @@ var SwitchGroup = React37.forwardRef(
             ),
             children: [
               option.label,
-              option.description && /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+              option.description && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                 "span",
                 {
                   className: cn(
@@ -11723,7 +11960,7 @@ var SwitchGroup = React37.forwardRef(
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           Switch,
           {
             value: value.includes(option.value),
@@ -11733,7 +11970,7 @@ var SwitchGroup = React37.forwardRef(
           }
         )
       ] }, option.value)),
-      error && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ErrorMessage, { disabled, children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(ErrorMessage, { disabled, children: error })
     ] });
   }
 );
@@ -11743,7 +11980,7 @@ SwitchGroup.displayName = "SwitchGroup";
 var import_react77 = require("react");
 var TabsPrimitive2 = __toESM(require("@radix-ui/react-tabs"), 1);
 var import_class_variance_authority14 = require("class-variance-authority");
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive2.Root;
 var tabsListVariants = (0, import_class_variance_authority14.cva)("inline-flex items-center", {
   variants: {
@@ -11757,7 +11994,7 @@ var tabsListVariants = (0, import_class_variance_authority14.cva)("inline-flex i
   }
 });
 var TabsList = (0, import_react77.forwardRef)(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     TabsPrimitive2.List,
     {
       ref,
@@ -11787,7 +12024,7 @@ var TabsTrigger = (0, import_react77.forwardRef)(({ className, variant = "button
   }
   if (props.asLink) {
     const { asLink: Link2, value, end, onClick: onClick2, children: children2, ...linkProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       Link2,
       {
         relative: "route",
@@ -11805,7 +12042,7 @@ var TabsTrigger = (0, import_react77.forwardRef)(({ className, variant = "button
     );
   }
   const { children, onClick, end: _end, ...triggerProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     TabsPrimitive2.Trigger,
     {
       ref,
@@ -11821,7 +12058,7 @@ var TabsTrigger = (0, import_react77.forwardRef)(({ className, variant = "button
   );
 });
 TabsTrigger.displayName = TabsPrimitive2.Trigger.displayName;
-var TabsContent = (0, import_react77.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+var TabsContent = (0, import_react77.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
   TabsPrimitive2.Content,
   {
     ref,
@@ -11833,7 +12070,7 @@ var TabsContent = (0, import_react77.forwardRef)(({ className, ...props }, ref)
 TabsContent.displayName = TabsPrimitive2.Content.displayName;
 
 // src/tabbed-section/TabbedSection.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 function TabbedSection({
   triggers,
   value,
@@ -11855,8 +12092,8 @@ function TabbedSection({
     "[&>div:first-child]:gap-[var(--section-gap,0.75rem)]",
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Tabs, { value: activeTab, onValueChange: onTabChange, className: "w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(Tabs, { value: activeTab, onValueChange: onTabChange, className: "w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
       BookmarkTabsList,
       {
         variant,
@@ -11864,15 +12101,15 @@ function TabbedSection({
         children: triggers
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: contentContainerClassName, children })
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: contentContainerClassName, children })
   ] });
 }
 
 // src/table-filter/TableFilter.tsx
 var import_lucide_react36 = require("lucide-react");
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 function TableFilter({ onRemove, onClick, children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     "div",
     {
       onClick,
@@ -11884,7 +12121,7 @@ function TableFilter({ onRemove, onClick, children, className }) {
       ),
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           import_lucide_react36.SquareX,
           {
             onClick: onRemove,
@@ -11901,9 +12138,9 @@ function TableFilter({ onRemove, onClick, children, className }) {
 }
 
 // src/table-filter/DateTableFilter.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 function DateTableFilter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     TableFilter,
     {
       className: cn(
@@ -11919,11 +12156,11 @@ function DateTableFilter({ className, ...props }) {
 // src/table-loader/TableLoader.tsx
 var import_react78 = require("react");
 var import_react_i18next20 = require("react-i18next");
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var LoaderComponent = (0, import_react78.forwardRef)(
   ({ label, className, hideBorder, variant = "primary" }, ref) => {
     const { t } = (0, import_react_i18next20.useTranslation)();
-    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       "div",
       {
         ref,
@@ -11932,7 +12169,7 @@ var LoaderComponent = (0, import_react78.forwardRef)(
           !hideBorder && "border-t border-[var(--table-loader-border)]",
           className
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           CircularLoader,
           {
             size: variant === "primary" ? "lg" : "md",
@@ -11948,16 +12185,16 @@ var LoaderComponent = (0, import_react78.forwardRef)(
   }
 );
 LoaderComponent.displayName = "TableLoader.Loader";
-function Root22({ children, columns }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("tr", { className: "cursor-pointer hover:!bg-[var(--table-loader-row-hover-bg)]", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("td", { colSpan: columns, className: "cursor-default pl-0", children }) });
+function Root23({ children, columns }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("tr", { className: "cursor-pointer hover:!bg-[var(--table-loader-row-hover-bg)]", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("td", { colSpan: columns, className: "cursor-default pl-0", children }) });
 }
 var TableLoader = {
   Loader: LoaderComponent,
-  Root: Root22
+  Root: Root23
 };
 
 // src/table-placeholder/TablePlaceholder.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 function TablePlaceholder({
   children,
   text,
@@ -11970,26 +12207,26 @@ function TablePlaceholder({
   if (!visible) {
     return null;
   }
-  const content = /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col items-center justify-center px-4 py-14 text-center", children: [
-    iconSlot && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "mb-6", children: iconSlot }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("h3", { className: "mb-2 text-lg font-semibold", children: title }),
-    text && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-md max-w-sm font-medium", children: text }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "mt-6", children })
+  const content = /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col items-center justify-center px-4 py-14 text-center", children: [
+    iconSlot && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "mb-6", children: iconSlot }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("h3", { className: "mb-2 text-lg font-semibold", children: title }),
+    text && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-md max-w-sm font-medium", children: text }),
+    children && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "mt-6", children })
   ] });
   if (insideTable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("td", { colSpan: 100, className, children: content }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("td", { colSpan: 100, className, children: content }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className, children: content });
 }
 
 // src/timeline/Timeline.tsx
 var import_react_slot5 = require("@radix-ui/react-slot");
 
 // src/timeline/TimelineContext.ts
-var React38 = __toESM(require("react"), 1);
-var TimelineContext = React38.createContext(null);
+var React39 = __toESM(require("react"), 1);
+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 />.");
   }
@@ -11997,9 +12234,9 @@ function useTimeline() {
 }
 
 // src/timeline/Timeline.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 function Timeline({ className, orientation = "vertical", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(TimelineContext.Provider, { value: { orientation }, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(TimelineContext.Provider, { value: { orientation }, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     "ol",
     {
       "data-slot": "timeline",
@@ -12013,7 +12250,7 @@ function Timeline({ className, orientation = "vertical", ...props }) {
 function TimelineItem({ className, asChild, ...props }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? import_react_slot5.Slot : "li";
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     Comp,
     {
       "data-slot": "timeline-item",
@@ -12026,7 +12263,7 @@ function TimelineItem({ className, asChild, ...props }) {
 function TimelineSeparator({ className, asChild, ...props }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? import_react_slot5.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     Comp,
     {
       "data-slot": "timeline-separator",
@@ -12048,7 +12285,7 @@ function TimelineDot({
 }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? import_react_slot5.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     Comp,
     {
       "data-slot": "timeline-dot",
@@ -12068,7 +12305,7 @@ function TimelineDot({
 function TimelineConnector({ className, asChild, ...props }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? import_react_slot5.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     Comp,
     {
       "data-slot": "timeline-connector",
@@ -12086,7 +12323,7 @@ function TimelineConnector({ className, asChild, ...props }) {
 function TimelineContent({ className, asChild, ...props }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? import_react_slot5.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     Comp,
     {
       "data-slot": "timeline-content",
@@ -12104,7 +12341,7 @@ function TimelineContent({ className, asChild, ...props }) {
 function TimelineTitle({ className, asChild, ...props }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? import_react_slot5.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     Comp,
     {
       "data-slot": "timeline-title",
@@ -12117,7 +12354,7 @@ function TimelineTitle({ className, asChild, ...props }) {
 function TimelineDescription({ className, asChild, ...props }) {
   const { orientation } = useTimeline();
   const Comp = asChild ? import_react_slot5.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     Comp,
     {
       "data-slot": "timeline-description",
@@ -12168,7 +12405,7 @@ function useUpdateToast({ id }) {
 }
 
 // src/toggle-group/ToggleGroup.tsx
-var React39 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
 
 // src/toggle-group/style.ts
@@ -12201,15 +12438,15 @@ var toggleVariants = (0, import_class_variance_authority15.cva)(
 );
 
 // src/toggle-group/ToggleGroup.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
-var ToggleGroupContext = React39.createContext({
+var import_jsx_runtime130 = require("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__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     ToggleGroupPrimitive.Root,
     {
       ref,
@@ -12219,16 +12456,16 @@ var ToggleGroup = React39.forwardRef(({ className, variant, size, theme, childre
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ToggleGroupContext.Provider, { value: { variant, size, theme }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(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__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -12241,9 +12478,9 @@ var ToggleGroupItem = React39.forwardRef(({ className, children, variant, size,
         className
       ),
       ...props,
-      children: isTabVariant ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "inline-grid", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "invisible col-start-1 row-start-1 font-semibold", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "col-start-1 row-start-1", children })
+      children: isTabVariant ? /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("span", { className: "inline-grid", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "invisible col-start-1 row-start-1 font-semibold", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "col-start-1 row-start-1", children })
       ] }) : children
     }
   );
@@ -12252,7 +12489,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/toggle-group/Toggles.tsx
 var import_react80 = require("react");
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var getValueArray = (value) => {
   if (value !== void 0 && value !== null) {
     return Array.isArray(value) ? value : [value];
@@ -12348,16 +12585,16 @@ function TogglesInternal({
     onValueChange: handleValueChange,
     ...multiple ? { type: "multiple", value: currentValue } : { type: "single", value: currentValue[0] ?? "" }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { ref, className, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "select-none text-base font-normal text-[var(--toggles-label-text)]", children: label }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ToggleGroup, { className: groupClassName, ...toggleGroupProps, children: options.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { ref, className, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "select-none text-base font-normal text-[var(--toggles-label-text)]", children: label }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(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__ */ (0, import_jsx_runtime130.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
         ToggleGroupItem,
         {
           value: String(option.value),
@@ -12373,34 +12610,34 @@ function TogglesInternal({
 var Toggles = (0, import_react80.forwardRef)(TogglesInternal);
 
 // src/three-dots-loader/ThreeDotsLoader.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 function Dots({
   height,
   width,
   color
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
     "span",
     {
       className: "inline-flex items-center justify-center gap-[15%]",
       style: { height, width },
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full [animation-delay:-0.32s]",
             style: { backgroundColor: color }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full [animation-delay:-0.16s]",
             style: { backgroundColor: color }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           "span",
           {
             className: "h-[22%] w-[22%] animate-chekin-three-dots rounded-full",
@@ -12419,9 +12656,9 @@ function ThreeDotsLoader({
   className,
   labelPlacement = "right"
 }) {
-  const dots = /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Dots, { color, height, width });
+  const dots = /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Dots, { color, height, width });
   if (label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       "div",
       {
         className: cn(
@@ -12429,22 +12666,22 @@ function ThreeDotsLoader({
           className
         ),
         role: "progressbar",
-        children: labelPlacement === "right" ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
+        children: labelPlacement === "right" ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
           dots,
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { children: label })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { children: label })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { children: label }),
           dots
         ] })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { role: "progressbar", className, children: dots });
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { role: "progressbar", className, children: dots });
 }
 
 // src/uploaded-files-list/UploadedFilesList.tsx
 var import_lucide_react37 = require("lucide-react");
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 function UploadedFilesList({
   files,
   onRemoveFile,
@@ -12453,20 +12690,20 @@ function UploadedFilesList({
   if (!files.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: cn("flex flex-wrap gap-2.5", className), children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: cn("flex flex-wrap gap-2.5", className), children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
     "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__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-nowrap text-sm font-medium leading-5 text-[var(--chekin-blue-900)]", children: file.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-nowrap text-sm font-medium leading-5 text-[var(--chekin-blue-900)]", children: file.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           "button",
           {
             type: "button",
             onClick: () => onRemoveFile(file.name),
             className: "flex h-[18px] w-[18px] shrink-0 cursor-pointer items-center justify-center rounded bg-[var(--chekin-neutral-600)] transition-all hover:shadow-md active:opacity-95",
             "aria-label": `Remove ${file.name}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react37.X, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react37.X, { className: "h-3.5 w-3.5 text-white", strokeWidth: 3 })
           }
         )
       ]
@@ -12477,7 +12714,7 @@ function UploadedFilesList({
 
 // src/vertical-tabs/VerticalTabs.tsx
 var import_react81 = require("react");
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 function getKey(index, key) {
   return `${key || "step"}_${index}`;
 }
@@ -12490,7 +12727,7 @@ function VerticalTabs({
   const defaultValue = getKey(0, stepKey);
   const [value, setValue] = (0, import_react81.useState)(defaultValue);
   const hasImages = steps.every((step) => step.images?.length);
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     "div",
     {
       className: cn(
@@ -12499,10 +12736,10 @@ function VerticalTabs({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex w-full flex-grow-0 flex-col flex-nowrap gap-0", children: steps.map(({ title, text }, index) => {
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("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__ */ (0, import_jsx_runtime133.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
             "button",
             {
               type: "button",
@@ -12514,8 +12751,8 @@ function VerticalTabs({
                 active && "border-b-[var(--vertical-tabs-step-border)] border-l-[var(--vertical-tabs-active-border)] pb-6"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-sm font-bold leading-4 text-[var(--vertical-tabs-step-label)]", children: getStepLabel(index) }),
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-sm font-bold leading-4 text-[var(--vertical-tabs-step-label)]", children: getStepLabel(index) }),
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                   "span",
                   {
                     className: cn(
@@ -12525,14 +12762,14 @@ function VerticalTabs({
                     children: title
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                   "span",
                   {
                     className: cn(
                       "grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-300",
                       active && "grid-rows-[1fr]"
                     ),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                       "span",
                       {
                         className: cn(
@@ -12555,7 +12792,7 @@ function VerticalTabs({
           if (value !== stepValue) {
             return null;
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Carousel, { children: images?.map((image) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Carousel, { children: images?.map((image) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
             "img",
             {
               src: image,
@@ -12572,8 +12809,8 @@ function VerticalTabs({
 
 // src/video-modal/VideoModal.tsx
 var import_lucide_react38 = require("lucide-react");
-var React40 = __toESM(require("react"), 1);
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var React41 = __toESM(require("react"), 1);
+var import_jsx_runtime135 = require("react/jsx-runtime");
 function VideoModal({
   videoId,
   isOpen,
@@ -12581,8 +12818,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();
@@ -12595,7 +12832,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":""}',
@@ -12606,15 +12843,15 @@ function VideoModal({
   if (!isOpen) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     "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__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "relative w-full max-w-[1075px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "relative w-full max-w-[1075px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           "button",
           {
             type: "button",
@@ -12625,10 +12862,10 @@ function VideoModal({
               "max-sm:right-2 max-sm:top-2"
             ),
             "aria-label": "Close",
-            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react38.X, { className: "h-5 w-5", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react38.X, { className: "h-5 w-5", "aria-hidden": true })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "relative w-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "relative w-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           "iframe",
           {
             ref: iframeRef,
@@ -12650,7 +12887,7 @@ function VideoModal({
 var import_react82 = require("react");
 var import_react_i18next21 = require("react-i18next");
 var import_lucide_react39 = require("lucide-react");
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 function VideoPlayer({
   src,
   poster,
@@ -12794,21 +13031,21 @@ function VideoPlayer({
       onClose?.();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
     "div",
     {
       ref: containerRef,
       className: containerClasses,
       onClick: isFullScreenMode ? handleBackgroundClick : void 0,
       children: [
-        isFullScreenMode && /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "absolute left-1/4 top-1/4 h-2 w-2 animate-pulse rounded-full bg-white/20 duration-1000" }),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("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__ */ (0, import_jsx_runtime135.jsx)("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__ */ (0, import_jsx_runtime135.jsx)("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__ */ (0, import_jsx_runtime135.jsx)("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__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "absolute left-1/4 top-1/4 h-2 w-2 animate-pulse rounded-full bg-white/20 duration-1000" }),
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("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__ */ (0, import_jsx_runtime136.jsx)("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__ */ (0, import_jsx_runtime136.jsx)("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__ */ (0, import_jsx_runtime136.jsx)("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__ */ (0, import_jsx_runtime135.jsx)(
+        isFullScreenMode && onClose && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
           Button,
           {
             variant: "ghost",
@@ -12816,15 +13053,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__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.X, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react39.X, { className: "h-6 w-6" })
           }
         ),
-        title && isFullScreenMode && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "absolute left-4 top-4 z-10 animate-in slide-in-from-left-4 text-white delay-200 duration-500", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("h3", { className: "text-lg font-medium drop-shadow-lg", children: title }) }),
-        isLoading && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "absolute inset-0 z-20 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-3 text-white", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.Loader2, { className: "h-8 w-8 animate-spin" }),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-lg font-medium", children: t("loading_video") })
+        title && isFullScreenMode && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "absolute left-4 top-4 z-10 animate-in slide-in-from-left-4 text-white delay-200 duration-500", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("h3", { className: "text-lg font-medium drop-shadow-lg", children: title }) }),
+        isLoading && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "absolute inset-0 z-20 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex items-center gap-3 text-white", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react39.Loader2, { className: "h-8 w-8 animate-spin" }),
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "text-lg font-medium", children: t("loading_video") })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: videoContainerClasses, onClick: (event) => event.stopPropagation(), children: videoSource === "youtube" ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: videoContainerClasses, onClick: (event) => event.stopPropagation(), children: videoSource === "youtube" ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
           "iframe",
           {
             ref: iframeRef,
@@ -12835,7 +13072,7 @@ function VideoPlayer({
             onLoad: () => setIsLoading(false),
             title: title || "YouTube video player"
           }
-        ) : videoSource === "vimeo" ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+        ) : videoSource === "vimeo" ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
           "iframe",
           {
             ref: iframeRef,
@@ -12846,8 +13083,8 @@ function VideoPlayer({
             onLoad: () => setIsLoading(false),
             title: title || "Vimeo video player"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_jsx_runtime136.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
             "video",
             {
               ref: videoRef,
@@ -12857,17 +13094,17 @@ function VideoPlayer({
               playsInline: true,
               autoPlay,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("source", { src, type: "video/mp4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("source", { src, type: "video/mp4" }),
                 t("video_not_supported")
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
             "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__ */ (0, import_jsx_runtime135.jsx)("div", { className: "mb-3 flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "mb-3 flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                   "input",
                   {
                     type: "range",
@@ -12878,9 +13115,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__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center justify-between", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                       Button,
                       {
                         variant: "ghost",
@@ -12888,10 +13125,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__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.Pause, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.Play, { className: "h-5 w-5" })
+                        children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react39.Pause, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react39.Play, { className: "h-5 w-5" })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                       Button,
                       {
                         variant: "ghost",
@@ -12899,10 +13136,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__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.SkipBack, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react39.SkipBack, { className: "h-5 w-5" })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                       Button,
                       {
                         variant: "ghost",
@@ -12910,10 +13147,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__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.SkipForward, { className: "h-5 w-5" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react39.SkipForward, { className: "h-5 w-5" })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                       Button,
                       {
                         variant: "ghost",
@@ -12921,16 +13158,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__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.VolumeX, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.Volume2, { className: "h-5 w-5" })
+                        children: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react39.VolumeX, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react39.Volume2, { className: "h-5 w-5" })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("span", { className: "text-sm font-medium text-white/90", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("span", { className: "text-sm font-medium text-white/90", children: [
                       formatTime2(currentTime),
                       " / ",
                       formatTime2(duration || 0)
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                     Button,
                     {
                       variant: "ghost",
@@ -12938,7 +13175,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__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.Minimize, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react39.Maximize, { className: "h-5 w-5" })
+                      children: isFullScreenMode ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react39.Minimize, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react39.Maximize, { className: "h-5 w-5" })
                     }
                   )
                 ] })
@@ -13239,7 +13476,7 @@ function useErrorHandler({ onError }) {
 }
 
 // src/webcam/Webcam.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime137 = require("react/jsx-runtime");
 var SCREENSHOT_FORMAT = "image/jpeg";
 var mirroredTransformStyle = { transform: "rotateY(180deg)" };
 var Webcam = (0, import_react84.memo)(
@@ -13377,7 +13614,7 @@ var Webcam = (0, import_react84.memo)(
         },
         [minScreenshotH, minScreenshotW, onUserMedia]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
         "div",
         {
           ref: containerRef,
@@ -13388,7 +13625,7 @@ var Webcam = (0, import_react84.memo)(
           ),
           style: isMirroredInCSS ? mirroredTransformStyle : void 0,
           children: [
-            !hideScanArea && /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+            !hideScanArea && /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
               "div",
               {
                 ref: scanAreaRef,
@@ -13400,18 +13637,18 @@ var Webcam = (0, import_react84.memo)(
                 ),
                 style: isMirroredInCSS ? mirroredTransformStyle : void 0,
                 children: [
-                  !roundedScanArea && /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_jsx_runtime136.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("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__ */ (0, import_jsx_runtime136.jsx)("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__ */ (0, import_jsx_runtime136.jsx)("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__ */ (0, import_jsx_runtime136.jsx)("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__ */ (0, import_jsx_runtime137.jsxs)(import_jsx_runtime137.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("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__ */ (0, import_jsx_runtime137.jsx)("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__ */ (0, import_jsx_runtime137.jsx)("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__ */ (0, import_jsx_runtime137.jsx)("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__ */ (0, import_jsx_runtime136.jsx)("canvas", { ref: canvasRef, className: "hidden" }),
-            isLoading ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-white/30 border-t-white" }) }) : /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("canvas", { ref: canvasRef, className: "hidden" }),
+            isLoading ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-white/30 border-t-white" }) }) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
               import_react_webcam.default,
               {
                 ref: webcamRef,
@@ -13450,7 +13687,7 @@ var import_react_i18next24 = require("react-i18next");
 // src/mobile-webcam/DeviceCamera/DeviceCamera.tsx
 var import_react85 = require("react");
 var import_react_i18next23 = require("react-i18next");
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_jsx_runtime138 = require("react/jsx-runtime");
 function DeviceCamera({ onChange, facingMode, className }) {
   const { t } = (0, import_react_i18next23.useTranslation)();
   const handleNativeScreenshot = (0, import_react85.useCallback)(
@@ -13460,7 +13697,7 @@ function DeviceCamera({ onChange, facingMode, className }) {
     },
     [onChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
     "div",
     {
       className: cn(
@@ -13468,10 +13705,10 @@ function DeviceCamera({ onChange, facingMode, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: t("camera_errors.experiencing_camera_issues") }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("label", { className: "text-[16px] font-semibold uppercase leading-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { children: t("camera_errors.experiencing_camera_issues") }),
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("label", { className: "text-[16px] font-semibold uppercase leading-6", children: [
           t("open_devices_camera"),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
             "input",
             {
               className: "sr-only",
@@ -13488,7 +13725,7 @@ function DeviceCamera({ onChange, facingMode, className }) {
 }
 
 // src/mobile-webcam/MobileWebcam.tsx
-var import_jsx_runtime138 = require("react/jsx-runtime");
+var import_jsx_runtime139 = require("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`;
@@ -13506,19 +13743,19 @@ var MobileWebcam = (0, import_react86.forwardRef)(
       [onScreenshot]
     );
     return (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "mobile-camera flex justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "mobile-camera flex justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
           "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__ */ (0, import_jsx_runtime138.jsx)(import_lucide_react40.ChevronLeft, { size: 32, strokeWidth: 3, className: "text-white" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_lucide_react40.ChevronLeft, { size: 32, strokeWidth: 3, className: "text-white" })
           }
         ),
-        title && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("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__ */ (0, import_jsx_runtime138.jsx)("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__ */ (0, import_jsx_runtime138.jsx)("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__ */ (0, import_jsx_runtime138.jsx)(
+        title && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("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__ */ (0, import_jsx_runtime139.jsx)("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__ */ (0, import_jsx_runtime139.jsx)("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__ */ (0, import_jsx_runtime139.jsx)(
           Webcam,
           {
             ref,
@@ -13530,18 +13767,18 @@ var MobileWebcam = (0, import_react86.forwardRef)(
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("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__ */ (0, import_jsx_runtime138.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("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__ */ (0, import_jsx_runtime139.jsx)(
             "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__ */ (0, import_jsx_runtime138.jsx)(import_lucide_react40.Camera, { size: 26, className: "text-[var(--primary)]" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_lucide_react40.Camera, { size: 26, className: "text-[var(--primary)]" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
             DeviceCamera,
             {
               onChange: handleNativeScreenshot,
@@ -13558,9 +13795,9 @@ MobileWebcam.displayName = "MobileWebcam";
 
 // src/wide-button/WideButton.tsx
 var import_react87 = require("react");
-var import_jsx_runtime139 = require("react/jsx-runtime");
+var import_jsx_runtime140 = require("react/jsx-runtime");
 var WideButton = (0, import_react87.forwardRef)(
-  ({ className, disabled, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+  ({ className, disabled, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
     Button,
     {
       ref,
@@ -13578,195 +13815,6 @@ var WideButton = (0, import_react87.forwardRef)(
 );
 WideButton.displayName = "WideButton";
 
-// src/drawer/Drawer.tsx
-var React41 = __toESM(require("react"), 1);
-var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_react_draggable = __toESM(require("react-draggable"), 1);
-var import_jsx_runtime140 = require("react/jsx-runtime");
-var DRAWER_CLOSE_THRESHOLD = 72;
-var DRAWER_MIN_OVERLAY_OPACITY = 0.1;
-function Drawer({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(DialogPrimitive2.Root, { "data-slot": "drawer", ...props });
-}
-function DrawerTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(DialogPrimitive2.Trigger, { "data-slot": "drawer-trigger", ...props });
-}
-function DrawerPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(DialogPrimitive2.Portal, { "data-slot": "drawer-portal", ...props });
-}
-function DrawerClose({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
-}
-var DrawerOverlay = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-  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__ */ (0, import_jsx_runtime140.jsxs)(DrawerPortal, { container: finalContainer, children: [
-      lockScroll ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-        DrawerOverlay,
-        {
-          style: { opacity: overlayOpacity },
-          onClick: closeOnOverlayClick ? onClose : void 0
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-        "div",
-        {
-          className: cn(DrawerOverlayClasses),
-          style: { opacity: overlayOpacity },
-          onClick: closeOnOverlayClick ? onClose : void 0
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-        DialogPrimitive2.Content,
-        {
-          asChild: true,
-          ref,
-          onPointerDownOutside: (event) => {
-            if (!closeOnOverlayClick) {
-              event.preventDefault();
-            }
-          },
-          onInteractOutside: (event) => {
-            if (!closeOnOverlayClick) {
-              event.preventDefault();
-            }
-          },
-          ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "fixed inset-x-0 bottom-0 top-auto z-50 outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-            import_react_draggable.default,
-            {
-              axis: "y",
-              bounds: { top: 0 },
-              handle: "[data-drawer-handle]",
-              nodeRef,
-              disabled: disableDrag,
-              onDrag: handleDrag,
-              onStop: handleStop,
-              position: { x: 0, y: dragOffsetY },
-              children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
-                "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__ */ (0, import_jsx_runtime140.jsx)(
-                      "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__ */ (0, import_jsx_runtime140.jsx)("span", { className: "block h-1.5 w-12 rounded-full bg-[#D9D7D3]" })
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto", children })
-                  ]
-                }
-              )
-            }
-          ) })
-        }
-      )
-    ] });
-  }
-);
-DrawerContent.displayName = DialogPrimitive2.Content.displayName;
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-  "div",
-  {
-    className: cn("flex flex-col gap-2 px-5 pt-2 text-center", className),
-    ...props
-  }
-);
-DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
-DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-  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__ */ (0, import_jsx_runtime140.jsx)(
-  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
 var import_jsx_runtime141 = require("react/jsx-runtime");
 function ResponsiveSheet({
@@ -13812,17 +13860,7 @@ function ResponsiveSheet({
         contentClassName
       ),
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-          "div",
-          {
-            "aria-hidden": "true",
-            className: cn(
-              "text-center mb-3 text-[26px] font-semibold leading-7",
-              titleClassName
-            ),
-            children: title
-          }
-        ) : null,
+        title ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(DialogTitle, { className: cn("text-center mb-3", titleClassName), children: title }) : null,
         description ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
           "p",
           {
@@ -13850,7 +13888,6 @@ function ResponsiveSheet({
         onEscapeKeyDown: handleEscapeKeyDown,
         className: cn(className, drawerClassName),
         children: [
-          title ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(DrawerTitle, { className: "sr-only", children: title }) : null,
           description ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(DrawerDescription, { className: "sr-only", children: description }) : null,
           content
         ]
@@ -13867,7 +13904,6 @@ function ResponsiveSheet({
       className: cn("max-w-[560px] border-0 p-0 shadow-xl", className, dialogClassName),
       lockScroll: false,
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(DialogTitle, { className: "sr-only", children: title }) : null,
         description ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(DialogDescription, { className: "sr-only", children: description }) : null,
         content
       ]