npm - @chekinapp/ui - Versions diffs - 0.2.6 → 0.2.7 - Mend

@chekinapp/ui 0.2.6 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.cjs CHANGED Viewed

@@ -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,
@@ -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 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,8 +10229,8 @@ 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(
@@ -10003,17 +10240,17 @@ var Section = (0, import_react68.forwardRef)(
                 ),
                 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
       ]