@chekinapp/ui 0.0.66 → 0.0.67

package/dist/index.cjs

@@ -136,7 +136,7 @@ __export(index_exports, {
   FormBox: () => FormBox,
   FormBoxContent: () => Content5,
   FormBoxHeader: () => Header2,
-  FormBoxRoot: () => Root9,
+  FormBoxRoot: () => Root10,
   FormBoxSubHeader: () => SubHeader,
   FramedIcon: () => FramedIcon,
   FreeTextField: () => FreeTextField,
@@ -831,7 +831,115 @@ BookmarkTabsTrigger.displayName = "BookmarkTabsTrigger";
 // src/box-option-selector/BoxOptionSelector.tsx
 var import_react2 = require("react");
 var import_react_i18next2 = require("react-i18next");
+
+// src/switch/Switch.tsx
+var React5 = __toESM(require("react"), 1);
+var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
+var import_class_variance_authority4 = require("class-variance-authority");
+
+// src/label/Label.tsx
+var React4 = __toESM(require("react"), 1);
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
+var import_class_variance_authority3 = require("class-variance-authority");
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority3.cva)(
+  "text-sm font-medium leading-none text-[var(--chekin-color-brand-navy)] peer-disabled:cursor-not-allowed peer-disabled:opacity-70 peer-aria-busy:cursor-wait peer-aria-busy:opacity-70 peer-aria-readonly:cursor-default peer-aria-readonly:opacity-100"
+);
+var Label = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/error-message/ErrorMessage.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function ErrorMessage({ className, children, disabled }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "div",
+    {
+      className: cn(
+        "mt-0.5 text-left text-sm font-medium text-[var(--error-message-color)]",
+        disabled && "opacity-30",
+        className
+      ),
+      children
+    }
+  );
+}
+
+// src/switch/Switch.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var switchVariants = (0, import_class_variance_authority4.cva)(
+  [
+    "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
+    "focus-visible:outline-none focus-visible:shadow-[var(--chekin-shadow-focus)]",
+    "disabled:cursor-not-allowed disabled:opacity-50 aria-busy:cursor-wait aria-busy:opacity-50",
+    "data-[state=checked]:bg-[var(--chekin-color-brand-blue)] data-[state=unchecked]:bg-[var(--chekin-color-gray-2)]"
+  ],
+  {
+    variants: {
+      size: {
+        default: "h-5 w-10",
+        lg: "h-5 w-10",
+        sm: "h-4 w-8"
+      },
+      readOnly: {
+        true: "cursor-default opacity-100"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var switchThumbVariants = (0, import_class_variance_authority4.cva)(
+  "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0",
+  {
+    variants: {
+      size: {
+        default: "h-4 w-4 data-[state=checked]:translate-x-5",
+        lg: "h-4 w-4 data-[state=checked]:translate-x-5",
+        sm: "h-3 w-3 data-[state=checked]:translate-x-4"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var Switch = React5.forwardRef(
+  ({ className, size, readOnly, loading, onChange, value, id, label, error, ...props }, ref) => {
+    const generatedId = React5.useId();
+    const fieldId = id || generatedId;
+    const switchElement = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      SwitchPrimitives.Root,
+      {
+        ref,
+        className: cn(switchVariants({ size, readOnly }), className),
+        disabled: props.disabled && !readOnly,
+        ...props,
+        id: fieldId,
+        onCheckedChange: readOnly ? void 0 : onChange,
+        checked: value,
+        value: String(value),
+        "aria-busy": loading,
+        "aria-readonly": readOnly,
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
+      }
+    );
+    if (!label && !error) {
+      return switchElement;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-3", children: [
+        switchElement,
+        label && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Label, { htmlFor: fieldId, className: "cursor-pointer text-base font-medium", children: label })
+      ] }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ErrorMessage, { disabled: props.disabled, children: error })
+    ] });
+  }
+);
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+// src/box-option-selector/BoxOptionSelector.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var BoxOptionSelector = (0, import_react2.forwardRef)(
   ({
     id,
@@ -842,8 +950,7 @@ var BoxOptionSelector = (0, import_react2.forwardRef)(
     onChange,
     disabled = false,
     selectedValue,
-    optionalLabel,
-    switchComponent: SwitchComponent
+    optionalLabel
   }, ref) => {
     const { t } = (0, import_react_i18next2.useTranslation)();
     const [isSwitchActive, setIsSwitchActive] = (0, import_react2.useState)(false);
@@ -860,7 +967,7 @@ var BoxOptionSelector = (0, import_react2.forwardRef)(
     (0, import_react2.useEffect)(() => {
       setIsSwitchActive(selectedValue === switchProps?.value);
     }, [selectedValue, switchProps?.value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "div",
       {
         ref,
@@ -872,16 +979,16 @@ var BoxOptionSelector = (0, import_react2.forwardRef)(
         ),
         onClick: handleClick,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex w-full items-center justify-between gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "whitespace-nowrap text-base font-semibold leading-6", children: title }),
-            switchProps && isSelected && SwitchComponent && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex w-full items-center justify-between gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "whitespace-nowrap text-base font-semibold leading-6", children: title }),
+            switchProps && isSelected && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
               "div",
               {
                 onClick: (event) => event.stopPropagation(),
                 className: "flex items-center gap-2",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                    SwitchComponent,
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                    Switch,
                     {
                       id: `optional-${id}`,
                       value: isSwitchActive,
@@ -890,7 +997,7 @@ var BoxOptionSelector = (0, import_react2.forwardRef)(
                       onChange: handleSwitchChange
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                     "span",
                     {
                       className: cn(
@@ -904,7 +1011,7 @@ var BoxOptionSelector = (0, import_react2.forwardRef)(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "w-full text-sm font-medium leading-4 text-[var(--chekin-color-gray-1)]", children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "w-full text-sm font-medium leading-4 text-[var(--chekin-color-gray-1)]", children: description })
         ]
       }
     );
@@ -913,7 +1020,7 @@ var BoxOptionSelector = (0, import_react2.forwardRef)(
 BoxOptionSelector.displayName = "BoxOptionSelector";
 
 // src/breadcrumbs/Breadcrumb.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Breadcrumb({
   hidden,
   to,
@@ -933,19 +1040,19 @@ function Breadcrumb({
     isLink && "transition-opacity hover:opacity-80",
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "flex gap-2.5", children: isLink ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: "flex gap-2.5", children: isLink ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     LinkComponent,
     {
       "aria-current": current ? "page" : void 0,
       className: contentClassName,
       ...LinkComponent === "a" ? { href: to } : { to, href: to },
       children: [
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "shrink-0", children: icon }) : null,
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "shrink-0", children: icon }) : null,
         children
       ]
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { "aria-current": current ? "page" : void 0, className: contentClassName, children: [
-    icon ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "shrink-0", children: icon }) : null,
+  ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { "aria-current": current ? "page" : void 0, className: contentClassName, children: [
+    icon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "shrink-0", children: icon }) : null,
     children
   ] }) });
 }
@@ -953,7 +1060,7 @@ function Breadcrumb({
 // src/breadcrumbs/Breadcrumbs.tsx
 var import_react3 = require("react");
 var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function Breadcrumbs({ className, children }) {
   const items = import_react3.Children.toArray(children).filter((child) => {
     if (!(0, import_react3.isValidElement)(child)) {
@@ -961,11 +1068,11 @@ function Breadcrumbs({ className, children }) {
     }
     return !child.props.hidden;
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("nav", { className: cn("breadcrumbs", className), "aria-label": "Breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "m-0 flex list-none flex-wrap items-center gap-3 p-0", children: items.map((child, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { className: cn("breadcrumbs", className), "aria-label": "Breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "m-0 flex list-none flex-wrap items-center gap-3 p-0", children: items.map((child, index) => {
     const isLastVisibleItem = items.length - 1 === index;
     const childWithProps = (0, import_react3.isValidElement)(child) ? (0, import_react3.cloneElement)(child, { current: isLastVisibleItem }) : child;
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react3.Fragment, { children: [
-      index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react3.Fragment, { children: [
+      index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         import_lucide_react4.ChevronRight,
         {
           "aria-hidden": "true",
@@ -979,13 +1086,13 @@ function Breadcrumbs({ className, children }) {
 }
 
 // src/button/Button.tsx
-var React4 = __toESM(require("react"), 1);
+var React6 = __toESM(require("react"), 1);
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_react_i18next3 = require("react-i18next");
 
 // src/button/buttonVariants.ts
-var import_class_variance_authority3 = require("class-variance-authority");
-var buttonVariants = (0, import_class_variance_authority3.cva)(
+var import_class_variance_authority5 = require("class-variance-authority");
+var buttonVariants = (0, import_class_variance_authority5.cva)(
   [
     "button relative inline-flex items-center justify-center gap-2 whitespace-nowrap",
     "[font-family:var(--button-font-family)] [font-weight:var(--button-font-weight)]",
@@ -1096,8 +1203,8 @@ var buttonVariants = (0, import_class_variance_authority3.cva)(
 );
 
 // src/button/Button.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var Button = React4.forwardRef(
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Button = React6.forwardRef(
   ({
     className,
     variant,
@@ -1117,7 +1224,7 @@ var Button = React4.forwardRef(
     const isDisabled = readOnly || disabled || loading;
     const classNames = cn(buttonVariants({ variant, size, shape, readOnly }), className);
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         import_react_slot2.Slot,
         {
           ref,
@@ -1128,7 +1235,7 @@ var Button = React4.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "button",
       {
         ref,
@@ -1136,9 +1243,9 @@ var Button = React4.forwardRef(
         disabled: isDisabled,
         className: classNames,
         ...props,
-        children: loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Spinner, {}),
-          showLoadingLabel ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: loadingText || t("please_wait") }) : null
+        children: loading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Spinner, {}),
+          showLoadingLabel ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: loadingText || t("please_wait") }) : null
         ] }) : children
       }
     );
@@ -1146,7 +1253,7 @@ var Button = React4.forwardRef(
 );
 Button.displayName = "Button";
 function Spinner() {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "svg",
     {
       className: "h-4 w-4 animate-spin",
@@ -1155,7 +1262,7 @@ function Spinner() {
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "circle",
           {
             className: "opacity-25",
@@ -1166,7 +1273,7 @@ function Spinner() {
             strokeWidth: "4"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "path",
           {
             className: "opacity-75",
@@ -1185,8 +1292,8 @@ function Spinner() {
 var import_react_slot3 = require("@radix-ui/react-slot");
 
 // src/button-group/buttonGroupVariants.ts
-var import_class_variance_authority4 = require("class-variance-authority");
-var buttonGroupVariants = (0, import_class_variance_authority4.cva)(
+var import_class_variance_authority6 = require("class-variance-authority");
+var buttonGroupVariants = (0, import_class_variance_authority6.cva)(
   [
     "flex w-fit items-stretch",
     "has-[>[data-slot=button-group]]:gap-2",
@@ -1247,14 +1354,14 @@ var buttonGroupVariants = (0, import_class_variance_authority4.cva)(
 );
 
 // src/button-group/ButtonGroup.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function ButtonGroup({
   className,
   orientation,
   seamless,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       role: "group",
@@ -1272,7 +1379,7 @@ function ButtonGroupText({
   ...props
 }) {
   const Comp = asChild ? import_react_slot3.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     Comp,
     {
       "data-slot": "button-group-text",
@@ -1288,11 +1395,11 @@ function ButtonGroupText({
 ButtonGroupText.displayName = "ButtonGroupText";
 
 // src/buttons-group-label/ButtonsGroupLabel.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function ButtonsGroupLabel({ children, label, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { "data-slot": "buttons-group-label", className: cn(className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "mb-2 text-xs font-medium text-[var(--chekin-color-gray-1)]", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { "data-slot": "buttons-group-label", className: cn(className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "mb-2 text-xs font-medium text-[var(--chekin-color-gray-1)]", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children })
   ] });
 }
 ButtonsGroupLabel.displayName = "ButtonsGroupLabel";
@@ -1350,7 +1457,7 @@ var calendarClassNames = {
 };
 
 // src/calendar/Calendar.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function getMergedClassNames(defaultClassNames, userClassNames) {
   return Object.keys(defaultClassNames).reduce(
     (acc, key) => ({
@@ -1374,12 +1481,12 @@ function Calendar({
   const defaultComponents = {
     Chevron: (iconProps) => {
       if (iconProps.orientation === "left") {
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.ChevronLeft, { size: 16, strokeWidth: 2, ...iconProps, "aria-hidden": "true" });
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ChevronLeft, { size: 16, strokeWidth: 2, ...iconProps, "aria-hidden": "true" });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.ChevronRight, { size: 16, strokeWidth: 2, ...iconProps, "aria-hidden": "true" });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ChevronRight, { size: 16, strokeWidth: 2, ...iconProps, "aria-hidden": "true" });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_react_day_picker.DayPicker,
     {
       "data-slot": "calendar",
@@ -1397,10 +1504,10 @@ function Calendar({
 Calendar.displayName = "Calendar";
 
 // src/card/Card.tsx
-var React5 = __toESM(require("react"), 1);
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Card = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var React7 = __toESM(require("react"), 1);
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Card = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       ref,
@@ -1414,8 +1521,8 @@ var Card = React5.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var CardHeader = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       ref,
@@ -1426,8 +1533,8 @@ var CardHeader = React5.forwardRef(
   )
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var CardTitle = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       ref,
@@ -1438,7 +1545,7 @@ var CardTitle = React5.forwardRef(
   )
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   "div",
   {
     ref,
@@ -1448,7 +1555,7 @@ var CardDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var CardContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   "div",
   {
     ref,
@@ -1458,8 +1565,8 @@ var CardContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var CardFooter = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       ref,
@@ -1476,8 +1583,8 @@ var import_react4 = require("react");
 var import_lucide_react6 = require("lucide-react");
 
 // src/check-list/listVariants.ts
-var import_class_variance_authority5 = require("class-variance-authority");
-var checkListRootVariants = (0, import_class_variance_authority5.cva)(
+var import_class_variance_authority7 = require("class-variance-authority");
+var checkListRootVariants = (0, import_class_variance_authority7.cva)(
   "check-list-root m-0 flex w-full list-none flex-col p-0",
   {
     variants: {
@@ -1493,10 +1600,10 @@ var checkListRootVariants = (0, import_class_variance_authority5.cva)(
 );
 var listItemBase = "flex items-start gap-2 text-base [&_.check-list-icon]:h-6 [&_.check-list-icon]:w-6";
 var listItemMinimalOverrides = "[.check-list-root[data-size=minimal]_&]:gap-1.5 [.check-list-root[data-size=minimal]_&]:text-sm [.check-list-root[data-size=minimal]_&_.check-list-icon]:mt-0.5 [.check-list-root[data-size=minimal]_&_.check-list-icon]:h-[15px] [.check-list-root[data-size=minimal]_&_.check-list-icon]:w-[15px]";
-var checkListItemVariants = (0, import_class_variance_authority5.cva)(`${listItemBase} ${listItemMinimalOverrides}`);
+var checkListItemVariants = (0, import_class_variance_authority7.cva)(`${listItemBase} ${listItemMinimalOverrides}`);
 
 // src/check-list/CheckList.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var CheckList = ({
   children,
   className,
@@ -1504,8 +1611,8 @@ var CheckList = ({
   size = "default"
 }) => {
   const items = import_react4.Children.toArray(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: cn(checkListRootVariants({ size }), className), "data-size": size, children: items.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("li", { className: cn(checkListItemVariants(), itemClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("ul", { className: cn(checkListRootVariants({ size }), className), "data-size": size, children: items.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("li", { className: cn(checkListItemVariants(), itemClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       import_lucide_react6.CircleCheck,
       {
         className: "check-list-icon relative top-[2px] shrink-0",
@@ -1513,15 +1620,15 @@ var CheckList = ({
         stroke: "var(--check-list-icon-mark-color)"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "inline-block", children: child })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "inline-block", children: child })
   ] }, index)) });
 };
 
 // src/checkbox/BaseCheckbox.tsx
-var React6 = __toESM(require("react"), 1);
+var React8 = __toESM(require("react"), 1);
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
 var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var checkboxSizeClasses = {
   default: "h-6 w-6",
   m: "h-5 w-5",
@@ -1532,8 +1639,8 @@ var checkboxIconSizeClasses = {
   m: "h-4 w-4",
   s: "h-3 w-3"
 };
-var BaseCheckbox = React6.forwardRef(
-  ({ className, loading, onCheckedChange, disabled, readOnly, size = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var BaseCheckbox = React8.forwardRef(
+  ({ className, loading, onCheckedChange, disabled, readOnly, size = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     CheckboxPrimitive.Root,
     {
       ref,
@@ -1551,11 +1658,11 @@ var BaseCheckbox = React6.forwardRef(
       disabled,
       "aria-busy": loading,
       "aria-readonly": readOnly,
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         CheckboxPrimitive.Indicator,
         {
           className: cn("flex items-center justify-center text-current"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Check, { className: cn("checkbox__icon", checkboxIconSizeClasses[size]) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.Check, { className: cn("checkbox__icon", checkboxIconSizeClasses[size]) })
         }
       )
     }
@@ -1564,22 +1671,11 @@ var BaseCheckbox = React6.forwardRef(
 BaseCheckbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/checkbox/Checkbox.tsx
-var React8 = __toESM(require("react"), 1);
-
-// src/label/Label.tsx
-var React7 = __toESM(require("react"), 1);
-var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
-var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var labelVariants = (0, import_class_variance_authority6.cva)(
-  "text-sm font-medium leading-none text-[var(--chekin-color-brand-navy)] peer-disabled:cursor-not-allowed peer-disabled:opacity-70 peer-aria-busy:cursor-wait peer-aria-busy:opacity-70 peer-aria-readonly:cursor-default peer-aria-readonly:opacity-100"
-);
-var Label = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
-Label.displayName = LabelPrimitive.Root.displayName;
+var React9 = __toESM(require("react"), 1);
 
 // src/text-field/FieldError.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var FieldError = ({ id, className, children }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var FieldError = ({ id, className, children }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   "p",
   {
     id,
@@ -1593,8 +1689,8 @@ var FieldError = ({ id, className, children }) => /* @__PURE__ */ (0, import_jsx
 );
 
 // src/text-field/SupportingText.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var SupportingText = ({ id, className, children }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var SupportingText = ({ id, className, children }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   "p",
   {
     id,
@@ -1604,7 +1700,7 @@ var SupportingText = ({ id, className, children }) => /* @__PURE__ */ (0, import
 );
 
 // src/checkbox/Checkbox.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var rowSizeClasses = {
   default: "gap-2.5",
   m: "gap-2.5",
@@ -1615,7 +1711,7 @@ var labelSizeClasses = {
   m: "text-base",
   s: "text-sm"
 };
-var Checkbox = React8.forwardRef(
+var Checkbox = React9.forwardRef(
   ({
     id,
     label,
@@ -1634,19 +1730,19 @@ var Checkbox = React8.forwardRef(
     supportingTextClassName,
     ...props
   }, ref) => {
-    const generatedId = React8.useId();
+    const generatedId = React9.useId();
     const checkboxId = id || generatedId;
     const errorId = error ? `${checkboxId}-error` : void 0;
     const descriptionId = supportingText ? `${checkboxId}-desc` : void 0;
     const ariaDescribedBy = errorId || descriptionId || void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cn("flex w-full flex-col", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: cn("flex w-full flex-col", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         "div",
         {
           className: cn("flex items-center", rowSizeClasses[size], rowClassName),
           onClick: () => onWrapperClick?.(!value),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               BaseCheckbox,
               {
                 id: checkboxId,
@@ -1661,7 +1757,7 @@ var Checkbox = React8.forwardRef(
                 ...props
               }
             ),
-            label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Label,
               {
                 htmlFor: checkboxId,
@@ -1677,28 +1773,28 @@ var Checkbox = React8.forwardRef(
           ]
         }
       ),
-      supportingText && !error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SupportingText, { id: descriptionId, className: supportingTextClassName, children: supportingText }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FieldError, { id: errorId, className: errorClassName, children: error })
+      supportingText && !error && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SupportingText, { id: descriptionId, className: supportingTextClassName, children: supportingText }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FieldError, { id: errorId, className: errorClassName, children: error })
     ] });
   }
 );
 Checkbox.displayName = "Checkbox";
 
 // src/checkbox/CheckboxGroup.tsx
-var React9 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 
 // src/scroll-area/ScrollArea.tsx
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function ScrollArea({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -1706,8 +1802,8 @@ function ScrollArea({ className, children, ...props }) {
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -1717,7 +1813,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -1729,7 +1825,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -1740,24 +1836,8 @@ function ScrollBar({
   );
 }
 
-// src/error-message/ErrorMessage.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-function ErrorMessage({ className, children, disabled }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    "div",
-    {
-      className: cn(
-        "mt-0.5 text-left text-sm font-medium text-[var(--error-message-color)]",
-        disabled && "opacity-30",
-        className
-      ),
-      children
-    }
-  );
-}
-
 // src/checkbox/CheckboxGroup.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var ScrollAreaWrapper = ({
   children,
   scrollable,
@@ -1766,7 +1846,7 @@ var ScrollAreaWrapper = ({
   if (!scrollable) {
     return children;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     ScrollArea,
     {
       className: "max-h-96 w-full overflow-hidden",
@@ -1775,7 +1855,7 @@ var ScrollAreaWrapper = ({
     }
   );
 };
-var CheckboxGroup = React9.forwardRef(
+var CheckboxGroup = React10.forwardRef(
   ({
     options,
     value = [],
@@ -1789,7 +1869,7 @@ var CheckboxGroup = React9.forwardRef(
     error,
     ...props
   }, ref) => {
-    const selectAllId = React9.useId();
+    const selectAllId = React10.useId();
     const handleOptionChange = (optionValue, checked) => {
       if (!onChange) return;
       if (checked) {
@@ -1811,10 +1891,10 @@ var CheckboxGroup = React9.forwardRef(
       (selectedValue) => availableOptions.some((option) => option.value === selectedValue)
     );
     const isAllSelected = selectedAvailableValues.length > 0 && selectedAvailableValues.length === availableOptions.length;
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { ref, className: cn("space-y-2", className), ...props, children: [
-      showSelectAll && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { ref, className: cn("space-y-2", className), ...props, children: [
+      showSelectAll && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             BaseCheckbox,
             {
               id: selectAllId,
@@ -1823,7 +1903,7 @@ var CheckboxGroup = React9.forwardRef(
               disabled: disabled || availableOptions.length === 0
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             Label,
             {
               htmlFor: selectAllId,
@@ -1832,9 +1912,9 @@ var CheckboxGroup = React9.forwardRef(
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("hr", { className: "border-t border-chekin-gray-3" })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("hr", { className: "border-t border-chekin-gray-3" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ScrollAreaWrapper, { scrollable, scrollHeight, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "space-y-2", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ScrollAreaWrapper, { scrollable, scrollHeight, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "space-y-2", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         Checkbox,
         {
           label: option.label,
@@ -1844,7 +1924,7 @@ var CheckboxGroup = React9.forwardRef(
         },
         option.value
       )) }) }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ErrorMessage, { disabled, children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ErrorMessage, { disabled, children: error })
     ] });
   }
 );
@@ -1891,12 +1971,12 @@ function toCssSize(size) {
 }
 
 // src/tooltip/Tooltip.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -1907,7 +1987,7 @@ function TooltipProvider({
 }
 var TooltipRoot = TooltipPrimitive.Root;
 function TooltipRootWrapper({ disabled = false, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     TooltipPrimitive.Root,
     {
       "data-slot": "tooltip",
@@ -1917,7 +1997,7 @@ function TooltipRootWrapper({ disabled = false, ...props }) {
   ) });
 }
 function TooltipTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -1927,7 +2007,7 @@ function TooltipContent({
   container,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipPrimitive.Portal, { container: container ?? getCustomContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipPrimitive.Portal, { container: container ?? getCustomContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -1948,7 +2028,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           TooltipPrimitive.Arrow,
           {
             className: cn(
@@ -1978,7 +2058,7 @@ function Tooltip({
   ...props
 }) {
   if (typeof content === "undefined") {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipProvider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipProvider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       TooltipPrimitive.Root,
       {
         "data-slot": "tooltip",
@@ -1988,15 +2068,15 @@ function Tooltip({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipProvider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipProvider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     TooltipPrimitive.Root,
     {
       "data-slot": "tooltip",
       open: disabled ? false : void 0,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", asChild, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", asChild, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           TooltipContent,
           {
             side,
@@ -2015,7 +2095,7 @@ function Tooltip({
 // src/status-badge/StatusBadge.tsx
 var import_react5 = require("react");
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function StatusBadgeIcon({ variant, className }) {
   const iconProps = {
     size: 10,
@@ -2023,7 +2103,7 @@ function StatusBadgeIcon({ variant, className }) {
   };
   switch (variant) {
     case "clock-blue":
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_lucide_react8.Clock,
         {
           ...iconProps,
@@ -2031,7 +2111,7 @@ function StatusBadgeIcon({ variant, className }) {
         }
       );
     case "tick-blue":
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_lucide_react8.Check,
         {
           ...iconProps,
@@ -2039,9 +2119,9 @@ function StatusBadgeIcon({ variant, className }) {
         }
       );
     case "tick-green":
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react8.Check, { ...iconProps, className: cn("text-emerald-600", className) });
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react8.Check, { ...iconProps, className: cn("text-emerald-600", className) });
     case "x-red":
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_lucide_react8.X,
         {
           ...iconProps,
@@ -2050,7 +2130,7 @@ function StatusBadgeIcon({ variant, className }) {
       );
     case "clock-grey":
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_lucide_react8.Clock,
         {
           ...iconProps,
@@ -2116,7 +2196,7 @@ var StatusBadgeInternal = (0, import_react5.forwardRef)(
       if (hasText && hasIcon) return "py-1 pl-3 pr-2";
       return "px-3 py-1";
     })();
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "div",
       {
         ref,
@@ -2130,8 +2210,8 @@ var StatusBadgeInternal = (0, import_react5.forwardRef)(
         ),
         ...props,
         children: [
-          hasIcon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(StatusBadgeIcon, { variant: styles.icon, className: "size-4 flex-shrink-0" }),
-          hasText && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "whitespace-nowrap", children })
+          hasIcon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StatusBadgeIcon, { variant: styles.icon, className: "size-4 flex-shrink-0" }),
+          hasText && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "whitespace-nowrap", children })
         ]
       }
     );
@@ -2141,19 +2221,19 @@ StatusBadgeInternal.displayName = "StatusBadge";
 var StatusBadge = (0, import_react5.memo)(StatusBadgeInternal);
 
 // src/comming-soon-badge/CommingSoonBadge.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function CommingSoonBadge({ tooltip = true }) {
   const { t } = (0, import_react_i18next4.useTranslation)();
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StatusBadge, { textOnly: true, variant: "success-blue", children: t("feature_coming_soon") }) }),
-    tooltip && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipContent, { variant: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "w-[216px] text-balance", children: t("feature_coming_soon_description") }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StatusBadge, { textOnly: true, variant: "success-blue", children: t("feature_coming_soon") }) }),
+    tooltip && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipContent, { variant: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "w-[216px] text-balance", children: t("feature_coming_soon_description") }) })
   ] }) });
 }
 
 // src/copy-icon/CopyIcon.tsx
 var import_react6 = require("react");
 var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function CopyIcon({
   textToCopy,
   className,
@@ -2181,8 +2261,8 @@ function CopyIcon({
       console.error("Failed to copy text: ", error);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       Button,
       {
         variant,
@@ -2200,14 +2280,14 @@ function CopyIcon({
         "aria-label": copied ? "Copied" : "Copy to clipboard",
         readOnly: copied,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             "div",
             {
               className: cn(
                 "transition-all",
                 copied ? "scale-100 opacity-100" : "scale-0 opacity-0"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 import_lucide_react9.Check,
                 {
                   className: "stroke-[var(--copy-icon-success-color)]",
@@ -2218,28 +2298,28 @@ function CopyIcon({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             "div",
             {
               className: cn(
                 "absolute transition-all",
                 copied ? "scale-0 opacity-0" : "scale-100 opacity-100"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react9.Copy, { size: 13, strokeWidth: 2, "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.Copy, { size: 13, strokeWidth: 2, "aria-hidden": "true" })
             }
           )
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipContent, { className: "px-2 py-2 text-xs", children: tooltipText })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipContent, { className: "px-2 py-2 text-xs", children: tooltipText })
   ] }) });
 }
 
 // src/input/Input.tsx
-var React10 = __toESM(require("react"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Input = React10.forwardRef(
-  ({ className, type, readOnly, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var React11 = __toESM(require("react"), 1);
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Input = React11.forwardRef(
+  ({ className, type, readOnly, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "input",
     {
       ref,
@@ -2262,11 +2342,11 @@ var Input = React10.forwardRef(
 Input.displayName = "Input";
 
 // src/copy-input/CopyInput.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function CopyInput({ value, className, ...props }) {
   const textToCopy = value?.toString() ?? "";
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("relative w-fit", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn("relative w-fit", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       Input,
       {
         readOnly: true,
@@ -2275,7 +2355,7 @@ function CopyInput({ value, className, ...props }) {
         ...props
       }
     ),
-    textToCopy && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    textToCopy && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       CopyIcon,
       {
         textToCopy,
@@ -2354,7 +2434,7 @@ function useCopyToClipboard({ value, onCopiedLink, onReset }) {
 }
 
 // src/copy-link-button/CopyLinkButton.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function CopyLinkButton({
   className,
   link,
@@ -2368,7 +2448,7 @@ function CopyLinkButton({
 }) {
   const { t } = (0, import_react_i18next5.useTranslation)();
   const { isCopied, copy } = useCopyToClipboard({ value: link, onCopiedLink });
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     Button,
     {
       className,
@@ -2385,11 +2465,11 @@ function CopyLinkButton({
 }
 
 // src/copy-string/CopyString.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function CopyString({ value = "", className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("flex w-fit items-center gap-1.5", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "copy-string_value w-full overflow-hidden text-ellipsis whitespace-nowrap text-left", children: value }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CopyIcon, { textToCopy: value })
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: cn("flex w-fit items-center gap-1.5", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "copy-string_value w-full overflow-hidden text-ellipsis whitespace-nowrap text-left", children: value }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CopyIcon, { textToCopy: value })
   ] });
 }
 
@@ -2401,15 +2481,15 @@ var import_react_table = require("@tanstack/react-table");
 var import_react8 = require("react");
 
 // src/loading-bar/LoadingBar.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function LoadingBar({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("w-full p-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "relative h-1 w-full overflow-hidden rounded-full bg-[var(--chekin-color-white)]", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute top-0 h-full animate-[chekin-loading-bar_0.8s_linear_infinite] rounded-full bg-[var(--primary)]" }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn("w-full p-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "relative h-1 w-full overflow-hidden rounded-full bg-[var(--chekin-color-white)]", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute top-0 h-full animate-[chekin-loading-bar_0.8s_linear_infinite] rounded-full bg-[var(--primary)]" }) }) });
 }
 
 // src/table/Table.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var Table = (0, import_react8.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "relative w-full overflow-auto rounded-lg border border-[var(--table-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "relative w-full overflow-auto rounded-lg border border-[var(--table-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "table",
     {
       ref,
@@ -2419,7 +2499,7 @@ var Table = (0, import_react8.forwardRef)(
   ) })
 );
 Table.displayName = "Table";
-var TableHeader = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableHeader = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   "thead",
   {
     ref,
@@ -2432,7 +2512,7 @@ var TableHeader = (0, import_react8.forwardRef)(({ className, ...props }, ref) =
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = (0, import_react8.forwardRef)(({ className, children, isLoading, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+var TableBody = (0, import_react8.forwardRef)(({ className, children, isLoading, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
   "tbody",
   {
     ref,
@@ -2441,14 +2521,14 @@ var TableBody = (0, import_react8.forwardRef)(({ className, children, isLoading,
     }),
     ...props,
     children: [
-      isLoading && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("tr", { className: "absolute bottom-0 left-0 right-0 top-0 z-20 cursor-wait bg-[var(--table-loading-overlay-bg)] opacity-50" }),
-      isLoading && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("tr", { className: "!m-0 !p-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("td", { className: "!m-0 !p-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(LoadingBar, { className: "absolute z-20 p-0" }) }) }),
+      isLoading && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tr", { className: "absolute bottom-0 left-0 right-0 top-0 z-20 cursor-wait bg-[var(--table-loading-overlay-bg)] opacity-50" }),
+      isLoading && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tr", { className: "!m-0 !p-0", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "!m-0 !p-0", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LoadingBar, { className: "absolute z-20 p-0" }) }) }),
       children
     ]
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableFooter = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   "tfoot",
   {
     ref,
@@ -2461,7 +2541,7 @@ var TableFooter = (0, import_react8.forwardRef)(({ className, ...props }, ref) =
 ));
 TableFooter.displayName = "TableFooter";
 var TableRow = (0, import_react8.forwardRef)(
-  ({ className, clickable, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  ({ className, clickable, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "tr",
     {
       ref,
@@ -2475,7 +2555,7 @@ var TableRow = (0, import_react8.forwardRef)(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableHead = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   "th",
   {
     ref,
@@ -2487,7 +2567,7 @@ var TableHead = (0, import_react8.forwardRef)(({ className, ...props }, ref) =>
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableCell = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   "td",
   {
     ref,
@@ -2499,7 +2579,7 @@ var TableCell = (0, import_react8.forwardRef)(({ className, ...props }, ref) =>
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableCaption = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   "caption",
   {
     ref,
@@ -2510,7 +2590,7 @@ var TableCaption = (0, import_react8.forwardRef)(({ className, ...props }, ref)
 TableCaption.displayName = "TableCaption";
 
 // src/data-table/DataTable.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function DataTable({ columns, data }) {
   const { t } = (0, import_react_i18next6.useTranslation)();
   const table = (0, import_react_table.useReactTable)({
@@ -2518,16 +2598,16 @@ function DataTable({ columns, data }) {
     columns,
     getCoreRowModel: (0, import_react_table.getCoreRowModel)()
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "rounded-md border", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Table, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableRow, { children: headerGroup.headers.map((header) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableHead, { children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()) }, header.id);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "rounded-md border", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Table, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TableRow, { children: headerGroup.headers.map((header) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TableHead, { children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()) }, header.id);
     }) }, headerGroup.id)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableRow, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableCell, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: t("no_results") }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TableRow, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TableCell, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: t("no_results") }) }) })
   ] }) });
 }
 
 // src/dialog/Dialog.tsx
-var React14 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_react_visually_hidden = require("@radix-ui/react-visually-hidden");
 var import_lucide_react10 = require("lucide-react");
@@ -3401,7 +3481,7 @@ function useKeyDown(key, cb, options) {
 }
 
 // src/hooks/use-iframe-focus-trap-fallback.ts
-var React13 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var IFRAME_FOCUSABLE_SELECTOR = [
   "a[href]",
   "area[href]",
@@ -3431,7 +3511,7 @@ function getFocusableElements(container) {
   });
 }
 function useIframeFocusTrapFallback(contentRef, onKeyDown) {
-  return React13.useCallback(
+  return React14.useCallback(
     (event) => {
       onKeyDown?.(event);
       if (event.defaultPrevented || event.key !== "Tab") {
@@ -3559,9 +3639,9 @@ function useIsFormTouched({
 }
 
 // src/dialog/Dialog.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function useIframeTitleFix(titleRef) {
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!window.chekinCustomDocument) {
       return;
     }
@@ -3577,20 +3657,20 @@ function useIframeTitleFix(titleRef) {
   }, [titleRef]);
 }
 function Dialog({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
 var dialogOverlayClasses = "fixed inset-0 z-50 bg-[var(--dialog-overlay-bg)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
 var scrollableOverlayClasses = "fixed inset-0 z-50 flex flex-col items-center overflow-y-auto overscroll-none pb-[19px] pt-[20px]";
-var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var DialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -3602,7 +3682,7 @@ var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__P
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var dialogContentClasses = "relative z-50 my-auto w-full max-w-[calc(100%-2rem)] rounded-[var(--dialog-content-radius)] border border-[var(--dialog-content-border)] bg-[var(--dialog-content-bg)] p-6 text-[var(--dialog-content-text)] shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:max-w-2xl";
 var dialogCloseButtonClasses = "absolute right-4 top-4 flex size-6 items-center justify-center rounded-[var(--dialog-close-radius)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-chekin-focus disabled:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";
-var DialogContent = React14.forwardRef(
+var DialogContent = React15.forwardRef(
   ({
     className,
     showCloseButton = true,
@@ -3612,10 +3692,10 @@ var DialogContent = React14.forwardRef(
     overlayClassName,
     ...props
   }, ref) => {
-    const contentRef = React14.useRef(null);
+    const contentRef = React15.useRef(null);
     const combinedRef = useCombinedRef(contentRef, ref);
     const handleKeyDown = useIframeFocusTrapFallback(contentRef, props.onKeyDown);
-    const contentElement = /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+    const contentElement = /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       DialogPrimitive.Content,
       {
         ref: combinedRef,
@@ -3625,14 +3705,14 @@ var DialogContent = React14.forwardRef(
         onKeyDown: handleKeyDown,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
               className: dialogCloseButtonClasses,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react10.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -3640,7 +3720,7 @@ var DialogContent = React14.forwardRef(
       }
     );
     const portalContainer = container || (typeof window !== "undefined" ? window.chekinCustomDocument?.body : void 0);
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DialogPortal, { "data-slot": "dialog-portal", container: portalContainer, children: lockScroll ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DialogPortal, { "data-slot": "dialog-portal", container: portalContainer, children: lockScroll ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       DialogOverlay,
       {
         className: cn(
@@ -3650,7 +3730,7 @@ var DialogContent = React14.forwardRef(
         ),
         children: contentElement
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "div",
       {
         className: cn(
@@ -3664,7 +3744,7 @@ var DialogContent = React14.forwardRef(
   }
 );
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "div",
   {
     "data-slot": "dialog-header",
@@ -3673,7 +3753,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
   }
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "div",
   {
     "data-slot": "dialog-footer",
@@ -3682,11 +3762,11 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => {
-  const titleRef = React14.useRef(null);
+var DialogTitle = React15.forwardRef(({ className, ...props }, ref) => {
+  const titleRef = React15.useRef(null);
   const combinedRef = useCombinedRef(titleRef, ref);
   useIframeTitleFix(titleRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     DialogPrimitive.Title,
     {
       ref: combinedRef,
@@ -3697,7 +3777,7 @@ var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var DialogDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -3707,11 +3787,11 @@ var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var DialogVisuallyHidden = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_visually_hidden.VisuallyHidden, { children });
+var DialogVisuallyHidden = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_visually_hidden.VisuallyHidden, { children });
 DialogVisuallyHidden.displayName = "DialogVisuallyHidden";
 
 // src/dialog/ConfirmationDialog.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function ConfirmationDialog({
   open,
   onOpenChange,
@@ -3737,14 +3817,14 @@ function ConfirmationDialog({
     onCancel?.();
     onOpenChange(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(DialogContent, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DialogTitle, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DialogDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(DialogContent, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DialogTitle, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(DialogFooter, { className: "mt-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { variant: "outline", onClick: handleCancel, disabled: isLoading, children: cancelText }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(DialogFooter, { className: "mt-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { variant: "outline", onClick: handleCancel, disabled: isLoading, children: cancelText }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         Button,
         {
           variant,
@@ -3759,9 +3839,9 @@ function ConfirmationDialog({
 }
 
 // src/default-select-trigger/DefaultSelectTrigger.tsx
-var React15 = __toESM(require("react"), 1);
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var DefaultSelectTrigger = React15.forwardRef(
+var React16 = __toESM(require("react"), 1);
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var DefaultSelectTrigger = React16.forwardRef(
   ({
     className,
     disabled,
@@ -3773,7 +3853,7 @@ var DefaultSelectTrigger = React15.forwardRef(
     children,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "div",
       {
         ref,
@@ -3803,59 +3883,59 @@ DefaultSelectTrigger.displayName = "SelectTrigger";
 var import_react41 = require("react");
 
 // src/dropdown-menu/DropdownMenu.tsx
-var React16 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_lucide_react11 = require("lucide-react");
 
 // src/dropdown-menu/DropdownMenuItemContent.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function DropdownMenuItemContent({
   icon,
   label,
   description
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-3 text-[var(--chekin-color-brand-navy)] [&_svg]:text-[#acacd5]", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-3 text-[var(--chekin-color-brand-navy)] [&_svg]:text-[#acacd5]", children: [
     icon,
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: label }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "text-xs text-[#666]", children: description })
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { children: label }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-xs text-[#666]", children: description })
     ] })
   ] });
 }
 
 // src/dropdown-menu/DropdownMenu.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
 }
-var DropdownMenuSubTrigger = React16.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -3872,12 +3952,12 @@ var DropdownMenuSubTrigger = React16.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react11.ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react11.ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -3895,7 +3975,7 @@ var DropdownMenuSubContent = React16.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React16.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropdownMenuPrimitive.Portal, { container: container || getCustomContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuPrimitive.Portal, { container: container || getCustomContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -3917,7 +3997,7 @@ var DropdownMenuContent = React16.forwardRef(({ className, sideOffset = 4, conta
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React16.forwardRef(({ className, children, inset, active, leftSlot, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+var DropdownMenuItem = React17.forwardRef(({ className, children, inset, active, leftSlot, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -3942,7 +4022,7 @@ var DropdownMenuItem = React16.forwardRef(({ className, children, inset, active,
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3957,12 +4037,12 @@ var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, checke
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "ml-auto flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react11.Check, { className: "h-4 w-4" }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "ml-auto flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react11.Check, { className: "h-4 w-4" }) }) })
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -3975,13 +4055,13 @@ var DropdownMenuRadioItem = React16.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react11.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react11.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -3994,7 +4074,7 @@ var DropdownMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -4007,7 +4087,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -4019,7 +4099,7 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/dropdown-menu/CheckboxDropdownGroup.tsx
 var import_react38 = require("react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var CheckboxDropdownGroup = (0, import_react38.forwardRef)(
   ({ options, value = [], onChange, className = "", keepOpenOnSelect, multiple }, ref) => {
     const isMultipleMode = multiple ?? Array.isArray(value);
@@ -4039,7 +4119,7 @@ var CheckboxDropdownGroup = (0, import_react38.forwardRef)(
     const isChecked = (optionValue) => normalizedValue.some((v) => v.value === optionValue);
     const renderCheckboxItem = (option) => {
       const checked = option.checked ?? isChecked(option.value);
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         DropdownMenuCheckboxItem,
         {
           checked,
@@ -4062,19 +4142,19 @@ var CheckboxDropdownGroup = (0, import_react38.forwardRef)(
         option.value
       );
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref, className, children: options.map(renderCheckboxItem) });
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ref, className, children: options.map(renderCheckboxItem) });
   }
 );
 CheckboxDropdownGroup.displayName = "CheckboxDropdownGroup";
 
 // src/dropdown-menu/CheckboxDropdownMultiGroup.tsx
 var import_react39 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var CheckboxDropdownMultiGroup = (0, import_react39.forwardRef)(({ groups, className = "", keepOpenOnSelect }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ref, className: cn("space-y-1", className), children: groups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(DropdownMenuGroup, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuLabel, { children: group.label }),
-      group.multiple ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { ref, className: cn("space-y-1", className), children: groups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_react39.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownMenuLabel, { children: group.label }),
+      group.multiple ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         CheckboxDropdownGroup,
         {
           multiple: true,
@@ -4083,7 +4163,7 @@ var CheckboxDropdownMultiGroup = (0, import_react39.forwardRef)(({ groups, class
           value: group.value,
           keepOpenOnSelect
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         CheckboxDropdownGroup,
         {
           multiple: false,
@@ -4094,14 +4174,14 @@ var CheckboxDropdownMultiGroup = (0, import_react39.forwardRef)(({ groups, class
         }
       )
     ] }),
-    index < groups.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropdownMenuSeparator, {})
+    index < groups.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownMenuSeparator, {})
   ] }, group.label)) });
 });
 CheckboxDropdownMultiGroup.displayName = "CheckboxDropdownMultiGroup";
 
 // src/dropdown-menu/CustomCheckboxDropdownGroup.tsx
 var import_react40 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var CustomCheckboxDropdownGroup = (0, import_react40.forwardRef)(({ options, value = [], onChange, keepOpenOnSelect, className = "", multiple }, ref) => {
   const isMultipleMode = multiple ?? Array.isArray(value);
   const normalizedValue = Array.isArray(value) ? value : value ? [value] : [];
@@ -4120,7 +4200,7 @@ var CustomCheckboxDropdownGroup = (0, import_react40.forwardRef)(({ options, val
   const isChecked = (optionValue) => normalizedValue.some((v) => v.value === optionValue);
   const renderCheckboxItem = (option, idx) => {
     const checked = option.checked ?? isChecked(option.value);
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       DropdownMenuItem,
       {
         onClick: () => {
@@ -4137,7 +4217,7 @@ var CustomCheckboxDropdownGroup = (0, import_react40.forwardRef)(({ options, val
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             Checkbox,
             {
               id: `checkbox-${option.value}`,
@@ -4153,12 +4233,12 @@ var CustomCheckboxDropdownGroup = (0, import_react40.forwardRef)(({ options, val
       option.label + idx
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { ref, className, children: options.map(renderCheckboxItem) });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { ref, className, children: options.map(renderCheckboxItem) });
 });
 CustomCheckboxDropdownGroup.displayName = "CustomCheckboxGroup";
 
 // src/dropdown-button/DropdownButton.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function DropdownButton({
   trigger,
   children,
@@ -4167,9 +4247,9 @@ function DropdownButton({
   className
 }) {
   const [isOpen, setIsOpen] = (0, import_react41.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(DropdownMenu, { onOpenChange: setIsOpen, modal, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DropdownMenuTrigger, { asChild: true, children: typeof trigger === "function" ? trigger(isOpen) : trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(DropdownMenu, { onOpenChange: setIsOpen, modal, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DropdownMenuTrigger, { asChild: true, children: typeof trigger === "function" ? trigger(isOpen) : trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       DropdownMenuContent,
       {
         container: getCustomContainer(),
@@ -4183,9 +4263,9 @@ function DropdownButton({
 }
 
 // src/empty/Empty.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       "data-slot": "empty",
@@ -4199,9 +4279,9 @@ function Empty({ className, ...props }) {
 }
 
 // src/empty/EmptyHeader.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
       "data-slot": "empty-header",
@@ -4212,9 +4292,9 @@ function EmptyHeader({ className, ...props }) {
 }
 
 // src/empty/EmptyTitle.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       "data-slot": "empty-title",
@@ -4228,9 +4308,9 @@ function EmptyTitle({ className, ...props }) {
 }
 
 // src/empty/EmptyDescription.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "div",
     {
       "data-slot": "empty-description",
@@ -4244,9 +4324,9 @@ function EmptyDescription({ className, ...props }) {
 }
 
 // src/empty/EmptyContent.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     {
       "data-slot": "empty-content",
@@ -4260,9 +4340,9 @@ function EmptyContent({ className, ...props }) {
 }
 
 // src/empty/EmptyMedia.tsx
-var import_class_variance_authority7 = require("class-variance-authority");
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var emptyMediaVariants = (0, import_class_variance_authority7.cva)(
+var import_class_variance_authority8 = require("class-variance-authority");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var emptyMediaVariants = (0, import_class_variance_authority8.cva)(
   "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
@@ -4281,7 +4361,7 @@ function EmptyMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     {
       "data-slot": "empty-icon",
@@ -4308,7 +4388,7 @@ var HALO_ICON_STATUS = {
 };
 
 // src/halo-icon/HaloIcon.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var statusStyles = {
   [HALO_ICON_STATUS.inactive]: {
     background: "bg-[var(--chekin-color-surface-input-empty)]",
@@ -4336,7 +4416,7 @@ var HaloIcon = (0, import_react42.forwardRef)(
     className
   }, ref) => {
     const styles = statusStyles[status];
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "div",
       {
         ref,
@@ -4359,7 +4439,7 @@ var HaloIcon = (0, import_react42.forwardRef)(
 HaloIcon.displayName = "HaloIcon";
 
 // src/empty-section-placeholder/EmptySectionPlaceholder.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function EmptySectionPlaceholder({
   title,
   subtitle,
@@ -4367,15 +4447,15 @@ function EmptySectionPlaceholder({
   className
 }) {
   const { t } = (0, import_react_i18next7.useTranslation)();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "div",
     {
       className: cn("flex flex-col items-center justify-center gap-6 py-6", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HaloIcon, { status: "ACTIVE", className: "h-20 w-20 [&>svg]:h-10 [&>svg]:w-10", children: icon || /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react12.Tag, { size: 40 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "font-medium leading-6", children: title || t("nothing_found") }),
-          subtitle && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "text-sm leading-6 text-[var(--chekin-color-gray-1)]", children: subtitle })
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HaloIcon, { status: "ACTIVE", className: "h-20 w-20 [&>svg]:h-10 [&>svg]:w-10", children: icon || /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react12.Tag, { size: 40 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "font-medium leading-6", children: title || t("nothing_found") }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "text-sm leading-6 text-[var(--chekin-color-gray-1)]", children: subtitle })
         ] })
       ]
     }
@@ -4383,10 +4463,10 @@ function EmptySectionPlaceholder({
 }
 
 // src/external-link/ExternalLink.tsx
-var React17 = __toESM(require("react"), 1);
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var ExternalLink = React17.forwardRef(
-  ({ className, children, showIcon = true, target = "_blank", rel, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+var React18 = __toESM(require("react"), 1);
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var ExternalLink = React18.forwardRef(
+  ({ className, children, showIcon = true, target = "_blank", rel, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "a",
     {
       ref,
@@ -4401,7 +4481,7 @@ var ExternalLink = React17.forwardRef(
       ...props,
       children: [
         children,
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
           "svg",
           {
             width: "14",
@@ -4414,9 +4494,9 @@ var ExternalLink = React17.forwardRef(
             strokeLinejoin: "round",
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M5.5 2.5 H11.5 V 8.5" }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M11.5 2.5 L6 8" }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M10 9 V12 H2 V4 H5" })
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M5.5 2.5 H11.5 V 8.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M11.5 2.5 L6 8" }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M10 9 V12 H2 V4 H5" })
             ]
           }
         )
@@ -4429,7 +4509,7 @@ ExternalLink.displayName = "ExternalLink";
 // src/file-input-button/FileInputButton.tsx
 var import_react43 = require("react");
 var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var FileInputButton = (0, import_react43.forwardRef)(
   ({
     label,
@@ -4449,8 +4529,8 @@ var FileInputButton = (0, import_react43.forwardRef)(
       },
       [onChange]
     );
-    const iconElement = icon !== void 0 ? icon : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react13.Upload, { className: "h-4 w-4" });
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    const iconElement = icon !== void 0 ? icon : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react13.Upload, { className: "h-4 w-4" });
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       Button,
       {
         asChild: true,
@@ -4458,8 +4538,8 @@ var FileInputButton = (0, import_react43.forwardRef)(
         size,
         disabled,
         className: cn("justify-start", buttonClassName),
-        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("label", { className: cn("cursor-pointer", className), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("label", { className: cn("cursor-pointer", className), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             "input",
             {
               ref,
@@ -4471,7 +4551,7 @@ var FileInputButton = (0, import_react43.forwardRef)(
             }
           ),
           iconElement,
-          label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "ml-1.5", children: label })
+          label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "ml-1.5", children: label })
         ] })
       }
     );
@@ -4480,9 +4560,9 @@ var FileInputButton = (0, import_react43.forwardRef)(
 FileInputButton.displayName = "FileInputButton";
 
 // src/form-box/Content.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Content5({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       className: cn(
@@ -4496,9 +4576,9 @@ function Content5({ children, className, ...props }) {
 }
 
 // src/form-box/Header.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Header2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "h2",
     {
       className: cn(
@@ -4512,9 +4592,9 @@ function Header2({ children, className, ...props }) {
 }
 
 // src/form-box/Root.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
-function Root9({ children, nested, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var import_jsx_runtime58 = require("react/jsx-runtime");
+function Root10({ children, nested, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       className: cn(
@@ -4529,9 +4609,9 @@ function Root9({ children, nested, className, ...props }) {
 }
 
 // src/form-box/SubHeader.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function SubHeader({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "h4",
     {
       className: cn(
@@ -4546,7 +4626,7 @@ function SubHeader({ children, className, ...props }) {
 
 // src/form-box/index.ts
 var FormBox = {
-  Root: Root9,
+  Root: Root10,
   Header: Header2,
   SubHeader,
   Content: Content5
@@ -4555,7 +4635,7 @@ var FormBox = {
 // src/free-text-field/FreeTextField.tsx
 var import_react44 = require("react");
 var import_react_i18next8 = require("react-i18next");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var FreeTextField = (0, import_react44.forwardRef)(
   ({
     label,
@@ -4609,7 +4689,7 @@ var FreeTextField = (0, import_react44.forwardRef)(
     );
     const inputPlaceholder = fieldStyle === "new" ? label : placeholder;
     const showFloatingLabel = fieldStyle === "new" && !isEmpty && Boolean(label);
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       "div",
       {
         className: cn(
@@ -4617,8 +4697,8 @@ var FreeTextField = (0, import_react44.forwardRef)(
           className
         ),
         children: [
-          fieldStyle === "current" && label && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          fieldStyle === "current" && label && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
               "label",
               {
                 htmlFor: inputId,
@@ -4626,14 +4706,14 @@ var FreeTextField = (0, import_react44.forwardRef)(
                 children: label
               }
             ),
-            optional && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "text-base leading-4 text-[var(--chekin-color-brand-navy)] [&_em]:text-[var(--chekin-color-gray-2)]", children: [
+            optional && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "text-base leading-4 text-[var(--chekin-color-brand-navy)] [&_em]:text-[var(--chekin-color-gray-2)]", children: [
               "- ",
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("em", { children: optionalLabel || t("optional") })
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("em", { children: optionalLabel || t("optional") })
             ] }),
-            tooltip && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "h-4 w-4 shrink-0", children: tooltip })
+            tooltip && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "h-4 w-4 shrink-0", children: tooltip })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: fieldBoxClassName, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: fieldBoxClassName, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
               "input",
               {
                 ref,
@@ -4649,15 +4729,15 @@ var FreeTextField = (0, import_react44.forwardRef)(
                 ...inputProps
               }
             ),
-            icon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center", children: icon }),
-            showFloatingLabel && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            icon && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center", children: icon }),
+            showFloatingLabel && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
               "div",
               {
                 className: cn(
                   "pointer-events-none absolute left-[13px] top-[-8px] flex h-4 items-center bg-gradient-to-b from-transparent from-50% to-white to-50% px-[3px]",
                   autocompleted && "to-[var(--chekin-color-surface-autocomplete)]"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                   "span",
                   {
                     className: cn(
@@ -4670,8 +4750,8 @@ var FreeTextField = (0, import_react44.forwardRef)(
               }
             )
           ] }),
-          supportingText && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "m-0 text-xs italic leading-normal text-[var(--chekin-color-gray-2)]", children: supportingText }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "m-0 text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: error })
+          supportingText && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "m-0 text-xs italic leading-normal text-[var(--chekin-color-gray-2)]", children: supportingText }),
+          error && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "m-0 text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: error })
         ]
       }
     );
@@ -4680,10 +4760,10 @@ var FreeTextField = (0, import_react44.forwardRef)(
 FreeTextField.displayName = "FreeTextField";
 
 // src/framed-icon/FramedIcon.tsx
-var React18 = __toESM(require("react"), 1);
-var import_class_variance_authority8 = require("class-variance-authority");
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var framedIconVariants = (0, import_class_variance_authority8.cva)("inline-flex items-center justify-center shrink-0", {
+var React19 = __toESM(require("react"), 1);
+var import_class_variance_authority9 = require("class-variance-authority");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var framedIconVariants = (0, import_class_variance_authority9.cva)("inline-flex items-center justify-center shrink-0", {
   variants: {
     size: {
       s: "w-8 h-8",
@@ -4704,8 +4784,8 @@ var framedIconVariants = (0, import_class_variance_authority8.cva)("inline-flex
   },
   defaultVariants: { size: "m", shape: "rounded", tone: "info" }
 });
-var FramedIcon = React18.forwardRef(
-  ({ className, size, shape, tone, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+var FramedIcon = React19.forwardRef(
+  ({ className, size, shape, tone, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "span",
     {
       ref,
@@ -4720,7 +4800,7 @@ FramedIcon.displayName = "FramedIcon";
 
 // src/help-tooltip/HelpTooltip.tsx
 var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function HelpTooltip({
   content,
   side,
@@ -4739,12 +4819,12 @@ function HelpTooltip({
     className
   );
   const triggerStyle = { width: size, height: size };
-  const triggerContent = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react14.CircleQuestionMark, { "aria-hidden": "true", style: { width: size, height: size } }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "absolute -left-0.5 -top-0.5 h-5 w-5" })
+  const triggerContent = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react14.CircleQuestionMark, { "aria-hidden": "true", style: { width: size, height: size } }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "absolute -left-0.5 -top-0.5 h-5 w-5" })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(TooltipRoot, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TooltipTrigger, { asChild: true, onClick, children: triggerAs === "button" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(TooltipRoot, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TooltipTrigger, { asChild: true, onClick, children: triggerAs === "button" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "button",
       {
         type: "button",
@@ -4753,8 +4833,8 @@ function HelpTooltip({
         style: triggerStyle,
         children: triggerContent
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { "aria-label": label, className: triggerClassName, style: triggerStyle, children: triggerContent }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { "aria-label": label, className: triggerClassName, style: triggerStyle, children: triggerContent }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       TooltipContent,
       {
         variant,
@@ -4768,7 +4848,7 @@ function HelpTooltip({
 
 // src/svg-icon/SvgIcon.tsx
 var import_react45 = require("react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var SIZE_MAP = {
   sm: 16,
   md: 20,
@@ -4784,7 +4864,7 @@ var SvgIcon = (0, import_react45.forwardRef)(
       role: "img",
       ...labeledFromProp && { "aria-label": label }
     } : { "aria-hidden": true };
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       Component,
       {
         ref,
@@ -4800,10 +4880,10 @@ var SvgIcon = (0, import_react45.forwardRef)(
 SvgIcon.displayName = "SvgIcon";
 
 // src/icon-button/IconButton.tsx
-var React19 = __toESM(require("react"), 1);
-var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var iconButtonVariants = (0, import_class_variance_authority9.cva)(
+var React20 = __toESM(require("react"), 1);
+var import_class_variance_authority10 = require("class-variance-authority");
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var iconButtonVariants = (0, import_class_variance_authority10.cva)(
   [
     "relative inline-flex items-center justify-center shrink-0",
     "transition-colors duration-150 ease-out outline-none",
@@ -4831,7 +4911,7 @@ var iconButtonVariants = (0, import_class_variance_authority9.cva)(
     defaultVariants: { size: "m", shape: "rounded", variant: "secondary" }
   }
 );
-var IconButton = React19.forwardRef(
+var IconButton = React20.forwardRef(
   ({
     className,
     size,
@@ -4845,7 +4925,7 @@ var IconButton = React19.forwardRef(
     type = "button",
     ...props
   }, ref) => {
-    const button = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       "button",
       {
         ref,
@@ -4861,18 +4941,18 @@ var IconButton = React19.forwardRef(
       }
     );
     if (!tooltip) return button;
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TooltipContent, { children: tooltip })
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TooltipContent, { children: tooltip })
     ] });
   }
 );
 IconButton.displayName = "IconButton";
 
 // src/info-box/InfoBox.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function InfoBox({ className, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "div",
     {
       className: cn(
@@ -4886,7 +4966,7 @@ function InfoBox({ className, children }) {
 
 // src/image/Image.tsx
 var import_react46 = require("react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function Image2({
   src,
   alt,
@@ -4895,7 +4975,7 @@ function Image2({
   ...props
 }) {
   const [error, setError] = (0, import_react46.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "img",
     {
       src: error ? fallbackSrc : src,
@@ -4909,7 +4989,7 @@ function Image2({
 }
 
 // src/input-otp/InputOTP.tsx
-var React20 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 
 // src/input-otp/InputOTPContext.ts
 var import_react47 = require("react");
@@ -5167,7 +5247,7 @@ function useInputOTPSlot(index) {
 }
 
 // src/input-otp/InputOTP.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function InputOTP({
   maxLength,
   value = "",
@@ -5179,7 +5259,7 @@ function InputOTP({
   autoFocus = false
 }) {
   const { containerRef, contextValue, handleContainerFocusIn, handleContainerFocusOut } = useInputOTP({ maxLength, value, onChange, disabled, autoFocus, error });
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(InputOTPContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(InputOTPContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "div",
     {
       ref: containerRef,
@@ -5192,11 +5272,11 @@ function InputOTP({
     }
   ) });
 }
-var InputOTPGroup = React20.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { ref, className: cn("flex items-center", className), ...props })
+var InputOTPGroup = React21.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React20.forwardRef(
+var InputOTPSlot = React21.forwardRef(
   ({ index, className, ...props }, ref) => {
     const {
       char,
@@ -5210,7 +5290,7 @@ var InputOTPSlot = React20.forwardRef(
       handlePasteEvent,
       focusSlot
     } = useInputOTPSlot(index);
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       "div",
       {
         ref,
@@ -5222,7 +5302,7 @@ var InputOTPSlot = React20.forwardRef(
         ),
         onClick: focusSlot,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           "input",
           {
             ref: setInputRef,
@@ -5245,14 +5325,14 @@ var InputOTPSlot = React20.forwardRef(
   }
 );
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React20.forwardRef(
-  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { ref, role: "separator", ...props })
+var InputOTPSeparator = React21.forwardRef(
+  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, role: "separator", ...props })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/icons-dropdown/IconsDropdown.tsx
 var import_react50 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function IconsDropdown({
   icons,
   onChange,
@@ -5268,14 +5348,14 @@ function IconsDropdown({
     setOpen(value);
     onOpenChangeProp?.(value);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(DropdownMenu, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DropdownMenuTrigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(DropdownMenu, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DropdownMenuTrigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       DropdownMenuContent,
       {
         align: position === "right" ? "end" : "start",
         className: "max-h-48 w-auto overflow-y-auto p-6 shadow-[0px_5px_15px_rgba(26,148,255,0.16)]",
-        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "div",
           {
             className: "grid gap-1",
@@ -5284,7 +5364,7 @@ function IconsDropdown({
               const isSelected = entry.name === selectedIcon;
               const iconColor = isSelected ? "var(--chekin-color-brand-blue)" : "var(--chekin-color-gray-1)";
               const IconComponent = entry.icon;
-              return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                 "button",
                 {
                   type: "button",
@@ -5297,7 +5377,7 @@ function IconsDropdown({
                     "hover:bg-[var(--chekin-color-surface-input-empty)]",
                     isSelected && "bg-[color-mix(in_srgb,var(--chekin-color-brand-blue)_10%,transparent)]"
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(IconComponent, { size: 24, color: iconColor })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(IconComponent, { size: 24, color: iconColor })
                 },
                 entry.name
               );
@@ -5751,7 +5831,7 @@ function registerUiKitI18n(i18n, options = {}) {
 
 // src/large-modal/LargeModal.tsx
 var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function LargeModal({
   open,
   onOpenChange,
@@ -5768,7 +5848,7 @@ function LargeModal({
   allowContentOverflow = false
 }) {
   const portalContainer = container ?? getCustomContainer();
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     DialogContent,
     {
       showCloseButton: false,
@@ -5792,24 +5872,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-[#e5e6ee] 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-[#e5e6ee] 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_react15.X, { className: "h-5 w-5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react15.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(
@@ -5819,7 +5899,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 })
       ]
     }
   ) });
@@ -5828,20 +5908,20 @@ function LargeModal({
 // src/learn-more-button/LearnMoreButton.tsx
 var import_lucide_react16 = 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_react16.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_react16.BookOpenIcon, { className: "size-5 text-[var(--button-link-text)]" }),
     label || t("learn_more")
   ] });
 }
 
 // src/link/Link.tsx
 var import_react51 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var LinkInternal = (0, import_react51.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,
@@ -5865,7 +5945,7 @@ var Link = (0, import_react51.memo)(LinkInternal);
 var import_react52 = require("react");
 var import_lucide_react17 = 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_react52.useState)(1);
@@ -5874,9 +5954,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",
@@ -5884,10 +5964,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_react17.ZoomIn, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react17.ZoomIn, { className: "h-6 w-6" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         Button,
         {
           variant: "ghost",
@@ -5895,10 +5975,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_react17.ZoomOut, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react17.ZoomOut, { className: "h-6 w-6" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         Button,
         {
           variant: "ghost",
@@ -5906,10 +5986,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_react17.RotateCw, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react17.RotateCw, { className: "h-6 w-6" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         Button,
         {
           variant: "ghost",
@@ -5917,11 +5997,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_react17.X, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react17.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",
@@ -5930,7 +6010,7 @@ function ImageFullScreenView({ src, alt, onClose }) {
             onClose();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "div",
           {
             style: {
@@ -5938,7 +6018,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 || "",
@@ -5952,14 +6032,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_react53 = require("react");
 var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var preventDefault = (event) => {
   event.preventDefault();
 };
@@ -5992,7 +6072,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,
@@ -6011,7 +6091,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",
@@ -6021,14 +6101,14 @@ function Modal({
               "absolute right-4 top-4 z-10 rounded-full p-1 text-[var(--chekin-color-brand-blue)] hover:bg-[#f4f6f8]"
             ),
             "aria-label": "Close",
-            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react18.X, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react18.X, { className: "h-5 w-5" })
           }
         ),
-        (icon || iconSrc || iconProps?.src) && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "modal__icon mx-auto mt-4 select-none", children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
-        title ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogTitle, { className: cn("modal__title", "px-6 text-lg font-bold"), children: title }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogVisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogTitle, { children: "Dialog" }) }),
-        text && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogDescription, { className: cn("modal__text", "text-base"), children: text }),
+        (icon || iconSrc || iconProps?.src) && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "modal__icon mx-auto mt-4 select-none", 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 text-lg 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(
@@ -6043,7 +6123,7 @@ function Modal({
   ) });
 }
 var ModalButton = (0, import_react53.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,
@@ -6062,7 +6142,7 @@ var import_react55 = require("react");
 
 // src/circular-loader/CircularLoader.tsx
 var import_react54 = __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,
@@ -6084,7 +6164,7 @@ var CircularLoader = import_react54.default.memo(
     className
   }) => {
     if (!visible) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
       "div",
       {
         className: cn(
@@ -6094,7 +6174,7 @@ var CircularLoader = import_react54.default.memo(
         ),
         role: "progressbar",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
             "svg",
             {
               viewBox: "25 25 50 50",
@@ -6104,7 +6184,7 @@ var CircularLoader = import_react54.default.memo(
                 height: toCssSize(height ?? width ?? loaderSizePixels[size])
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   "circle",
                   {
                     r: "20",
@@ -6114,7 +6194,7 @@ var CircularLoader = import_react54.default.memo(
                     strokeWidth: "7"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                   "circle",
                   {
                     r: "20",
@@ -6126,7 +6206,7 @@ var CircularLoader = import_react54.default.memo(
                     strokeLinecap: "round",
                     strokeWidth: "7",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                         "animateTransform",
                         {
                           attributeName: "transform",
@@ -6137,7 +6217,7 @@ var CircularLoader = import_react54.default.memo(
                           type: "rotate"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                         "animate",
                         {
                           attributeName: "stroke-dasharray",
@@ -6149,7 +6229,7 @@ var CircularLoader = import_react54.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",
@@ -6167,7 +6247,7 @@ var CircularLoader = import_react54.default.memo(
               ]
             }
           ),
-          label && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: cn(labelSizeClassName[size], "font-medium text-chekin-gray-1"), children: label })
+          label && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: cn(labelSizeClassName[size], "font-medium text-chekin-gray-1"), children: label })
         ]
       }
     );
@@ -6176,8 +6256,8 @@ var CircularLoader = import_react54.default.memo(
 CircularLoader.displayName = "CircularLoader";
 
 // src/modal-loader/ModalLoader.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
-var ModalLoader = (0, import_react55.memo)(({ visible, className }) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var ModalLoader = (0, import_react55.memo)(({ visible, className }) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
   "div",
   {
     className: cn(
@@ -6185,17 +6265,17 @@ var ModalLoader = (0, import_react55.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_react56 = 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_react56.Children.toArray(children) : [children];
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "ol",
     {
       className: cn(
@@ -6203,7 +6283,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(
@@ -6214,7 +6294,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
       ))
@@ -6224,7 +6304,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,
@@ -6236,16 +6316,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,
@@ -6266,10 +6346,10 @@ var import_lucide_react21 = require("lucide-react");
 var import_react57 = require("react");
 
 // src/select/components.tsx
-var React22 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var SelectRoot = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -6278,7 +6358,7 @@ var selectSizeClassNames = {
   sm: "text-sm",
   md: "text-base"
 };
-var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+var SelectTrigger = React23.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -6293,7 +6373,7 @@ var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...p
     ...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_react19.ChevronDownIcon,
         {
           size: 16,
@@ -6305,27 +6385,27 @@ var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...p
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var SelectScrollUpButton = React23.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_react19.ChevronUpIcon, { size: 16, strokeWidth: 2 })
+    children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react19.ChevronUpIcon, { size: 16, strokeWidth: 2 })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var SelectScrollDownButton = React23.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_react19.ChevronDownIcon, { size: 16, strokeWidth: 2 })
+    children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react19.ChevronDownIcon, { size: 16, strokeWidth: 2 })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React22.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+var SelectContent = React23.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,
@@ -6343,8 +6423,8 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -6354,12 +6434,12 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var SelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -6371,7 +6451,7 @@ var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+var SelectItem = React23.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -6385,13 +6465,13 @@ var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...prop
     ),
     ...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_react19.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_react19.CheckIcon, { size: 16, strokeWidth: 2 }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var SelectSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -6402,7 +6482,7 @@ var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/select/Select.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var SelectInner = ({
   placeholder,
   label,
@@ -6430,8 +6510,8 @@ var SelectInner = ({
   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,
@@ -6439,7 +6519,7 @@ var SelectInner = ({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
       SelectRoot,
       {
         value,
@@ -6447,8 +6527,8 @@ var SelectInner = ({
         onOpenChange: handleOpenChange,
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SelectValue, { placeholder }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectValue, { placeholder }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             SelectItem,
             {
               value: String(option.value),
@@ -6461,9 +6541,9 @@ var SelectInner = ({
         ]
       }
     ),
-    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 })
     ] })
   ] });
 };
@@ -6475,7 +6555,7 @@ var Select = SelectForward;
 var SelectPrimitive2 = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react20 = require("lucide-react");
 var import_react58 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var MultiSelectInner = ({
   label,
   value = [],
@@ -6502,8 +6582,8 @@ var MultiSelectInner = ({
     return value.some((v) => String(v) === String(optionValue));
   };
   const displayText = value.length > 0 ? `${value.length} selected` : placeholder || "Select options";
-  return /* @__PURE__ */ (0, import_jsx_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,
@@ -6511,7 +6591,7 @@ var MultiSelectInner = ({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
       SelectPrimitive2.Root,
       {
         open,
@@ -6519,11 +6599,11 @@ var MultiSelectInner = ({
         value: "",
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm", children: displayText }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SelectContent, { children: options?.map(({ value: optionValue, label: optionLabel }) => {
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-sm", children: displayText }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectContent, { 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",
@@ -6538,8 +6618,8 @@ var MultiSelectInner = ({
                   selected && "bg-[#f9fafb]"
                 ),
                 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_react20.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_react20.CheckIcon, { size: 16, strokeWidth: 2 }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: optionLabel })
                 ]
               },
               stringValue
@@ -6555,7 +6635,7 @@ var MultiSelect = (0, import_react58.forwardRef)(MultiSelectInner);
 // src/select/InfinitySelect.tsx
 var import_react_virtual = require("@tanstack/react-virtual");
 var import_react59 = require("react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function InfinitySelect({
   label,
   className,
@@ -6595,8 +6675,8 @@ function InfinitySelect({
     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,
@@ -6604,7 +6684,7 @@ function InfinitySelect({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       SelectRoot,
       {
         value,
@@ -6612,8 +6692,8 @@ function InfinitySelect({
         open: isOpen,
         onOpenChange: setIsOpen,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectValue, { placeholder }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SelectTrigger, { id, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SelectValue, { placeholder }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
             "div",
             {
               ref: parentRef,
@@ -6621,7 +6701,7 @@ function InfinitySelect({
                 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: {
@@ -6632,7 +6712,7 @@ function InfinitySelect({
                   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: {
@@ -6643,10 +6723,10 @@ function InfinitySelect({
                           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)(
                           SelectItem,
                           {
                             value: String(option.value),
@@ -6669,7 +6749,7 @@ function InfinitySelect({
 }
 
 // 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,
@@ -6708,7 +6788,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(
@@ -6716,24 +6796,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)(
               Select,
               {
                 value: pageSize.toString(),
                 onValueChange: (value) => onPageSizeChange(parseInt(value, 10)),
                 triggerClassName: "h-8 w-[67px]",
                 containerClassName: "w-[67px] gap-0",
-                children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SelectItem, { value: size.toString(), children: size }, size))
+                children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SelectItem, { 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",
@@ -6742,12 +6822,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_react21.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_react21.ChevronsLeft, {})
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
               Button,
               {
                 variant: isSimpleVariant ? "link" : "outline",
@@ -6758,12 +6838,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_react21.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_react21.ChevronLeft, {})
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
               Button,
               {
                 variant: isSimpleVariant ? "link" : "outline",
@@ -6774,12 +6854,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_react21.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_react21.ChevronRight, {})
                 ]
               }
             ),
-            !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+            !isSimpleVariant && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
               Button,
               {
                 variant: "outline",
@@ -6788,8 +6868,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_react21.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_react21.ChevronsRight, {})
                 ]
               }
             )
@@ -6801,15 +6881,15 @@ function Pagination({
 }
 
 // src/popover/Popover.tsx
-var React23 = __toESM(require("react"), 1);
+var React24 = __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 = React23.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 = React24.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,
@@ -6829,7 +6909,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,
@@ -6839,10 +6919,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",
@@ -6860,7 +6940,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,
@@ -6877,7 +6957,7 @@ function PopoverWithTooltip({
         ),
         children: [
           tooltipContent,
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             TooltipPrimitive2.Arrow,
             {
               className: cn(
@@ -6899,11 +6979,11 @@ function PopoverWithTooltip({
 var import_react61 = require("react");
 
 // src/radio-group/RadioGroup.tsx
-var React24 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
 var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
-var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var RadioGroup2 = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -6912,7 +6992,7 @@ var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+var RadioGroupItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -6923,7 +7003,7 @@ var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react22.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react22.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
   }
 ));
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
@@ -6950,7 +7030,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_react61.forwardRef)(
   ({ options, value, onChange, error, className = "", disabled = false, renderOption }, ref) => {
     const { selectedValue, handleValueChange } = useRadioOptions({
@@ -6964,8 +7044,8 @@ var Radio = (0, import_react61.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,
@@ -6973,7 +7053,7 @@ var Radio = (0, import_react61.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(
@@ -6981,8 +7061,8 @@ var Radio = (0, import_react61.forwardRef)(
                 "flex cursor-pointer items-center gap-2",
                 (disabled || option.disabled) && "cursor-default opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
               ),
-              children: renderOption ? renderOption({ option, isSelected: getIsSelected(option) }) : /* @__PURE__ */ (0, import_jsx_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,
@@ -6991,29 +7071,29 @@ var Radio = (0, import_react61.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({ ...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(
@@ -7021,7 +7101,7 @@ function RadioWithBorder({ ...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",
@@ -7030,12 +7110,12 @@ function RadioWithBorder({ ...props }) {
                   disabled: option.disabled
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "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: "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 })
               ] })
             ]
           }
@@ -7047,7 +7127,7 @@ function RadioWithBorder({ ...props }) {
 
 // src/radio-cards-group/RadioCardsGroup.tsx
 var import_react62 = 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;
 };
@@ -7079,8 +7159,8 @@ var RadioCardsGroup = (0, import_react62.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,
@@ -7090,7 +7170,7 @@ var RadioCardsGroup = (0, import_react62.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(
@@ -7105,7 +7185,7 @@ var RadioCardsGroup = (0, import_react62.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,
@@ -7113,8 +7193,8 @@ var RadioCardsGroup = (0, import_react62.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}`,
@@ -7125,7 +7205,7 @@ var RadioCardsGroup = (0, import_react62.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 })
                   ] })
                 ]
               }
@@ -7133,14 +7213,14 @@ var RadioCardsGroup = (0, import_react62.forwardRef)(
           }
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "mt-2 text-left text-sm text-[#ff2467]", children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "mt-2 text-left text-sm text-[#ff2467]", children: error })
     ] });
   }
 );
 var MemoizedRadioCardsGroup = (0, import_react62.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 "#ff2765";
@@ -7159,7 +7239,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(
@@ -7167,13 +7247,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",
@@ -7191,7 +7271,7 @@ function RatingProgress({
 
 // src/rating-radio-group/RatingRadioGroup.tsx
 var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var getStarColor = (optionValue) => (value) => {
   if (value >= optionValue) return "#facc15";
   return "var(--chekin-color-gray-1)";
@@ -7204,10 +7284,10 @@ function RatingRadioGroup({
   className,
   options
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("fieldset", { className: cn("relative [all:unset]", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("legend", { className: "mb-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "RatingRadioGroup__list flex gap-2", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("label", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("fieldset", { className: cn("relative [all:unset]", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("legend", { className: "mb-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "RatingRadioGroup__list flex gap-2", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         "input",
         {
           className: "peer absolute h-0 w-0 opacity-0",
@@ -7218,7 +7298,7 @@ function RatingRadioGroup({
           onChange: () => onChange?.(option.value)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         import_lucide_react23.Star,
         {
           className: "cursor-pointer rounded peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-[#385bf8]",
@@ -7233,10 +7313,10 @@ function RatingRadioGroup({
 }
 
 // src/rating-stars/RatingStars.tsx
-var React25 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var import_lucide_react24 = require("lucide-react");
 var import_react_i18next13 = require("react-i18next");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function RatingStars({
   rating,
   maxRating = 5,
@@ -7253,7 +7333,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 = React25.useId();
+  const componentId = React26.useId();
   const decimal = normalizedRating - Math.floor(normalizedRating);
   const partialStarIndex = decimal > 0 ? Math.ceil(normalizedRating) : -1;
   const gradientId = `star-gradient-${componentId.replace(/:/g, "")}`;
@@ -7266,18 +7346,18 @@ function RatingStars({
     }
     return emptyColor;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: cn("flex flex-col items-start gap-2", className), children: [
-    showText && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("p", { className: "text-4xl font-medium", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: cn("flex flex-col items-start gap-2", className), children: [
+    showText && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("p", { className: "text-4xl font-medium", children: [
       normalizedRating,
       "/",
       maxRating
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
       ] }) }) }),
-      stars.map((star) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      stars.map((star) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         import_lucide_react24.Star,
         {
           size,
@@ -7289,22 +7369,22 @@ function RatingStars({
         star
       ))
     ] }),
-    (reviewCount !== void 0 || description) && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
-      reviewCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("p", { className: "text-xs leading-4", children: [
+    (reviewCount !== void 0 || description) && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
+      reviewCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("p", { className: "text-xs leading-4", children: [
         reviewCount,
         " ",
         reviewsLabel || t("reviews")
       ] }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-sm leading-6", children: description })
+      description && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-sm leading-6", children: description })
     ] })
   ] });
 }
 
 // src/rotate-arrow/RotateArrow.tsx
 var import_lucide_react25 = require("lucide-react");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function RotateArrow({ shouldRotate, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     import_lucide_react25.ChevronDown,
     {
       size: 16,
@@ -7320,9 +7400,9 @@ function RotateArrow({ shouldRotate, className }) {
 
 // src/search-button/SearchButton.tsx
 var import_lucide_react26 = require("lucide-react");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function SearchButton({ onClick, className, icon, ariaLabel }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     "button",
     {
       onClick,
@@ -7333,7 +7413,7 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
       "data-testid": "search-button",
       "aria-label": ariaLabel,
       type: "button",
-      children: icon || /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react26.Search, { size: 14, strokeWidth: 4 })
+      children: icon || /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react26.Search, { size: 14, strokeWidth: 4 })
     }
   );
 }
@@ -7341,7 +7421,7 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
 // src/search-input/SearchInput.tsx
 var import_lucide_react27 = require("lucide-react");
 var import_react_i18next14 = require("react-i18next");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function SearchInput({
   disabled,
   invalid,
@@ -7360,15 +7440,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_runtime93.jsxs)("div", { className: cn("input-wrapper", wrapperClassName), children: [
-    (label || hasLabelMeta) && /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime93.jsx)("span", { className: "min-w-0 truncate", children: label }),
-      optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
-      tooltip && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(HelpTooltip, { content: tooltip, side: "top", size: 16 })
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: cn("input-wrapper", wrapperClassName), children: [
+    (label || hasLabelMeta) && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "mb-2 inline-flex max-w-full items-center gap-1.5 text-sm font-medium text-[var(--chekin-color-brand-navy)]", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "min-w-0 truncate", children: label }),
+      optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
+      tooltip && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HelpTooltip, { content: tooltip, side: "top", size: 16 })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react27.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_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react27.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-color-gray-2)]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         Input,
         {
           ...props,
@@ -7386,15 +7466,15 @@ function SearchInput({
           )
         }
       ),
-      (loading || onReset) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
-        loading && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      (loading || onReset) && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           import_lucide_react27.Loader2,
           {
             "aria-hidden": "true",
             className: "h-5 w-5 animate-spin text-[var(--chekin-color-gray-2)]"
           }
         ),
-        onReset && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        onReset && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           Button,
           {
             variant: "ghost",
@@ -7402,7 +7482,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_runtime93.jsx)(import_lucide_react27.X, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react27.X, { className: "h-5 w-5" })
           }
         )
       ] })
@@ -7412,7 +7492,7 @@ function SearchInput({
 
 // src/search-input/DebouncedSearchInput.tsx
 var import_react63 = require("react");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function DebouncedSearchInput({
   onChange,
   placeholder,
@@ -7428,7 +7508,7 @@ function DebouncedSearchInput({
       onChange(value);
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     SearchInput,
     {
       onChange: handleInputChange,
@@ -7440,8 +7520,8 @@ function DebouncedSearchInput({
 }
 
 // src/section-tag/sectionTagVariants.ts
-var import_class_variance_authority10 = require("class-variance-authority");
-var sectionTagVariants = (0, import_class_variance_authority10.cva)(
+var import_class_variance_authority11 = require("class-variance-authority");
+var sectionTagVariants = (0, import_class_variance_authority11.cva)(
   "relative -mt-1 ml-5 inline-flex items-center justify-center px-4 py-1 text-sm font-semibold text-white",
   {
     variants: {
@@ -7457,9 +7537,9 @@ var sectionTagVariants = (0, import_class_variance_authority10.cva)(
 );
 
 // src/section-tag/SectionTag.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function SectionTag({ children, color = "green", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: cn(sectionTagVariants({ color }), className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: cn(sectionTagVariants({ color }), className), children });
 }
 
 // src/section-tag/constants.ts
@@ -7482,16 +7562,16 @@ var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
 })(SubSectionSize || {});
 
 // src/section/Section.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function TooltipInfo({ content, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Tooltip, { side: "right", content, contentClassName: "max-w-64", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Tooltip, { side: "right", content, contentClassName: "max-w-64", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     "button",
     {
       type: "button",
       className: cn("inline-flex text-[var(--chekin-color-gray-1)]", className),
       onClick: (event) => event.stopPropagation(),
       "aria-label": typeof content === "string" ? content : "More information",
-      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_lucide_react28.CircleHelp, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react28.CircleHelp, { className: "h-4 w-4" })
     }
   ) });
 }
@@ -7512,7 +7592,7 @@ var Section = (0, import_react64.forwardRef)(
     size
   }, ref) => {
     const { t } = (0, import_react_i18next15.useTranslation)();
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
       "div",
       {
         ref,
@@ -7524,8 +7604,8 @@ var Section = (0, import_react64.forwardRef)(
           className
         ),
         children: [
-          (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-2", children: [
-            title && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+          (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-2", children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
               "div",
               {
                 className: cn(
@@ -7535,17 +7615,17 @@ var Section = (0, import_react64.forwardRef)(
                 ),
                 children: [
                   title,
-                  titleTooltip && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "ml-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TooltipInfo, { content: titleTooltip }) }),
-                  linkContent && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "ml-6 text-sm font-semibold text-[var(--chekin-color-brand-blue)] no-underline hover:opacity-70 active:opacity-100", children: linkContent })
+                  titleTooltip && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "ml-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TooltipInfo, { content: titleTooltip }) }),
+                  linkContent && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "ml-6 text-sm font-semibold text-[var(--chekin-color-brand-blue)] no-underline hover:opacity-70 active:opacity-100", children: linkContent })
                 ]
               }
             ),
-            subtitle && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "inline text-base font-normal text-[var(--chekin-color-gray-1)]", children: subtitle }),
-              subtitleTooltip && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TooltipInfo, { content: subtitleTooltip }) })
+            subtitle && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "inline text-base font-normal text-[var(--chekin-color-gray-1)]", children: subtitle }),
+              subtitleTooltip && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TooltipInfo, { content: subtitleTooltip }) })
             ] })
           ] }),
-          loading && showLoader ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          loading && showLoader ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             CircularLoader,
             {
               size: "md",
@@ -7560,7 +7640,7 @@ var Section = (0, import_react64.forwardRef)(
 );
 Section.displayName = "Section";
 var SubSection = (0, import_react64.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     Section,
     {
       ref,
@@ -7574,7 +7654,7 @@ var SubSection = (0, import_react64.forwardRef)(
 );
 SubSection.displayName = "SubSection";
 var DividingSubsection = (0, import_react64.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     SubSection,
     {
       ref,
@@ -7587,14 +7667,14 @@ DividingSubsection.displayName = "DividingSubsection";
 
 // src/separator/Separator.tsx
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function Separator3({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -7610,7 +7690,7 @@ function Separator3({
 }
 
 // src/section-group/SectionGroup.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var SectionGroupItem = ({
   className,
   contentClassName,
@@ -7619,17 +7699,17 @@ var SectionGroupItem = ({
   children,
   divider = true
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("section", { className: cn("flex flex-col gap-5", className), children: [
-    divider && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: cn("h-px w-full bg-[var(--section-group-divider-bg)]") }),
-    (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex flex-col gap-1 px-8", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("h3", { className: "text-sm font-semibold leading-6 text-[var(--section-group-muted-text)]", children: title }),
-      subtitle && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("section", { className: cn("flex flex-col gap-5", className), children: [
+    divider && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: cn("h-px w-full bg-[var(--section-group-divider-bg)]") }),
+    (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col gap-1 px-8", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h3", { className: "text-sm font-semibold leading-6 text-[var(--section-group-muted-text)]", children: title }),
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: subtitle })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: cn("flex flex-col gap-4 px-8", contentClassName), children })
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: cn("flex flex-col gap-4 px-8", contentClassName), children })
   ] });
 };
 var SectionGroupRoot = ({ className, title, actions, children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
     "div",
     {
       className: cn(
@@ -7638,18 +7718,18 @@ var SectionGroupRoot = ({ className, title, actions, children }) => {
         className
       ),
       children: [
-        (title || actions) && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-6 px-8", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime98.jsx)("div", { className: "flex items-center gap-2", children: actions })
+        (title || actions) && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center gap-6 px-8", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsx)("div", { className: "flex items-center gap-2", children: actions })
         ] }),
         children
       ]
     }
   );
 };
-var SectionGroupLabel = ({ id, title, description }) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { id, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "font-semibold leading-6", children: title }),
-  description && /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime99.jsxs)("div", { id, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "font-semibold leading-6", children: title }),
+  description && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: description })
 ] });
 var SectionGroup = Object.assign(SectionGroupRoot, {
   Item: SectionGroupItem,
@@ -7659,24 +7739,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_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -7694,9 +7774,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -7711,9 +7791,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsx)(import_lucide_react29.XIcon, { className: "size-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--chekin-radius-small)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-[var(--chekin-shadow-focus)] disabled:pointer-events-none", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react29.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -7721,7 +7801,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "div",
     {
       "data-slot": "sheet-header",
@@ -7731,7 +7811,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -7744,7 +7824,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -7757,7 +7837,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -7768,15 +7848,15 @@ function SheetDescription({
 }
 
 // src/sidebar/Sidebar.tsx
-var React26 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_class_variance_authority11 = require("class-variance-authority");
+var import_class_variance_authority12 = require("class-variance-authority");
 var import_lucide_react30 = require("lucide-react");
 
 // src/skeleton/Skeleton.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     "div",
     {
       "data-slot": "skeleton",
@@ -7806,7 +7886,7 @@ function useSidebarMenuButton() {
 }
 
 // src/sidebar/SidebarIcon.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var SidebarIcon = ({
   children,
   isActive: isActiveProp,
@@ -7823,7 +7903,7 @@ var SidebarIcon = ({
     }
     return highlighted ? "bg-[var(--chekin-color-surface-pressed)]" : "bg-[var(--chekin-color-surface-input-empty)]";
   })();
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "div",
     {
       className: cn(
@@ -7856,12 +7936,12 @@ function useSidebarSafe() {
 }
 
 // src/sidebar/Sidebar.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME_DEFAULT = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarProvider = React26.forwardRef(
+var SidebarProvider = React27.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -7873,10 +7953,10 @@ var SidebarProvider = React26.forwardRef(
     ...props
   }, ref) => {
     const isMobile2 = useIsMobile({ breakpoint: 641 });
-    const [openMobile, setOpenMobile] = React26.useState(false);
-    const [_open, _setOpen] = React26.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React27.useState(false);
+    const [_open, _setOpen] = React27.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React26.useCallback(
+    const setOpen = React27.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -7888,10 +7968,10 @@ var SidebarProvider = React26.forwardRef(
       },
       [setOpenProp, open, stateName]
     );
-    const toggleSidebar = React26.useCallback(() => {
+    const toggleSidebar = React27.useCallback(() => {
       return isMobile2 ? setOpenMobile((value) => !value) : setOpen((value) => !value);
     }, [isMobile2, setOpen]);
-    React26.useEffect(() => {
+    React27.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -7902,7 +7982,7 @@ var SidebarProvider = React26.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React26.useMemo(
+    const contextValue = React27.useMemo(
       () => ({
         state,
         open,
@@ -7914,7 +7994,7 @@ var SidebarProvider = React26.forwardRef(
       }),
       [state, open, setOpen, isMobile2, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       "div",
       {
         style,
@@ -7930,7 +8010,7 @@ var SidebarProvider = React26.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React26.forwardRef(
+var Sidebar = React27.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -7941,7 +8021,7 @@ var Sidebar = React26.forwardRef(
   }, ref) => {
     const { isMobile: isMobile2, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "div",
         {
           className: cn(
@@ -7955,7 +8035,7 @@ var Sidebar = React26.forwardRef(
       );
     }
     if (isMobile2) {
-      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -7967,16 +8047,16 @@ var Sidebar = React26.forwardRef(
           style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
           side,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(SheetHeader, { className: "sr-only", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SheetTitle, { children: "Sidebar" }),
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(SheetHeader, { className: "sr-only", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SheetTitle, { children: "Sidebar" }),
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex h-full w-full flex-col", children })
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex h-full w-full flex-col", children })
           ]
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
       "div",
       {
         ref,
@@ -7987,7 +8067,7 @@ var Sidebar = React26.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
             "div",
             {
               className: cn(
@@ -7998,7 +8078,7 @@ var Sidebar = React26.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
             "div",
             {
               className: cn(
@@ -8008,7 +8088,7 @@ var Sidebar = React26.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -8024,9 +8104,9 @@ var Sidebar = React26.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React26.forwardRef(({ className, onClick, icon, ...props }, ref) => {
+var SidebarTrigger = React27.forwardRef(({ className, onClick, icon, ...props }, ref) => {
   const { toggleSidebar, open, isMobile: isMobile2, openMobile } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     Button,
     {
       ref,
@@ -8044,17 +8124,17 @@ var SidebarTrigger = React26.forwardRef(({ className, onClick, icon, ...props },
       },
       ...props,
       children: [
-        icon || (isMobile2 ? openMobile : open) ? icon || /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react30.ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react30.ArrowRightFromLineIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        icon || (isMobile2 ? openMobile : open) ? icon || /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react30.ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react30.ArrowRightFromLineIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React26.forwardRef(
+var SidebarRail = React27.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       "button",
       {
         ref,
@@ -8077,8 +8157,8 @@ var SidebarRail = React26.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var SidebarInset = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "main",
     {
       ref,
@@ -8092,7 +8172,7 @@ var SidebarInset = React26.forwardRef(
   )
 );
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var SidebarInput = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
   Input,
   {
     ref,
@@ -8102,8 +8182,8 @@ var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var SidebarHeader = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       ref,
@@ -8114,8 +8194,8 @@ var SidebarHeader = React26.forwardRef(
   )
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var SidebarFooter = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       ref,
@@ -8126,7 +8206,7 @@ var SidebarFooter = React26.forwardRef(
   )
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var SidebarSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
   Separator3,
   {
     ref,
@@ -8136,8 +8216,8 @@ var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var SidebarContent = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       ref,
@@ -8151,8 +8231,8 @@ var SidebarContent = React26.forwardRef(
   )
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var SidebarGroup = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       ref,
@@ -8163,9 +8243,9 @@ var SidebarGroup = React26.forwardRef(
   )
 );
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React26.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React27.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     Comp,
     {
       ref,
@@ -8180,9 +8260,9 @@ var SidebarGroupLabel = React26.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React26.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React27.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     Comp,
     {
       ref,
@@ -8196,8 +8276,8 @@ var SidebarGroupAction = React26.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var SidebarGroupContent = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       ref,
@@ -8208,8 +8288,8 @@ var SidebarGroupContent = React26.forwardRef(
   )
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var SidebarMenu = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "ul",
     {
       ref,
@@ -8220,8 +8300,8 @@ var SidebarMenu = React26.forwardRef(
   )
 );
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var SidebarMenuItem = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "li",
     {
       ref,
@@ -8232,7 +8312,7 @@ var SidebarMenuItem = React26.forwardRef(
   )
 );
 SidebarMenuItem.displayName = "SidebarMenuItem";
-var sidebarMenuButtonVariants = (0, import_class_variance_authority11.cva)(
+var sidebarMenuButtonVariants = (0, import_class_variance_authority12.cva)(
   "peer/menu-button group/menu-button relative flex min-h-[40px] w-full items-center gap-2 rounded-lg px-2 text-left text-md font-medium capitalize outline-none transition-[width,height,padding,color,background-color] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 group-data-[collapsible=icon]:!size-10 group-data-[collapsible=icon]:!p-2 [&>*:not(:first-child)]:truncate [&>*:nth-child(2)]:grow [&>svg]:size-4 [&>svg]:shrink-0 data-[active=false]:data-[highlighted=false]:bg-transparent data-[active=false]:data-[highlighted=false]:text-[var(--chekin-color-gray-1)] data-[active=false]:data-[highlighted=false]:hover:bg-[var(--chekin-color-surface-input-empty)] data-[active=false]:data-[highlighted=true]:bg-transparent data-[active=false]:data-[highlighted=true]:hover:bg-[var(--chekin-color-surface-input-empty)] data-[active=true]:data-[highlighted=false]:bg-[var(--chekin-color-surface-pressed)] data-[active=true]:data-[highlighted=false]:font-semibold data-[active=true]:data-[highlighted=false]:text-[var(--chekin-color-gray-1)] data-[active=true]:data-[highlighted=true]:bg-[var(--chekin-color-surface-pressed)] data-[active=true]:data-[highlighted=true]:font-semibold data-[active=true]:data-[highlighted=true]:text-[var(--chekin-color-brand-blue)]",
   {
     variants: {
@@ -8252,7 +8332,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var SidebarMenuButton = React26.forwardRef(
+var SidebarMenuButton = React27.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -8265,7 +8345,7 @@ var SidebarMenuButton = React26.forwardRef(
   }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "button";
     const { isMobile: isMobile2, state } = useSidebar();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       Comp,
       {
         ref,
@@ -8278,12 +8358,12 @@ var SidebarMenuButton = React26.forwardRef(
       }
     );
     if (!tooltip) {
-      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
     }
     const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         TooltipContent,
         {
           side: "right",
@@ -8298,9 +8378,9 @@ var SidebarMenuButton = React26.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React26.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React27.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     Comp,
     {
       ref,
@@ -8315,11 +8395,11 @@ var SidebarMenuAction = React26.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React26.forwardRef(
+var SidebarMenuBadge = React27.forwardRef(
   ({ className, ...props }, ref) => {
     const { open, isMobile: isMobile2, openMobile } = useSidebar();
     const isOpen = isMobile2 ? openMobile : open;
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       "div",
       {
         ref,
@@ -8335,9 +8415,9 @@ var SidebarMenuBadge = React26.forwardRef(
   }
 );
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React26.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+var SidebarMenuSkeleton = React27.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React27.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     "div",
     {
       ref,
@@ -8345,8 +8425,8 @@ var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -8359,8 +8439,8 @@ var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+var SidebarMenuSub = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "ul",
     {
       ref,
@@ -8374,11 +8454,11 @@ var SidebarMenuSub = React26.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React26.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("li", { ref, ...props })
+var SidebarMenuSubItem = React27.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("li", { ref, ...props })
 );
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var sidebarMenuSubButtonVariants = (0, import_class_variance_authority11.cva)(
+var sidebarMenuSubButtonVariants = (0, import_class_variance_authority12.cva)(
   "flex min-w-0 items-center gap-2 overflow-hidden rounded-md px-2 text-left text-[var(--chekin-color-gray-1)] outline-none transition-colors duration-200 hover:bg-[var(--chekin-color-surface-input-empty)] hover:text-[var(--chekin-color-brand-navy)] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-[var(--chekin-color-surface-pressed)] data-[active=true]:font-medium data-[active=true]:text-[var(--chekin-color-brand-navy)] group-data-[collapsible=icon]:hidden [&>span:nth-child(2)]:truncate [&>svg]:shrink-0",
   {
     variants: {
@@ -8398,7 +8478,7 @@ var sidebarMenuSubButtonVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var SidebarMenuSubButton = React26.forwardRef(
+var SidebarMenuSubButton = React27.forwardRef(
   ({
     asChild = false,
     isActive,
@@ -8408,7 +8488,7 @@ var SidebarMenuSubButton = React26.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "a";
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       Comp,
       {
         ref,
@@ -8433,19 +8513,19 @@ var import_react_i18next16 = require("react-i18next");
 var import_react_signature_pad_wrapper = __toESM(require("react-signature-pad-wrapper"), 1);
 
 // src/assets/icons/sign-finger.svg
-var React27 = __toESM(require("react"));
-var import_jsx_runtime103 = require("react/jsx-runtime");
-var SvgSignFinger = (props) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 37.198, height: 40.76, viewBox: "0 0 37.198 40.76", ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("style", { children: ".a{fill:#385cf8;}" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("g", { transform: "translate(-84.883 29)", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("g", { transform: "translate(0.883 4)", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { className: "a", d: "M277.71,362.455a1.332,1.332,0,0,1-.878-.329,1.3,1.3,0,0,1-.38-1.387,3.537,3.537,0,0,0,.169-.893,5.514,5.514,0,0,1-3.179,2.525,3.567,3.567,0,0,1-3.507-1.314c-2.184-2.386-.695-5.062.393-7.017,1.283-2.3,1.246-2.67.553-3.119a2.672,2.672,0,0,0-2.116.117c-4.225,1.539-9.992,7.866-10.476,9.508a1.326,1.326,0,0,1-1.641.89,1.306,1.306,0,0,1-.9-1.623c.788-2.673,7.317-9.487,12.1-11.23a4.9,4.9,0,0,1,4.483.151,3.3,3.3,0,0,1,1.619,3.488,10.132,10.132,0,0,1-1.306,3.081c-1.5,2.7-1.374,3.317-.749,4,.554.605.873.536.977.514.8-.173,2.068-1.774,2.823-4.156a1.329,1.329,0,0,1,2.4-.282c.106.174,1.819,6.2.176,6.955A1.334,1.334,0,0,1,277.71,362.455Z", transform: "translate(-171.695 -381.124)" }),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("g", { transform: "translate(95.422 -22.82)", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("g", { transform: "translate(0)", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { className: "a", d: "M67.007,14.641l-5.781-3.81a3.935,3.935,0,0,0-4.257,0l-.127.084V2.548a2.578,2.578,0,0,0-5.155,0V19.6a.626.626,0,0,1-.306.542.642.642,0,0,1-.627.028l-4.138-2.046a2.768,2.768,0,0,0-1.221-.285,2.718,2.718,0,0,0-2.73,2.7v.486a.634.634,0,0,0,.205.466l7.438,6.862a8.4,8.4,0,0,0,5.715,2.228H62a6.415,6.415,0,0,0,6.444-6.371V17.291A3.169,3.169,0,0,0,67.007,14.641Z", transform: "translate(-42.666)" }) }) })
+var React28 = __toESM(require("react"));
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var SvgSignFinger = (props) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 37.198, height: 40.76, viewBox: "0 0 37.198 40.76", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("style", { children: ".a{fill:#385cf8;}" }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("g", { transform: "translate(-84.883 29)", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("g", { transform: "translate(0.883 4)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("path", { className: "a", d: "M277.71,362.455a1.332,1.332,0,0,1-.878-.329,1.3,1.3,0,0,1-.38-1.387,3.537,3.537,0,0,0,.169-.893,5.514,5.514,0,0,1-3.179,2.525,3.567,3.567,0,0,1-3.507-1.314c-2.184-2.386-.695-5.062.393-7.017,1.283-2.3,1.246-2.67.553-3.119a2.672,2.672,0,0,0-2.116.117c-4.225,1.539-9.992,7.866-10.476,9.508a1.326,1.326,0,0,1-1.641.89,1.306,1.306,0,0,1-.9-1.623c.788-2.673,7.317-9.487,12.1-11.23a4.9,4.9,0,0,1,4.483.151,3.3,3.3,0,0,1,1.619,3.488,10.132,10.132,0,0,1-1.306,3.081c-1.5,2.7-1.374,3.317-.749,4,.554.605.873.536.977.514.8-.173,2.068-1.774,2.823-4.156a1.329,1.329,0,0,1,2.4-.282c.106.174,1.819,6.2.176,6.955A1.334,1.334,0,0,1,277.71,362.455Z", transform: "translate(-171.695 -381.124)" }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("g", { transform: "translate(95.422 -22.82)", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("g", { transform: "translate(0)", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("path", { className: "a", d: "M67.007,14.641l-5.781-3.81a3.935,3.935,0,0,0-4.257,0l-.127.084V2.548a2.578,2.578,0,0,0-5.155,0V19.6a.626.626,0,0,1-.306.542.642.642,0,0,1-.627.028l-4.138-2.046a2.768,2.768,0,0,0-1.221-.285,2.718,2.718,0,0,0-2.73,2.7v.486a.634.634,0,0,0,.205.466l7.438,6.862a8.4,8.4,0,0,0,5.715,2.228H62a6.415,6.415,0,0,0,6.444-6.371V17.291A3.169,3.169,0,0,0,67.007,14.641Z", transform: "translate(-42.666)" }) }) })
   ] }) })
 ] });
 var sign_finger_default = SvgSignFinger;
 
 // src/signature-canvas/SignatureCanvas.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var CANVAS_PROPS = {
   width: "250px",
   height: "174px"
@@ -8457,9 +8537,9 @@ var SIGNATURE_PROPS = {
   dotSize: 1
 };
 function breakIntoLines(text = "") {
-  return text.split("\n").map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_react69.Fragment, { children: [
+  return text.split("\n").map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_react69.Fragment, { children: [
     line,
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("br", {})
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("br", {})
   ] }, index));
 }
 var SignatureCanvas = (0, import_react69.forwardRef)(
@@ -8475,8 +8555,8 @@ var SignatureCanvas = (0, import_react69.forwardRef)(
         signPad?.removeEventListener("endStroke", onEnd);
       };
     }, [onEnd]);
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: cn("relative inline-flex flex-col", className), children: [
-      !enabled && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: cn("relative inline-flex flex-col", className), children: [
+      !enabled && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
         "button",
         {
           type: "button",
@@ -8488,8 +8568,8 @@ var SignatureCanvas = (0, import_react69.forwardRef)(
           onClick: onEnable,
           "data-testid": "signature-placeholder",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SvgIcon, { as: sign_finger_default, size: 41, className: "w-[37px] opacity-[0.55]" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(SvgIcon, { as: sign_finger_default, size: 41, className: "w-[37px] opacity-[0.55]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
               "span",
               {
                 className: cn(
@@ -8502,7 +8582,7 @@ var SignatureCanvas = (0, import_react69.forwardRef)(
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         "div",
         {
           className: cn(
@@ -8510,7 +8590,7 @@ var SignatureCanvas = (0, import_react69.forwardRef)(
             "border-[var(--signature-canvas-border)] shadow-[var(--signature-canvas-shadow)]",
             "box-border max-[320px]:overflow-hidden"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             import_react_signature_pad_wrapper.default,
             {
               ref: combinedRef,
@@ -8521,13 +8601,13 @@ var SignatureCanvas = (0, import_react69.forwardRef)(
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         "div",
         {
           className: cn("text-right", {
             invisible: !enabled || !hasSignature
           }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             Button,
             {
               variant: "link",
@@ -8547,17 +8627,17 @@ var SignatureCanvas = (0, import_react69.forwardRef)(
 SignatureCanvas.displayName = "SignatureCanvas";
 
 // src/slider/Slider.tsx
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 
 // src/slider/SliderControls.tsx
-var React29 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var import_lucide_react31 = require("lucide-react");
 
 // src/slider/SliderContext.tsx
-var React28 = __toESM(require("react"), 1);
-var SliderContext = React28.createContext(null);
+var React29 = __toESM(require("react"), 1);
+var SliderContext = React29.createContext(null);
 function useSliderContext(componentName) {
-  const context = React28.useContext(SliderContext);
+  const context = React29.useContext(SliderContext);
   if (!context) {
     throw new Error(`${componentName} must be used within SliderRoot`);
   }
@@ -8565,14 +8645,14 @@ function useSliderContext(componentName) {
 }
 
 // src/slider/SliderControls.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
-var SliderPrevious = React29.forwardRef(
+var import_jsx_runtime106 = require("react/jsx-runtime");
+var SliderPrevious = React30.forwardRef(
   ({ className, children, onClick, ...props }, ref) => {
     const { canGoPrevious, goToPrevious } = useSliderContext("SliderPrevious");
     if (!canGoPrevious) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
       "button",
       {
         ref,
@@ -8590,19 +8670,19 @@ var SliderPrevious = React29.forwardRef(
           goToPrevious();
         },
         ...props,
-        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react31.ChevronLeft, { className: "size-4" })
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react31.ChevronLeft, { className: "size-4" })
       }
     );
   }
 );
 SliderPrevious.displayName = "SliderPrevious";
-var SliderNext = React29.forwardRef(
+var SliderNext = React30.forwardRef(
   ({ className, children, onClick, ...props }, ref) => {
     const { canGoNext, goToNext } = useSliderContext("SliderNext");
     if (!canGoNext) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
       "button",
       {
         ref,
@@ -8620,7 +8700,7 @@ var SliderNext = React29.forwardRef(
           goToNext();
         },
         ...props,
-        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react31.ChevronRight, { className: "size-4" })
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react31.ChevronRight, { className: "size-4" })
       }
     );
   }
@@ -8628,9 +8708,9 @@ var SliderNext = React29.forwardRef(
 SliderNext.displayName = "SliderNext";
 
 // src/slider/SliderRoot.tsx
-var React30 = __toESM(require("react"), 1);
-var import_jsx_runtime106 = require("react/jsx-runtime");
-var SliderRoot = React30.forwardRef(
+var React31 = __toESM(require("react"), 1);
+var import_jsx_runtime107 = require("react/jsx-runtime");
+var SliderRoot = React31.forwardRef(
   ({
     className,
     index: controlledIndex,
@@ -8641,8 +8721,8 @@ var SliderRoot = React30.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [uncontrolledIndex, setUncontrolledIndex] = React30.useState(defaultIndex);
-    const [registeredSlideCount, setRegisteredSlideCount] = React30.useState(0);
+    const [uncontrolledIndex, setUncontrolledIndex] = React31.useState(defaultIndex);
+    const [registeredSlideCount, setRegisteredSlideCount] = React31.useState(0);
     const slideCount = controlledSlideCount ?? registeredSlideCount;
     const isControlled = controlledIndex !== void 0;
     const index = isControlled ? controlledIndex : uncontrolledIndex;
@@ -8650,7 +8730,7 @@ var SliderRoot = React30.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 = React30.useCallback(
+    const setIndex = React31.useCallback(
       (nextIndex) => {
         const clampedIndex = Math.min(Math.max(nextIndex, 0), maxIndex);
         if (!isControlled) {
@@ -8660,23 +8740,23 @@ var SliderRoot = React30.forwardRef(
       },
       [isControlled, maxIndex, onIndexChange]
     );
-    const goToPrevious = React30.useCallback(() => {
+    const goToPrevious = React31.useCallback(() => {
       if (!canGoPrevious) {
         return;
       }
       setIndex(normalizedIndex === 0 ? maxIndex : normalizedIndex - 1);
     }, [canGoPrevious, maxIndex, normalizedIndex, setIndex]);
-    const goToNext = React30.useCallback(() => {
+    const goToNext = React31.useCallback(() => {
       if (!canGoNext) {
         return;
       }
       setIndex(normalizedIndex === maxIndex ? 0 : normalizedIndex + 1);
     }, [canGoNext, maxIndex, normalizedIndex, setIndex]);
-    const registerSlide = React30.useCallback(() => {
+    const registerSlide = React31.useCallback(() => {
       setRegisteredSlideCount((count) => count + 1);
       return () => setRegisteredSlideCount((count) => Math.max(0, count - 1));
     }, []);
-    const contextValue = React30.useMemo(
+    const contextValue = React31.useMemo(
       () => ({
         index: normalizedIndex,
         slideCount,
@@ -8700,7 +8780,7 @@ var SliderRoot = React30.forwardRef(
         registerSlide
       ]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SliderContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SliderContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       "div",
       {
         ref,
@@ -8715,12 +8795,12 @@ var SliderRoot = React30.forwardRef(
 SliderRoot.displayName = "SliderRoot";
 
 // src/slider/SliderSlide.tsx
-var React31 = __toESM(require("react"), 1);
-var import_jsx_runtime107 = require("react/jsx-runtime");
-var SliderSlide = React31.forwardRef(({ className, ...props }, ref) => {
+var React32 = __toESM(require("react"), 1);
+var import_jsx_runtime108 = require("react/jsx-runtime");
+var SliderSlide = React32.forwardRef(({ className, ...props }, ref) => {
   const { registerSlide } = useSliderContext("SliderSlide");
-  React31.useEffect(() => registerSlide(), [registerSlide]);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  React32.useEffect(() => registerSlide(), [registerSlide]);
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "div",
     {
       ref,
@@ -8733,11 +8813,11 @@ var SliderSlide = React31.forwardRef(({ className, ...props }, ref) => {
 SliderSlide.displayName = "SliderSlide";
 
 // src/slider/SliderTrack.tsx
-var React32 = __toESM(require("react"), 1);
-var import_jsx_runtime108 = require("react/jsx-runtime");
-var SliderTrack = React32.forwardRef(({ className, style, ...props }, ref) => {
+var React33 = __toESM(require("react"), 1);
+var import_jsx_runtime109 = require("react/jsx-runtime");
+var SliderTrack = React33.forwardRef(({ className, style, ...props }, ref) => {
   const { index } = useSliderContext("SliderTrack");
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
     "div",
     {
       ref,
@@ -8754,9 +8834,9 @@ var SliderTrack = React32.forwardRef(({ className, style, ...props }, ref) => {
 SliderTrack.displayName = "SliderTrack";
 
 // src/slider/SliderViewport.tsx
-var React33 = __toESM(require("react"), 1);
-var import_jsx_runtime109 = require("react/jsx-runtime");
-var SliderViewport = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+var React34 = __toESM(require("react"), 1);
+var import_jsx_runtime110 = require("react/jsx-runtime");
+var SliderViewport = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
   "div",
   {
     ref,
@@ -8768,12 +8848,12 @@ var SliderViewport = React33.forwardRef(({ className, ...props }, ref) => /* @__
 SliderViewport.displayName = "SliderViewport";
 
 // src/slider/Slider.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 function Slider({ children, slideCount, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(SliderRoot, { slideCount: slideCount ?? React34.Children.count(children), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SliderViewport, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SliderTrack, { children: React34.Children.map(children, (slide) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SliderSlide, { children: slide })) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SliderPrevious, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SliderNext, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(SliderRoot, { slideCount: slideCount ?? React35.Children.count(children), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(SliderViewport, { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(SliderTrack, { children: React35.Children.map(children, (slide) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(SliderSlide, { children: slide })) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(SliderPrevious, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(SliderNext, {})
   ] });
 }
 
@@ -8781,85 +8861,6 @@ function Slider({ children, slideCount, ...props }) {
 var import_react70 = require("react");
 var import_lucide_react32 = require("lucide-react");
 var import_react_i18next17 = require("react-i18next");
-
-// src/switch/Switch.tsx
-var React35 = __toESM(require("react"), 1);
-var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_class_variance_authority12 = require("class-variance-authority");
-var import_jsx_runtime111 = require("react/jsx-runtime");
-var switchVariants = (0, import_class_variance_authority12.cva)(
-  [
-    "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
-    "focus-visible:outline-none focus-visible:shadow-[var(--chekin-shadow-focus)]",
-    "disabled:cursor-not-allowed disabled:opacity-50 aria-busy:cursor-wait aria-busy:opacity-50",
-    "data-[state=checked]:bg-[var(--chekin-color-brand-blue)] data-[state=unchecked]:bg-[var(--chekin-color-gray-2)]"
-  ],
-  {
-    variants: {
-      size: {
-        default: "h-5 w-10",
-        lg: "h-5 w-10",
-        sm: "h-4 w-8"
-      },
-      readOnly: {
-        true: "cursor-default opacity-100"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-var switchThumbVariants = (0, import_class_variance_authority12.cva)(
-  "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0",
-  {
-    variants: {
-      size: {
-        default: "h-4 w-4 data-[state=checked]:translate-x-5",
-        lg: "h-4 w-4 data-[state=checked]:translate-x-5",
-        sm: "h-3 w-3 data-[state=checked]:translate-x-4"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-var Switch = React35.forwardRef(
-  ({ className, size, readOnly, loading, onChange, value, id, label, error, ...props }, ref) => {
-    const generatedId = React35.useId();
-    const fieldId = id || generatedId;
-    const switchElement = /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-      SwitchPrimitives.Root,
-      {
-        ref,
-        className: cn(switchVariants({ size, readOnly }), className),
-        disabled: props.disabled && !readOnly,
-        ...props,
-        id: fieldId,
-        onCheckedChange: readOnly ? void 0 : onChange,
-        checked: value,
-        value: String(value),
-        "aria-busy": loading,
-        "aria-readonly": readOnly,
-        children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
-      }
-    );
-    if (!label && !error) {
-      return switchElement;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center gap-3", children: [
-        switchElement,
-        label && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Label, { htmlFor: fieldId, className: "cursor-pointer font-medium", children: label })
-      ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ErrorMessage, { disabled: props.disabled, children: error })
-    ] });
-  }
-);
-Switch.displayName = SwitchPrimitives.Root.displayName;
-
-// src/small-grid-single-item/SmallGridSingleItem.tsx
 var import_jsx_runtime112 = require("react/jsx-runtime");
 var SmallGridSingleItem = (0, import_react70.memo)(
   ({