@chekinapp/ui 0.0.66 → 0.0.67

package/dist/index.js

@@ -454,10 +454,118 @@ var BookmarkTabsTrigger = React3.forwardRef(({ className, variant, ...props }, r
 BookmarkTabsTrigger.displayName = "BookmarkTabsTrigger";
 
 // src/box-option-selector/BoxOptionSelector.tsx
-import { forwardRef as forwardRef4, useEffect as useEffect2, useState as useState2 } from "react";
+import { forwardRef as forwardRef6, useEffect as useEffect2, useState as useState2 } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var BoxOptionSelector = forwardRef4(
+
+// src/switch/Switch.tsx
+import * as React5 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { cva as cva4 } from "class-variance-authority";
+
+// src/label/Label.tsx
+import * as React4 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var labelVariants = cva3(
+  "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__ */ jsx7(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/error-message/ErrorMessage.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function ErrorMessage({ className, children, disabled }) {
+  return /* @__PURE__ */ jsx8(
+    "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
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var switchVariants = cva4(
+  [
+    "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 = cva4(
+  "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__ */ jsx9(
+      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__ */ jsx9(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
+      }
+    );
+    if (!label && !error) {
+      return switchElement;
+    }
+    return /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
+        switchElement,
+        label && /* @__PURE__ */ jsx9(Label, { htmlFor: fieldId, className: "cursor-pointer text-base font-medium", children: label })
+      ] }),
+      error && /* @__PURE__ */ jsx9(ErrorMessage, { disabled: props.disabled, children: error })
+    ] });
+  }
+);
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+// src/box-option-selector/BoxOptionSelector.tsx
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+var BoxOptionSelector = forwardRef6(
   ({
     id,
     title,
@@ -467,8 +575,7 @@ var BoxOptionSelector = forwardRef4(
     onChange,
     disabled = false,
     selectedValue,
-    optionalLabel,
-    switchComponent: SwitchComponent
+    optionalLabel
   }, ref) => {
     const { t } = useTranslation2();
     const [isSwitchActive, setIsSwitchActive] = useState2(false);
@@ -485,7 +592,7 @@ var BoxOptionSelector = forwardRef4(
     useEffect2(() => {
       setIsSwitchActive(selectedValue === switchProps?.value);
     }, [selectedValue, switchProps?.value]);
-    return /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsxs7(
       "div",
       {
         ref,
@@ -497,16 +604,16 @@ var BoxOptionSelector = forwardRef4(
         ),
         onClick: handleClick,
         children: [
-          /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-center justify-between gap-5", children: [
-            /* @__PURE__ */ jsx7("h3", { className: "whitespace-nowrap text-base font-semibold leading-6", children: title }),
-            switchProps && isSelected && SwitchComponent && /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs7("div", { className: "flex w-full items-center justify-between gap-5", children: [
+            /* @__PURE__ */ jsx10("h3", { className: "whitespace-nowrap text-base font-semibold leading-6", children: title }),
+            switchProps && isSelected && /* @__PURE__ */ jsxs7(
               "div",
               {
                 onClick: (event) => event.stopPropagation(),
                 className: "flex items-center gap-2",
                 children: [
-                  /* @__PURE__ */ jsx7(
-                    SwitchComponent,
+                  /* @__PURE__ */ jsx10(
+                    Switch,
                     {
                       id: `optional-${id}`,
                       value: isSwitchActive,
@@ -515,7 +622,7 @@ var BoxOptionSelector = forwardRef4(
                       onChange: handleSwitchChange
                     }
                   ),
-                  /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsx10(
                     "span",
                     {
                       className: cn(
@@ -529,7 +636,7 @@ var BoxOptionSelector = forwardRef4(
               }
             )
           ] }),
-          /* @__PURE__ */ jsx7("p", { className: "w-full text-sm font-medium leading-4 text-[var(--chekin-color-gray-1)]", children: description })
+          /* @__PURE__ */ jsx10("p", { className: "w-full text-sm font-medium leading-4 text-[var(--chekin-color-gray-1)]", children: description })
         ]
       }
     );
@@ -538,7 +645,7 @@ var BoxOptionSelector = forwardRef4(
 BoxOptionSelector.displayName = "BoxOptionSelector";
 
 // src/breadcrumbs/Breadcrumb.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function Breadcrumb({
   hidden,
   to,
@@ -558,19 +665,19 @@ function Breadcrumb({
     isLink && "transition-opacity hover:opacity-80",
     className
   );
-  return /* @__PURE__ */ jsx8("li", { className: "flex gap-2.5", children: isLink ? /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx11("li", { className: "flex gap-2.5", children: isLink ? /* @__PURE__ */ jsxs8(
     LinkComponent,
     {
       "aria-current": current ? "page" : void 0,
       className: contentClassName,
       ...LinkComponent === "a" ? { href: to } : { to, href: to },
       children: [
-        icon ? /* @__PURE__ */ jsx8("span", { className: "shrink-0", children: icon }) : null,
+        icon ? /* @__PURE__ */ jsx11("span", { className: "shrink-0", children: icon }) : null,
         children
       ]
     }
-  ) : /* @__PURE__ */ jsxs7("div", { "aria-current": current ? "page" : void 0, className: contentClassName, children: [
-    icon ? /* @__PURE__ */ jsx8("span", { className: "shrink-0", children: icon }) : null,
+  ) : /* @__PURE__ */ jsxs8("div", { "aria-current": current ? "page" : void 0, className: contentClassName, children: [
+    icon ? /* @__PURE__ */ jsx11("span", { className: "shrink-0", children: icon }) : null,
     children
   ] }) });
 }
@@ -583,7 +690,7 @@ import {
   isValidElement
 } from "react";
 import { ChevronRight } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function Breadcrumbs({ className, children }) {
   const items = Children.toArray(children).filter((child) => {
     if (!isValidElement(child)) {
@@ -591,11 +698,11 @@ function Breadcrumbs({ className, children }) {
     }
     return !child.props.hidden;
   });
-  return /* @__PURE__ */ jsx9("nav", { className: cn("breadcrumbs", className), "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx9("ul", { className: "m-0 flex list-none flex-wrap items-center gap-3 p-0", children: items.map((child, index) => {
+  return /* @__PURE__ */ jsx12("nav", { className: cn("breadcrumbs", className), "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx12("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 = isValidElement(child) ? cloneElement(child, { current: isLastVisibleItem }) : child;
-    return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-      index > 0 ? /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsxs9(Fragment2, { children: [
+      index > 0 ? /* @__PURE__ */ jsx12(
         ChevronRight,
         {
           "aria-hidden": "true",
@@ -609,13 +716,13 @@ function Breadcrumbs({ className, children }) {
 }
 
 // src/button/Button.tsx
-import * as React4 from "react";
+import * as React6 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { useTranslation as useTranslation3 } from "react-i18next";
 
 // src/button/buttonVariants.ts
-import { cva as cva3 } from "class-variance-authority";
-var buttonVariants = cva3(
+import { cva as cva5 } from "class-variance-authority";
+var buttonVariants = cva5(
   [
     "button relative inline-flex items-center justify-center gap-2 whitespace-nowrap",
     "[font-family:var(--button-font-family)] [font-weight:var(--button-font-weight)]",
@@ -726,8 +833,8 @@ var buttonVariants = cva3(
 );
 
 // src/button/Button.tsx
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-var Button = React4.forwardRef(
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+var Button = React6.forwardRef(
   ({
     className,
     variant,
@@ -747,7 +854,7 @@ var Button = React4.forwardRef(
     const isDisabled = readOnly || disabled || loading;
     const classNames = cn(buttonVariants({ variant, size, shape, readOnly }), className);
     if (asChild) {
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx13(
         Slot2,
         {
           ref,
@@ -758,7 +865,7 @@ var Button = React4.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx13(
       "button",
       {
         ref,
@@ -766,9 +873,9 @@ var Button = React4.forwardRef(
         disabled: isDisabled,
         className: classNames,
         ...props,
-        children: loading ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
-          /* @__PURE__ */ jsx10(Spinner, {}),
-          showLoadingLabel ? /* @__PURE__ */ jsx10("span", { children: loadingText || t("please_wait") }) : null
+        children: loading ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          /* @__PURE__ */ jsx13(Spinner, {}),
+          showLoadingLabel ? /* @__PURE__ */ jsx13("span", { children: loadingText || t("please_wait") }) : null
         ] }) : children
       }
     );
@@ -776,7 +883,7 @@ var Button = React4.forwardRef(
 );
 Button.displayName = "Button";
 function Spinner() {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "svg",
     {
       className: "h-4 w-4 animate-spin",
@@ -785,7 +892,7 @@ function Spinner() {
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx13(
           "circle",
           {
             className: "opacity-25",
@@ -796,7 +903,7 @@ function Spinner() {
             strokeWidth: "4"
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx13(
           "path",
           {
             className: "opacity-75",
@@ -815,8 +922,8 @@ function Spinner() {
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 
 // src/button-group/buttonGroupVariants.ts
-import { cva as cva4 } from "class-variance-authority";
-var buttonGroupVariants = cva4(
+import { cva as cva6 } from "class-variance-authority";
+var buttonGroupVariants = cva6(
   [
     "flex w-fit items-stretch",
     "has-[>[data-slot=button-group]]:gap-2",
@@ -877,14 +984,14 @@ var buttonGroupVariants = cva4(
 );
 
 // src/button-group/ButtonGroup.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function ButtonGroup({
   className,
   orientation,
   seamless,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       role: "group",
@@ -902,7 +1009,7 @@ function ButtonGroupText({
   ...props
 }) {
   const Comp = asChild ? Slot3 : "div";
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx14(
     Comp,
     {
       "data-slot": "button-group-text",
@@ -918,11 +1025,11 @@ function ButtonGroupText({
 ButtonGroupText.displayName = "ButtonGroupText";
 
 // src/buttons-group-label/ButtonsGroupLabel.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function ButtonsGroupLabel({ children, label, className }) {
-  return /* @__PURE__ */ jsxs10("div", { "data-slot": "buttons-group-label", className: cn(className), children: [
-    /* @__PURE__ */ jsx12("div", { className: "mb-2 text-xs font-medium text-[var(--chekin-color-gray-1)]", children: label }),
-    /* @__PURE__ */ jsx12("div", { children })
+  return /* @__PURE__ */ jsxs11("div", { "data-slot": "buttons-group-label", className: cn(className), children: [
+    /* @__PURE__ */ jsx15("div", { className: "mb-2 text-xs font-medium text-[var(--chekin-color-gray-1)]", children: label }),
+    /* @__PURE__ */ jsx15("div", { children })
   ] });
 }
 ButtonsGroupLabel.displayName = "ButtonsGroupLabel";
@@ -980,7 +1087,7 @@ var calendarClassNames = {
 };
 
 // src/calendar/Calendar.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function getMergedClassNames(defaultClassNames, userClassNames) {
   return Object.keys(defaultClassNames).reduce(
     (acc, key) => ({
@@ -1004,12 +1111,12 @@ function Calendar({
   const defaultComponents = {
     Chevron: (iconProps) => {
       if (iconProps.orientation === "left") {
-        return /* @__PURE__ */ jsx13(ChevronLeft, { size: 16, strokeWidth: 2, ...iconProps, "aria-hidden": "true" });
+        return /* @__PURE__ */ jsx16(ChevronLeft, { size: 16, strokeWidth: 2, ...iconProps, "aria-hidden": "true" });
       }
-      return /* @__PURE__ */ jsx13(ChevronRight2, { size: 16, strokeWidth: 2, ...iconProps, "aria-hidden": "true" });
+      return /* @__PURE__ */ jsx16(ChevronRight2, { size: 16, strokeWidth: 2, ...iconProps, "aria-hidden": "true" });
     }
   };
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx16(
     DayPicker,
     {
       "data-slot": "calendar",
@@ -1027,10 +1134,10 @@ function Calendar({
 Calendar.displayName = "Calendar";
 
 // src/card/Card.tsx
-import * as React5 from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var Card = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+import * as React7 from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var Card = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
     "div",
     {
       ref,
@@ -1044,8 +1151,8 @@ var Card = React5.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var CardHeader = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
     "div",
     {
       ref,
@@ -1056,8 +1163,8 @@ var CardHeader = React5.forwardRef(
   )
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var CardTitle = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
     "div",
     {
       ref,
@@ -1068,7 +1175,7 @@ var CardTitle = React5.forwardRef(
   )
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   "div",
   {
     ref,
@@ -1078,7 +1185,7 @@ var CardDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var CardContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   "div",
   {
     ref,
@@ -1088,8 +1195,8 @@ var CardContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React5.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var CardFooter = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
     "div",
     {
       ref,
@@ -1106,8 +1213,8 @@ import { Children as Children2 } from "react";
 import { CircleCheck } from "lucide-react";
 
 // src/check-list/listVariants.ts
-import { cva as cva5 } from "class-variance-authority";
-var checkListRootVariants = cva5(
+import { cva as cva7 } from "class-variance-authority";
+var checkListRootVariants = cva7(
   "check-list-root m-0 flex w-full list-none flex-col p-0",
   {
     variants: {
@@ -1123,10 +1230,10 @@ var checkListRootVariants = cva5(
 );
 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 = cva5(`${listItemBase} ${listItemMinimalOverrides}`);
+var checkListItemVariants = cva7(`${listItemBase} ${listItemMinimalOverrides}`);
 
 // src/check-list/CheckList.tsx
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var CheckList = ({
   children,
   className,
@@ -1134,8 +1241,8 @@ var CheckList = ({
   size = "default"
 }) => {
   const items = Children2.toArray(children);
-  return /* @__PURE__ */ jsx15("ul", { className: cn(checkListRootVariants({ size }), className), "data-size": size, children: items.map((child, index) => /* @__PURE__ */ jsxs11("li", { className: cn(checkListItemVariants(), itemClassName), children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx18("ul", { className: cn(checkListRootVariants({ size }), className), "data-size": size, children: items.map((child, index) => /* @__PURE__ */ jsxs12("li", { className: cn(checkListItemVariants(), itemClassName), children: [
+    /* @__PURE__ */ jsx18(
       CircleCheck,
       {
         className: "check-list-icon relative top-[2px] shrink-0",
@@ -1143,15 +1250,15 @@ var CheckList = ({
         stroke: "var(--check-list-icon-mark-color)"
       }
     ),
-    /* @__PURE__ */ jsx15("div", { className: "inline-block", children: child })
+    /* @__PURE__ */ jsx18("div", { className: "inline-block", children: child })
   ] }, index)) });
 };
 
 // src/checkbox/BaseCheckbox.tsx
-import * as React6 from "react";
+import * as React8 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check2 } from "lucide-react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var checkboxSizeClasses = {
   default: "h-6 w-6",
   m: "h-5 w-5",
@@ -1162,8 +1269,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__ */ jsx16(
+var BaseCheckbox = React8.forwardRef(
+  ({ className, loading, onCheckedChange, disabled, readOnly, size = "default", ...props }, ref) => /* @__PURE__ */ jsx19(
     CheckboxPrimitive.Root,
     {
       ref,
@@ -1181,11 +1288,11 @@ var BaseCheckbox = React6.forwardRef(
       disabled,
       "aria-busy": loading,
       "aria-readonly": readOnly,
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx19(
         CheckboxPrimitive.Indicator,
         {
           className: cn("flex items-center justify-center text-current"),
-          children: /* @__PURE__ */ jsx16(Check2, { className: cn("checkbox__icon", checkboxIconSizeClasses[size]) })
+          children: /* @__PURE__ */ jsx19(Check2, { className: cn("checkbox__icon", checkboxIconSizeClasses[size]) })
         }
       )
     }
@@ -1194,22 +1301,11 @@ var BaseCheckbox = React6.forwardRef(
 BaseCheckbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/checkbox/Checkbox.tsx
-import * as React8 from "react";
-
-// src/label/Label.tsx
-import * as React7 from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var labelVariants = cva6(
-  "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__ */ jsx17(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
-Label.displayName = LabelPrimitive.Root.displayName;
+import * as React9 from "react";
 
 // src/text-field/FieldError.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-var FieldError = ({ id, className, children }) => /* @__PURE__ */ jsx18(
+import { jsx as jsx20 } from "react/jsx-runtime";
+var FieldError = ({ id, className, children }) => /* @__PURE__ */ jsx20(
   "p",
   {
     id,
@@ -1223,8 +1319,8 @@ var FieldError = ({ id, className, children }) => /* @__PURE__ */ jsx18(
 );
 
 // src/text-field/SupportingText.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-var SupportingText = ({ id, className, children }) => /* @__PURE__ */ jsx19(
+import { jsx as jsx21 } from "react/jsx-runtime";
+var SupportingText = ({ id, className, children }) => /* @__PURE__ */ jsx21(
   "p",
   {
     id,
@@ -1234,7 +1330,7 @@ var SupportingText = ({ id, className, children }) => /* @__PURE__ */ jsx19(
 );
 
 // src/checkbox/Checkbox.tsx
-import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 var rowSizeClasses = {
   default: "gap-2.5",
   m: "gap-2.5",
@@ -1245,7 +1341,7 @@ var labelSizeClasses = {
   m: "text-base",
   s: "text-sm"
 };
-var Checkbox = React8.forwardRef(
+var Checkbox = React9.forwardRef(
   ({
     id,
     label,
@@ -1264,19 +1360,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__ */ jsxs12("div", { className: cn("flex w-full flex-col", className), children: [
-      /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsxs13("div", { className: cn("flex w-full flex-col", className), children: [
+      /* @__PURE__ */ jsxs13(
         "div",
         {
           className: cn("flex items-center", rowSizeClasses[size], rowClassName),
           onClick: () => onWrapperClick?.(!value),
           children: [
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx22(
               BaseCheckbox,
               {
                 id: checkboxId,
@@ -1291,7 +1387,7 @@ var Checkbox = React8.forwardRef(
                 ...props
               }
             ),
-            label && /* @__PURE__ */ jsx20(
+            label && /* @__PURE__ */ jsx22(
               Label,
               {
                 htmlFor: checkboxId,
@@ -1307,28 +1403,28 @@ var Checkbox = React8.forwardRef(
           ]
         }
       ),
-      supportingText && !error && /* @__PURE__ */ jsx20(SupportingText, { id: descriptionId, className: supportingTextClassName, children: supportingText }),
-      error && /* @__PURE__ */ jsx20(FieldError, { id: errorId, className: errorClassName, children: error })
+      supportingText && !error && /* @__PURE__ */ jsx22(SupportingText, { id: descriptionId, className: supportingTextClassName, children: supportingText }),
+      error && /* @__PURE__ */ jsx22(FieldError, { id: errorId, className: errorClassName, children: error })
     ] });
   }
 );
 Checkbox.displayName = "Checkbox";
 
 // src/checkbox/CheckboxGroup.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 
 // src/scroll-area/ScrollArea.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 function ScrollArea({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx23(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -1336,8 +1432,8 @@ function ScrollArea({ className, children, ...props }) {
             children
           }
         ),
-        /* @__PURE__ */ jsx21(ScrollBar, {}),
-        /* @__PURE__ */ jsx21(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx23(ScrollBar, {}),
+        /* @__PURE__ */ jsx23(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -1347,7 +1443,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -1359,7 +1455,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx21(
+      children: /* @__PURE__ */ jsx23(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -1370,24 +1466,8 @@ function ScrollBar({
   );
 }
 
-// src/error-message/ErrorMessage.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
-function ErrorMessage({ className, children, disabled }) {
-  return /* @__PURE__ */ jsx22(
-    "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
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 var ScrollAreaWrapper = ({
   children,
   scrollable,
@@ -1396,7 +1476,7 @@ var ScrollAreaWrapper = ({
   if (!scrollable) {
     return children;
   }
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ScrollArea,
     {
       className: "max-h-96 w-full overflow-hidden",
@@ -1405,7 +1485,7 @@ var ScrollAreaWrapper = ({
     }
   );
 };
-var CheckboxGroup = React9.forwardRef(
+var CheckboxGroup = React10.forwardRef(
   ({
     options,
     value = [],
@@ -1419,7 +1499,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) {
@@ -1441,10 +1521,10 @@ var CheckboxGroup = React9.forwardRef(
       (selectedValue) => availableOptions.some((option) => option.value === selectedValue)
     );
     const isAllSelected = selectedAvailableValues.length > 0 && selectedAvailableValues.length === availableOptions.length;
-    return /* @__PURE__ */ jsxs14("div", { ref, className: cn("space-y-2", className), ...props, children: [
-      showSelectAll && /* @__PURE__ */ jsxs14(Fragment4, { children: [
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsxs15("div", { ref, className: cn("space-y-2", className), ...props, children: [
+      showSelectAll && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx24(
             BaseCheckbox,
             {
               id: selectAllId,
@@ -1453,7 +1533,7 @@ var CheckboxGroup = React9.forwardRef(
               disabled: disabled || availableOptions.length === 0
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             Label,
             {
               htmlFor: selectAllId,
@@ -1462,9 +1542,9 @@ var CheckboxGroup = React9.forwardRef(
             }
           )
         ] }),
-        /* @__PURE__ */ jsx23("hr", { className: "border-t border-chekin-gray-3" })
+        /* @__PURE__ */ jsx24("hr", { className: "border-t border-chekin-gray-3" })
       ] }),
-      /* @__PURE__ */ jsx23(ScrollAreaWrapper, { scrollable, scrollHeight, children: /* @__PURE__ */ jsx23("div", { className: "space-y-2", children: options.map((option) => /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(ScrollAreaWrapper, { scrollable, scrollHeight, children: /* @__PURE__ */ jsx24("div", { className: "space-y-2", children: options.map((option) => /* @__PURE__ */ jsx24(
         Checkbox,
         {
           label: option.label,
@@ -1474,7 +1554,7 @@ var CheckboxGroup = React9.forwardRef(
         },
         option.value
       )) }) }),
-      error && /* @__PURE__ */ jsx23(ErrorMessage, { disabled, children: error })
+      error && /* @__PURE__ */ jsx24(ErrorMessage, { disabled, children: error })
     ] });
   }
 );
@@ -1521,12 +1601,12 @@ function toCssSize(size) {
 }
 
 // src/tooltip/Tooltip.tsx
-import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -1537,7 +1617,7 @@ function TooltipProvider({
 }
 var TooltipRoot = TooltipPrimitive.Root;
 function TooltipRootWrapper({ disabled = false, ...props }) {
-  return /* @__PURE__ */ jsx24(TooltipProvider, { children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(TooltipProvider, { children: /* @__PURE__ */ jsx25(
     TooltipPrimitive.Root,
     {
       "data-slot": "tooltip",
@@ -1547,7 +1627,7 @@ function TooltipRootWrapper({ disabled = false, ...props }) {
   ) });
 }
 function TooltipTrigger(props) {
-  return /* @__PURE__ */ jsx24(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx25(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -1557,7 +1637,7 @@ function TooltipContent({
   container,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(TooltipPrimitive.Portal, { container: container ?? getCustomContainer(), children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx25(TooltipPrimitive.Portal, { container: container ?? getCustomContainer(), children: /* @__PURE__ */ jsxs16(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -1578,7 +1658,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           TooltipPrimitive.Arrow,
           {
             className: cn(
@@ -1608,7 +1688,7 @@ function Tooltip({
   ...props
 }) {
   if (typeof content === "undefined") {
-    return /* @__PURE__ */ jsx24(TooltipProvider, { delayDuration, children: /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(TooltipProvider, { delayDuration, children: /* @__PURE__ */ jsx25(
       TooltipPrimitive.Root,
       {
         "data-slot": "tooltip",
@@ -1618,15 +1698,15 @@ function Tooltip({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx24(TooltipProvider, { delayDuration, children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx25(TooltipProvider, { delayDuration, children: /* @__PURE__ */ jsxs16(
     TooltipPrimitive.Root,
     {
       "data-slot": "tooltip",
       open: disabled ? false : void 0,
       ...props,
       children: [
-        /* @__PURE__ */ jsx24(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", asChild, children }),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", asChild, children }),
+        /* @__PURE__ */ jsx25(
           TooltipContent,
           {
             side,
@@ -1643,9 +1723,9 @@ function Tooltip({
 }
 
 // src/status-badge/StatusBadge.tsx
-import { forwardRef as forwardRef11, memo } from "react";
+import { forwardRef as forwardRef12, memo } from "react";
 import { Check as Check3, Clock, X } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
 function StatusBadgeIcon({ variant, className }) {
   const iconProps = {
     size: 10,
@@ -1653,7 +1733,7 @@ function StatusBadgeIcon({ variant, className }) {
   };
   switch (variant) {
     case "clock-blue":
-      return /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx26(
         Clock,
         {
           ...iconProps,
@@ -1661,7 +1741,7 @@ function StatusBadgeIcon({ variant, className }) {
         }
       );
     case "tick-blue":
-      return /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx26(
         Check3,
         {
           ...iconProps,
@@ -1669,9 +1749,9 @@ function StatusBadgeIcon({ variant, className }) {
         }
       );
     case "tick-green":
-      return /* @__PURE__ */ jsx25(Check3, { ...iconProps, className: cn("text-emerald-600", className) });
+      return /* @__PURE__ */ jsx26(Check3, { ...iconProps, className: cn("text-emerald-600", className) });
     case "x-red":
-      return /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx26(
         X,
         {
           ...iconProps,
@@ -1680,7 +1760,7 @@ function StatusBadgeIcon({ variant, className }) {
       );
     case "clock-grey":
     default:
-      return /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx26(
         Clock,
         {
           ...iconProps,
@@ -1726,7 +1806,7 @@ var variantStyles = {
     icon: "x-red"
   }
 };
-var StatusBadgeInternal = forwardRef11(
+var StatusBadgeInternal = forwardRef12(
   ({
     children,
     variant = "neutral",
@@ -1746,7 +1826,7 @@ var StatusBadgeInternal = forwardRef11(
       if (hasText && hasIcon) return "py-1 pl-3 pr-2";
       return "px-3 py-1";
     })();
-    return /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs17(
       "div",
       {
         ref,
@@ -1760,8 +1840,8 @@ var StatusBadgeInternal = forwardRef11(
         ),
         ...props,
         children: [
-          hasIcon && /* @__PURE__ */ jsx25(StatusBadgeIcon, { variant: styles.icon, className: "size-4 flex-shrink-0" }),
-          hasText && /* @__PURE__ */ jsx25("span", { className: "whitespace-nowrap", children })
+          hasIcon && /* @__PURE__ */ jsx26(StatusBadgeIcon, { variant: styles.icon, className: "size-4 flex-shrink-0" }),
+          hasText && /* @__PURE__ */ jsx26("span", { className: "whitespace-nowrap", children })
         ]
       }
     );
@@ -1771,19 +1851,19 @@ StatusBadgeInternal.displayName = "StatusBadge";
 var StatusBadge = memo(StatusBadgeInternal);
 
 // src/comming-soon-badge/CommingSoonBadge.tsx
-import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
 function CommingSoonBadge({ tooltip = true }) {
   const { t } = useTranslation4();
-  return /* @__PURE__ */ jsx26(TooltipProvider, { children: /* @__PURE__ */ jsxs17(Tooltip, { children: [
-    /* @__PURE__ */ jsx26(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(StatusBadge, { textOnly: true, variant: "success-blue", children: t("feature_coming_soon") }) }),
-    tooltip && /* @__PURE__ */ jsx26(TooltipContent, { variant: "dark", children: /* @__PURE__ */ jsx26("p", { className: "w-[216px] text-balance", children: t("feature_coming_soon_description") }) })
+  return /* @__PURE__ */ jsx27(TooltipProvider, { children: /* @__PURE__ */ jsxs18(Tooltip, { children: [
+    /* @__PURE__ */ jsx27(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx27(StatusBadge, { textOnly: true, variant: "success-blue", children: t("feature_coming_soon") }) }),
+    tooltip && /* @__PURE__ */ jsx27(TooltipContent, { variant: "dark", children: /* @__PURE__ */ jsx27("p", { className: "w-[216px] text-balance", children: t("feature_coming_soon_description") }) })
   ] }) });
 }
 
 // src/copy-icon/CopyIcon.tsx
 import { useState as useState3 } from "react";
 import { Check as Check4, Copy } from "lucide-react";
-import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
 function CopyIcon({
   textToCopy,
   className,
@@ -1811,8 +1891,8 @@ function CopyIcon({
       console.error("Failed to copy text: ", error);
     }
   };
-  return /* @__PURE__ */ jsx27(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs18(Tooltip, { children: [
-    /* @__PURE__ */ jsx27(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx28(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs19(Tooltip, { children: [
+    /* @__PURE__ */ jsx28(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs19(
       Button,
       {
         variant,
@@ -1830,14 +1910,14 @@ function CopyIcon({
         "aria-label": copied ? "Copied" : "Copy to clipboard",
         readOnly: copied,
         children: [
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "div",
             {
               className: cn(
                 "transition-all",
                 copied ? "scale-100 opacity-100" : "scale-0 opacity-0"
               ),
-              children: /* @__PURE__ */ jsx27(
+              children: /* @__PURE__ */ jsx28(
                 Check4,
                 {
                   className: "stroke-[var(--copy-icon-success-color)]",
@@ -1848,28 +1928,28 @@ function CopyIcon({
               )
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "div",
             {
               className: cn(
                 "absolute transition-all",
                 copied ? "scale-0 opacity-0" : "scale-100 opacity-100"
               ),
-              children: /* @__PURE__ */ jsx27(Copy, { size: 13, strokeWidth: 2, "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx28(Copy, { size: 13, strokeWidth: 2, "aria-hidden": "true" })
             }
           )
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx27(TooltipContent, { className: "px-2 py-2 text-xs", children: tooltipText })
+    /* @__PURE__ */ jsx28(TooltipContent, { className: "px-2 py-2 text-xs", children: tooltipText })
   ] }) });
 }
 
 // src/input/Input.tsx
-import * as React10 from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var Input = React10.forwardRef(
-  ({ className, type, readOnly, ...props }, ref) => /* @__PURE__ */ jsx28(
+import * as React11 from "react";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var Input = React11.forwardRef(
+  ({ className, type, readOnly, ...props }, ref) => /* @__PURE__ */ jsx29(
     "input",
     {
       ref,
@@ -1892,11 +1972,11 @@ var Input = React10.forwardRef(
 Input.displayName = "Input";
 
 // src/copy-input/CopyInput.tsx
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
 function CopyInput({ value, className, ...props }) {
   const textToCopy = value?.toString() ?? "";
-  return /* @__PURE__ */ jsxs19("div", { className: cn("relative w-fit", className), children: [
-    /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs20("div", { className: cn("relative w-fit", className), children: [
+    /* @__PURE__ */ jsx30(
       Input,
       {
         readOnly: true,
@@ -1905,7 +1985,7 @@ function CopyInput({ value, className, ...props }) {
         ...props
       }
     ),
-    textToCopy && /* @__PURE__ */ jsx29(
+    textToCopy && /* @__PURE__ */ jsx30(
       CopyIcon,
       {
         textToCopy,
@@ -1984,7 +2064,7 @@ function useCopyToClipboard({ value, onCopiedLink, onReset }) {
 }
 
 // src/copy-link-button/CopyLinkButton.tsx
-import { jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsxs as jsxs21 } from "react/jsx-runtime";
 function CopyLinkButton({
   className,
   link,
@@ -1998,7 +2078,7 @@ function CopyLinkButton({
 }) {
   const { t } = useTranslation5();
   const { isCopied, copy } = useCopyToClipboard({ value: link, onCopiedLink });
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     Button,
     {
       className,
@@ -2015,11 +2095,11 @@ function CopyLinkButton({
 }
 
 // src/copy-string/CopyString.tsx
-import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
 function CopyString({ value = "", className, ...props }) {
-  return /* @__PURE__ */ jsxs21("div", { className: cn("flex w-fit items-center gap-1.5", className), ...props, children: [
-    /* @__PURE__ */ jsx30("div", { className: "copy-string_value w-full overflow-hidden text-ellipsis whitespace-nowrap text-left", children: value }),
-    /* @__PURE__ */ jsx30(CopyIcon, { textToCopy: value })
+  return /* @__PURE__ */ jsxs22("div", { className: cn("flex w-fit items-center gap-1.5", className), ...props, children: [
+    /* @__PURE__ */ jsx31("div", { className: "copy-string_value w-full overflow-hidden text-ellipsis whitespace-nowrap text-left", children: value }),
+    /* @__PURE__ */ jsx31(CopyIcon, { textToCopy: value })
   ] });
 }
 
@@ -2033,19 +2113,19 @@ import {
 
 // src/table/Table.tsx
 import {
-  forwardRef as forwardRef13
+  forwardRef as forwardRef14
 } from "react";
 
 // src/loading-bar/LoadingBar.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function LoadingBar({ className }) {
-  return /* @__PURE__ */ jsx31("div", { className: cn("w-full p-4", className), children: /* @__PURE__ */ jsx31("div", { className: "relative h-1 w-full overflow-hidden rounded-full bg-[var(--chekin-color-white)]", children: /* @__PURE__ */ jsx31("div", { className: "absolute top-0 h-full animate-[chekin-loading-bar_0.8s_linear_infinite] rounded-full bg-[var(--primary)]" }) }) });
+  return /* @__PURE__ */ jsx32("div", { className: cn("w-full p-4", className), children: /* @__PURE__ */ jsx32("div", { className: "relative h-1 w-full overflow-hidden rounded-full bg-[var(--chekin-color-white)]", children: /* @__PURE__ */ jsx32("div", { className: "absolute top-0 h-full animate-[chekin-loading-bar_0.8s_linear_infinite] rounded-full bg-[var(--primary)]" }) }) });
 }
 
 // src/table/Table.tsx
-import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
-var Table = forwardRef13(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx32("div", { className: "relative w-full overflow-auto rounded-lg border border-[var(--table-border)]", children: /* @__PURE__ */ jsx32(
+import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
+var Table = forwardRef14(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx33("div", { className: "relative w-full overflow-auto rounded-lg border border-[var(--table-border)]", children: /* @__PURE__ */ jsx33(
     "table",
     {
       ref,
@@ -2055,7 +2135,7 @@ var Table = forwardRef13(
   ) })
 );
 Table.displayName = "Table";
-var TableHeader = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var TableHeader = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "thead",
   {
     ref,
@@ -2068,7 +2148,7 @@ var TableHeader = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = forwardRef13(({ className, children, isLoading, ...props }, ref) => /* @__PURE__ */ jsxs22(
+var TableBody = forwardRef14(({ className, children, isLoading, ...props }, ref) => /* @__PURE__ */ jsxs23(
   "tbody",
   {
     ref,
@@ -2077,14 +2157,14 @@ var TableBody = forwardRef13(({ className, children, isLoading, ...props }, ref)
     }),
     ...props,
     children: [
-      isLoading && /* @__PURE__ */ jsx32("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__ */ jsx32("tr", { className: "!m-0 !p-0", children: /* @__PURE__ */ jsx32("td", { className: "!m-0 !p-0", children: /* @__PURE__ */ jsx32(LoadingBar, { className: "absolute z-20 p-0" }) }) }),
+      isLoading && /* @__PURE__ */ jsx33("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__ */ jsx33("tr", { className: "!m-0 !p-0", children: /* @__PURE__ */ jsx33("td", { className: "!m-0 !p-0", children: /* @__PURE__ */ jsx33(LoadingBar, { className: "absolute z-20 p-0" }) }) }),
       children
     ]
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var TableFooter = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "tfoot",
   {
     ref,
@@ -2096,8 +2176,8 @@ var TableFooter = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = forwardRef13(
-  ({ className, clickable, ...props }, ref) => /* @__PURE__ */ jsx32(
+var TableRow = forwardRef14(
+  ({ className, clickable, ...props }, ref) => /* @__PURE__ */ jsx33(
     "tr",
     {
       ref,
@@ -2111,7 +2191,7 @@ var TableRow = forwardRef13(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var TableHead = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "th",
   {
     ref,
@@ -2123,7 +2203,7 @@ var TableHead = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var TableCell = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "td",
   {
     ref,
@@ -2135,7 +2215,7 @@ var TableCell = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var TableCaption = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "caption",
   {
     ref,
@@ -2146,7 +2226,7 @@ var TableCaption = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ *
 TableCaption.displayName = "TableCaption";
 
 // src/data-table/DataTable.tsx
-import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
 function DataTable({ columns, data }) {
   const { t } = useTranslation6();
   const table = useReactTable({
@@ -2154,16 +2234,16 @@ function DataTable({ columns, data }) {
     columns,
     getCoreRowModel: getCoreRowModel()
   });
-  return /* @__PURE__ */ jsx33("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs23(Table, { children: [
-    /* @__PURE__ */ jsx33(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx33(TableRow, { children: headerGroup.headers.map((header) => {
-      return /* @__PURE__ */ jsx33(TableHead, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id);
+  return /* @__PURE__ */ jsx34("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs24(Table, { children: [
+    /* @__PURE__ */ jsx34(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx34(TableRow, { children: headerGroup.headers.map((header) => {
+      return /* @__PURE__ */ jsx34(TableHead, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id);
     }) }, headerGroup.id)) }),
-    /* @__PURE__ */ jsx33(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx33(TableRow, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx33(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx33(TableRow, { children: /* @__PURE__ */ jsx33(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: t("no_results") }) }) })
+    /* @__PURE__ */ jsx34(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx34(TableRow, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx34(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx34(TableRow, { children: /* @__PURE__ */ jsx34(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: t("no_results") }) }) })
   ] }) });
 }
 
 // src/dialog/Dialog.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { XIcon } from "lucide-react";
@@ -2177,12 +2257,12 @@ function useScrollToTop() {
 }
 
 // src/hooks/use-abort-controller.ts
-import React11 from "react";
+import React12 from "react";
 function useAbortController() {
-  const [abortController, setAbortController] = React11.useState(() => {
+  const [abortController, setAbortController] = React12.useState(() => {
     return new AbortController();
   });
-  const setupAbortController = React11.useCallback(() => {
+  const setupAbortController = React12.useCallback(() => {
     const abortController2 = new AbortController();
     setAbortController(abortController2);
     return abortController2.signal;
@@ -2465,7 +2545,7 @@ function useOutsideClick({
 }
 
 // src/hooks/use-screen-resize.ts
-import React12 from "react";
+import React13 from "react";
 var eventName = "resize";
 function getMediaQuery(maxWidth, matchString) {
   if (matchString) {
@@ -2474,9 +2554,9 @@ function getMediaQuery(maxWidth, matchString) {
   return maxWidth ? `(max-width: ${maxWidth})` : null;
 }
 function useScreenResize(maxWidth, matchString) {
-  const [isInitialized, setIsInitialized] = React12.useState(false);
-  const [isMatch, setIsMatch] = React12.useState(false);
-  const handleResizeEvent = React12.useCallback(() => {
+  const [isInitialized, setIsInitialized] = React13.useState(false);
+  const [isMatch, setIsMatch] = React13.useState(false);
+  const handleResizeEvent = React13.useCallback(() => {
     const mediaQuery = getMediaQuery(maxWidth, matchString);
     setIsInitialized(true);
     if (!mediaQuery) {
@@ -2486,7 +2566,7 @@ function useScreenResize(maxWidth, matchString) {
     const media = getWindow().matchMedia(mediaQuery);
     setIsMatch(media.matches);
   }, [maxWidth, matchString]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     handleResizeEvent();
     getWindow().addEventListener(eventName, handleResizeEvent);
     return () => {
@@ -3037,7 +3117,7 @@ function useKeyDown(key, cb, options) {
 }
 
 // src/hooks/use-iframe-focus-trap-fallback.ts
-import * as React13 from "react";
+import * as React14 from "react";
 var IFRAME_FOCUSABLE_SELECTOR = [
   "a[href]",
   "area[href]",
@@ -3067,7 +3147,7 @@ function getFocusableElements(container) {
   });
 }
 function useIframeFocusTrapFallback(contentRef, onKeyDown) {
-  return React13.useCallback(
+  return React14.useCallback(
     (event) => {
       onKeyDown?.(event);
       if (event.defaultPrevented || event.key !== "Tab") {
@@ -3195,9 +3275,9 @@ function useIsFormTouched({
 }
 
 // src/dialog/Dialog.tsx
-import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
 function useIframeTitleFix(titleRef) {
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!window.chekinCustomDocument) {
       return;
     }
@@ -3213,20 +3293,20 @@ function useIframeTitleFix(titleRef) {
   }, [titleRef]);
 }
 function Dialog({ ...props }) {
-  return /* @__PURE__ */ jsx34(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx35(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx34(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx35(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({ ...props }) {
-  return /* @__PURE__ */ jsx34(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx35(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({ ...props }) {
-  return /* @__PURE__ */ jsx34(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ jsx35(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__ */ jsx34(
+var DialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -3238,7 +3318,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,
@@ -3248,10 +3328,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__ */ jsxs24(
+    const contentElement = /* @__PURE__ */ jsxs25(
       DialogPrimitive.Content,
       {
         ref: combinedRef,
@@ -3261,14 +3341,14 @@ var DialogContent = React14.forwardRef(
         onKeyDown: handleKeyDown,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs24(
+          showCloseButton && /* @__PURE__ */ jsxs25(
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
               className: dialogCloseButtonClasses,
               children: [
-                /* @__PURE__ */ jsx34(XIcon, {}),
-                /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx35(XIcon, {}),
+                /* @__PURE__ */ jsx35("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -3276,7 +3356,7 @@ var DialogContent = React14.forwardRef(
       }
     );
     const portalContainer = container || (typeof window !== "undefined" ? window.chekinCustomDocument?.body : void 0);
-    return /* @__PURE__ */ jsx34(DialogPortal, { "data-slot": "dialog-portal", container: portalContainer, children: lockScroll ? /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx35(DialogPortal, { "data-slot": "dialog-portal", container: portalContainer, children: lockScroll ? /* @__PURE__ */ jsx35(
       DialogOverlay,
       {
         className: cn(
@@ -3286,7 +3366,7 @@ var DialogContent = React14.forwardRef(
         ),
         children: contentElement
       }
-    ) : /* @__PURE__ */ jsx34(
+    ) : /* @__PURE__ */ jsx35(
       "div",
       {
         className: cn(
@@ -3300,7 +3380,7 @@ var DialogContent = React14.forwardRef(
   }
 );
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx34(
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx35(
   "div",
   {
     "data-slot": "dialog-header",
@@ -3309,7 +3389,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx34(
   }
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx34(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx35(
   "div",
   {
     "data-slot": "dialog-footer",
@@ -3318,11 +3398,11 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx34(
   }
 );
 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__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     DialogPrimitive.Title,
     {
       ref: combinedRef,
@@ -3333,7 +3413,7 @@ var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DialogDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   DialogPrimitive.Description,
   {
     ref,
@@ -3343,11 +3423,11 @@ var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var DialogVisuallyHidden = ({ children }) => /* @__PURE__ */ jsx34(VisuallyHidden, { children });
+var DialogVisuallyHidden = ({ children }) => /* @__PURE__ */ jsx35(VisuallyHidden, { children });
 DialogVisuallyHidden.displayName = "DialogVisuallyHidden";
 
 // src/dialog/ConfirmationDialog.tsx
-import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
 function ConfirmationDialog({
   open,
   onOpenChange,
@@ -3373,14 +3453,14 @@ function ConfirmationDialog({
     onCancel?.();
     onOpenChange(false);
   };
-  return /* @__PURE__ */ jsx35(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs25(DialogContent, { children: [
-    /* @__PURE__ */ jsxs25(DialogHeader, { children: [
-      /* @__PURE__ */ jsx35(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx35(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsx36(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs26(DialogContent, { children: [
+    /* @__PURE__ */ jsxs26(DialogHeader, { children: [
+      /* @__PURE__ */ jsx36(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx36(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsxs25(DialogFooter, { className: "mt-2", children: [
-      /* @__PURE__ */ jsx35(Button, { variant: "outline", onClick: handleCancel, disabled: isLoading, children: cancelText }),
-      /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsxs26(DialogFooter, { className: "mt-2", children: [
+      /* @__PURE__ */ jsx36(Button, { variant: "outline", onClick: handleCancel, disabled: isLoading, children: cancelText }),
+      /* @__PURE__ */ jsx36(
         Button,
         {
           variant,
@@ -3395,9 +3475,9 @@ function ConfirmationDialog({
 }
 
 // src/default-select-trigger/DefaultSelectTrigger.tsx
-import * as React15 from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
-var DefaultSelectTrigger = React15.forwardRef(
+import * as React16 from "react";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var DefaultSelectTrigger = React16.forwardRef(
   ({
     className,
     disabled,
@@ -3409,7 +3489,7 @@ var DefaultSelectTrigger = React15.forwardRef(
     children,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       "div",
       {
         ref,
@@ -3439,59 +3519,59 @@ DefaultSelectTrigger.displayName = "SelectTrigger";
 import { useState as useState17 } from "react";
 
 // src/dropdown-menu/DropdownMenu.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check5, ChevronRight as ChevronRight3, Circle } from "lucide-react";
 
 // src/dropdown-menu/DropdownMenuItemContent.tsx
-import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 function DropdownMenuItemContent({
   icon,
   label,
   description
 }) {
-  return /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-3 text-[var(--chekin-color-brand-navy)] [&_svg]:text-[#acacd5]", children: [
+  return /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3 text-[var(--chekin-color-brand-navy)] [&_svg]:text-[#acacd5]", children: [
     icon,
-    /* @__PURE__ */ jsxs26("div", { children: [
-      /* @__PURE__ */ jsx37("div", { children: label }),
-      description && /* @__PURE__ */ jsx37("div", { className: "text-xs text-[#666]", children: description })
+    /* @__PURE__ */ jsxs27("div", { children: [
+      /* @__PURE__ */ jsx38("div", { children: label }),
+      description && /* @__PURE__ */ jsx38("div", { className: "text-xs text-[#666]", children: description })
     ] })
   ] });
 }
 
 // src/dropdown-menu/DropdownMenu.tsx
-import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx39(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ jsx39(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx39(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ jsx39(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx39(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+  return /* @__PURE__ */ jsx39(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
 }
-var DropdownMenuSubTrigger = React16.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs27(
+var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs28(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -3508,12 +3588,12 @@ var DropdownMenuSubTrigger = React16.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx38(ChevronRight3, { className: "ml-auto" })
+      /* @__PURE__ */ jsx39(ChevronRight3, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -3531,7 +3611,7 @@ var DropdownMenuSubContent = React16.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React16.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx38(DropdownMenuPrimitive.Portal, { container: container || getCustomContainer(), children: /* @__PURE__ */ jsx38(
+var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx39(DropdownMenuPrimitive.Portal, { container: container || getCustomContainer(), children: /* @__PURE__ */ jsx39(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -3553,7 +3633,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__ */ jsxs27(
+var DropdownMenuItem = React17.forwardRef(({ className, children, inset, active, leftSlot, ...props }, ref) => /* @__PURE__ */ jsxs28(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -3578,7 +3658,7 @@ var DropdownMenuItem = React16.forwardRef(({ className, children, inset, active,
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs27(
+var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs28(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3593,12 +3673,12 @@ var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, checke
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx38("span", { className: "ml-auto flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(Check5, { className: "h-4 w-4" }) }) })
+      /* @__PURE__ */ jsx39("span", { className: "ml-auto flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx39(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx39(Check5, { className: "h-4 w-4" }) }) })
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs27(
+var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs28(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -3611,13 +3691,13 @@ var DropdownMenuRadioItem = React16.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx38("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx39("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx39(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx39(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx38(
+var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx39(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -3630,7 +3710,7 @@ var DropdownMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -3643,7 +3723,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -3654,9 +3734,9 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/dropdown-menu/CheckboxDropdownGroup.tsx
-import { forwardRef as forwardRef17 } from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
-var CheckboxDropdownGroup = forwardRef17(
+import { forwardRef as forwardRef18 } from "react";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var CheckboxDropdownGroup = forwardRef18(
   ({ options, value = [], onChange, className = "", keepOpenOnSelect, multiple }, ref) => {
     const isMultipleMode = multiple ?? Array.isArray(value);
     const normalizedValue = Array.isArray(value) ? value : value ? [value] : [];
@@ -3675,7 +3755,7 @@ var CheckboxDropdownGroup = forwardRef17(
     const isChecked = (optionValue) => normalizedValue.some((v) => v.value === optionValue);
     const renderCheckboxItem = (option) => {
       const checked = option.checked ?? isChecked(option.value);
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx40(
         DropdownMenuCheckboxItem,
         {
           checked,
@@ -3698,19 +3778,19 @@ var CheckboxDropdownGroup = forwardRef17(
         option.value
       );
     };
-    return /* @__PURE__ */ jsx39("div", { ref, className, children: options.map(renderCheckboxItem) });
+    return /* @__PURE__ */ jsx40("div", { ref, className, children: options.map(renderCheckboxItem) });
   }
 );
 CheckboxDropdownGroup.displayName = "CheckboxDropdownGroup";
 
 // src/dropdown-menu/CheckboxDropdownMultiGroup.tsx
-import { forwardRef as forwardRef18, Fragment as Fragment5 } from "react";
-import { jsx as jsx40, jsxs as jsxs28 } from "react/jsx-runtime";
-var CheckboxDropdownMultiGroup = forwardRef18(({ groups, className = "", keepOpenOnSelect }, ref) => {
-  return /* @__PURE__ */ jsx40("div", { ref, className: cn("space-y-1", className), children: groups.map((group, index) => /* @__PURE__ */ jsxs28(Fragment5, { children: [
-    /* @__PURE__ */ jsxs28(DropdownMenuGroup, { children: [
-      /* @__PURE__ */ jsx40(DropdownMenuLabel, { children: group.label }),
-      group.multiple ? /* @__PURE__ */ jsx40(
+import { forwardRef as forwardRef19, Fragment as Fragment5 } from "react";
+import { jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
+var CheckboxDropdownMultiGroup = forwardRef19(({ groups, className = "", keepOpenOnSelect }, ref) => {
+  return /* @__PURE__ */ jsx41("div", { ref, className: cn("space-y-1", className), children: groups.map((group, index) => /* @__PURE__ */ jsxs29(Fragment5, { children: [
+    /* @__PURE__ */ jsxs29(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ jsx41(DropdownMenuLabel, { children: group.label }),
+      group.multiple ? /* @__PURE__ */ jsx41(
         CheckboxDropdownGroup,
         {
           multiple: true,
@@ -3719,7 +3799,7 @@ var CheckboxDropdownMultiGroup = forwardRef18(({ groups, className = "", keepOpe
           value: group.value,
           keepOpenOnSelect
         }
-      ) : /* @__PURE__ */ jsx40(
+      ) : /* @__PURE__ */ jsx41(
         CheckboxDropdownGroup,
         {
           multiple: false,
@@ -3730,15 +3810,15 @@ var CheckboxDropdownMultiGroup = forwardRef18(({ groups, className = "", keepOpe
         }
       )
     ] }),
-    index < groups.length - 1 && /* @__PURE__ */ jsx40(DropdownMenuSeparator, {})
+    index < groups.length - 1 && /* @__PURE__ */ jsx41(DropdownMenuSeparator, {})
   ] }, group.label)) });
 });
 CheckboxDropdownMultiGroup.displayName = "CheckboxDropdownMultiGroup";
 
 // src/dropdown-menu/CustomCheckboxDropdownGroup.tsx
-import { forwardRef as forwardRef19 } from "react";
-import { jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
-var CustomCheckboxDropdownGroup = forwardRef19(({ options, value = [], onChange, keepOpenOnSelect, className = "", multiple }, ref) => {
+import { forwardRef as forwardRef20 } from "react";
+import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
+var CustomCheckboxDropdownGroup = forwardRef20(({ options, value = [], onChange, keepOpenOnSelect, className = "", multiple }, ref) => {
   const isMultipleMode = multiple ?? Array.isArray(value);
   const normalizedValue = Array.isArray(value) ? value : value ? [value] : [];
   const handleCheckboxChange = (optionValue, checked) => {
@@ -3756,7 +3836,7 @@ var CustomCheckboxDropdownGroup = forwardRef19(({ options, value = [], onChange,
   const isChecked = (optionValue) => normalizedValue.some((v) => v.value === optionValue);
   const renderCheckboxItem = (option, idx) => {
     const checked = option.checked ?? isChecked(option.value);
-    return /* @__PURE__ */ jsxs29(
+    return /* @__PURE__ */ jsxs30(
       DropdownMenuItem,
       {
         onClick: () => {
@@ -3773,7 +3853,7 @@ var CustomCheckboxDropdownGroup = forwardRef19(({ options, value = [], onChange,
           }
         },
         children: [
-          /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx42(
             Checkbox,
             {
               id: `checkbox-${option.value}`,
@@ -3789,12 +3869,12 @@ var CustomCheckboxDropdownGroup = forwardRef19(({ options, value = [], onChange,
       option.label + idx
     );
   };
-  return /* @__PURE__ */ jsx41("div", { ref, className, children: options.map(renderCheckboxItem) });
+  return /* @__PURE__ */ jsx42("div", { ref, className, children: options.map(renderCheckboxItem) });
 });
 CustomCheckboxDropdownGroup.displayName = "CustomCheckboxGroup";
 
 // src/dropdown-button/DropdownButton.tsx
-import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs31 } from "react/jsx-runtime";
 function DropdownButton({
   trigger,
   children,
@@ -3803,9 +3883,9 @@ function DropdownButton({
   className
 }) {
   const [isOpen, setIsOpen] = useState17(false);
-  return /* @__PURE__ */ jsxs30(DropdownMenu, { onOpenChange: setIsOpen, modal, children: [
-    /* @__PURE__ */ jsx42(DropdownMenuTrigger, { asChild: true, children: typeof trigger === "function" ? trigger(isOpen) : trigger }),
-    /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs31(DropdownMenu, { onOpenChange: setIsOpen, modal, children: [
+    /* @__PURE__ */ jsx43(DropdownMenuTrigger, { asChild: true, children: typeof trigger === "function" ? trigger(isOpen) : trigger }),
+    /* @__PURE__ */ jsx43(
       DropdownMenuContent,
       {
         container: getCustomContainer(),
@@ -3819,9 +3899,9 @@ function DropdownButton({
 }
 
 // src/empty/Empty.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "empty",
@@ -3835,9 +3915,9 @@ function Empty({ className, ...props }) {
 }
 
 // src/empty/EmptyHeader.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "empty-header",
@@ -3848,9 +3928,9 @@ function EmptyHeader({ className, ...props }) {
 }
 
 // src/empty/EmptyTitle.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "empty-title",
@@ -3864,9 +3944,9 @@ function EmptyTitle({ className, ...props }) {
 }
 
 // src/empty/EmptyDescription.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "empty-description",
@@ -3880,9 +3960,9 @@ function EmptyDescription({ className, ...props }) {
 }
 
 // src/empty/EmptyContent.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       "data-slot": "empty-content",
@@ -3896,9 +3976,9 @@ function EmptyContent({ className, ...props }) {
 }
 
 // src/empty/EmptyMedia.tsx
-import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx48 } from "react/jsx-runtime";
-var emptyMediaVariants = cva7(
+import { cva as cva8 } from "class-variance-authority";
+import { jsx as jsx49 } from "react/jsx-runtime";
+var emptyMediaVariants = cva8(
   "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
@@ -3917,7 +3997,7 @@ function EmptyMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "empty-icon",
@@ -3933,7 +4013,7 @@ import { Tag } from "lucide-react";
 import { useTranslation as useTranslation7 } from "react-i18next";
 
 // src/halo-icon/HaloIcon.tsx
-import { forwardRef as forwardRef20 } from "react";
+import { forwardRef as forwardRef21 } from "react";
 
 // src/halo-icon/constants.ts
 var HALO_ICON_STATUS = {
@@ -3944,7 +4024,7 @@ var HALO_ICON_STATUS = {
 };
 
 // src/halo-icon/HaloIcon.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var statusStyles = {
   [HALO_ICON_STATUS.inactive]: {
     background: "bg-[var(--chekin-color-surface-input-empty)]",
@@ -3963,7 +4043,7 @@ var statusStyles = {
     color: "text-[var(--error-message-color)]"
   }
 };
-var HaloIcon = forwardRef20(
+var HaloIcon = forwardRef21(
   ({
     children,
     variant = "default",
@@ -3972,7 +4052,7 @@ var HaloIcon = forwardRef20(
     className
   }, ref) => {
     const styles = statusStyles[status];
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       "div",
       {
         ref,
@@ -3995,7 +4075,7 @@ var HaloIcon = forwardRef20(
 HaloIcon.displayName = "HaloIcon";
 
 // src/empty-section-placeholder/EmptySectionPlaceholder.tsx
-import { jsx as jsx50, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
 function EmptySectionPlaceholder({
   title,
   subtitle,
@@ -4003,15 +4083,15 @@ function EmptySectionPlaceholder({
   className
 }) {
   const { t } = useTranslation7();
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       className: cn("flex flex-col items-center justify-center gap-6 py-6", className),
       children: [
-        /* @__PURE__ */ jsx50(HaloIcon, { status: "ACTIVE", className: "h-20 w-20 [&>svg]:h-10 [&>svg]:w-10", children: icon || /* @__PURE__ */ jsx50(Tag, { size: 40 }) }),
-        /* @__PURE__ */ jsxs31("div", { className: "flex flex-col items-center gap-2", children: [
-          /* @__PURE__ */ jsx50("div", { className: "font-medium leading-6", children: title || t("nothing_found") }),
-          subtitle && /* @__PURE__ */ jsx50("div", { className: "text-sm leading-6 text-[var(--chekin-color-gray-1)]", children: subtitle })
+        /* @__PURE__ */ jsx51(HaloIcon, { status: "ACTIVE", className: "h-20 w-20 [&>svg]:h-10 [&>svg]:w-10", children: icon || /* @__PURE__ */ jsx51(Tag, { size: 40 }) }),
+        /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center gap-2", children: [
+          /* @__PURE__ */ jsx51("div", { className: "font-medium leading-6", children: title || t("nothing_found") }),
+          subtitle && /* @__PURE__ */ jsx51("div", { className: "text-sm leading-6 text-[var(--chekin-color-gray-1)]", children: subtitle })
         ] })
       ]
     }
@@ -4019,10 +4099,10 @@ function EmptySectionPlaceholder({
 }
 
 // src/external-link/ExternalLink.tsx
-import * as React17 from "react";
-import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
-var ExternalLink = React17.forwardRef(
-  ({ className, children, showIcon = true, target = "_blank", rel, ...props }, ref) => /* @__PURE__ */ jsxs32(
+import * as React18 from "react";
+import { jsx as jsx52, jsxs as jsxs33 } from "react/jsx-runtime";
+var ExternalLink = React18.forwardRef(
+  ({ className, children, showIcon = true, target = "_blank", rel, ...props }, ref) => /* @__PURE__ */ jsxs33(
     "a",
     {
       ref,
@@ -4037,7 +4117,7 @@ var ExternalLink = React17.forwardRef(
       ...props,
       children: [
         children,
-        showIcon && /* @__PURE__ */ jsxs32(
+        showIcon && /* @__PURE__ */ jsxs33(
           "svg",
           {
             width: "14",
@@ -4050,9 +4130,9 @@ var ExternalLink = React17.forwardRef(
             strokeLinejoin: "round",
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ jsx51("path", { d: "M5.5 2.5 H11.5 V 8.5" }),
-              /* @__PURE__ */ jsx51("path", { d: "M11.5 2.5 L6 8" }),
-              /* @__PURE__ */ jsx51("path", { d: "M10 9 V12 H2 V4 H5" })
+              /* @__PURE__ */ jsx52("path", { d: "M5.5 2.5 H11.5 V 8.5" }),
+              /* @__PURE__ */ jsx52("path", { d: "M11.5 2.5 L6 8" }),
+              /* @__PURE__ */ jsx52("path", { d: "M10 9 V12 H2 V4 H5" })
             ]
           }
         )
@@ -4064,12 +4144,12 @@ ExternalLink.displayName = "ExternalLink";
 
 // src/file-input-button/FileInputButton.tsx
 import {
-  forwardRef as forwardRef22,
+  forwardRef as forwardRef23,
   useCallback as useCallback16
 } from "react";
 import { Upload } from "lucide-react";
-import { jsx as jsx52, jsxs as jsxs33 } from "react/jsx-runtime";
-var FileInputButton = forwardRef22(
+import { jsx as jsx53, jsxs as jsxs34 } from "react/jsx-runtime";
+var FileInputButton = forwardRef23(
   ({
     label,
     onChange,
@@ -4088,8 +4168,8 @@ var FileInputButton = forwardRef22(
       },
       [onChange]
     );
-    const iconElement = icon !== void 0 ? icon : /* @__PURE__ */ jsx52(Upload, { className: "h-4 w-4" });
-    return /* @__PURE__ */ jsx52(
+    const iconElement = icon !== void 0 ? icon : /* @__PURE__ */ jsx53(Upload, { className: "h-4 w-4" });
+    return /* @__PURE__ */ jsx53(
       Button,
       {
         asChild: true,
@@ -4097,8 +4177,8 @@ var FileInputButton = forwardRef22(
         size,
         disabled,
         className: cn("justify-start", buttonClassName),
-        children: /* @__PURE__ */ jsxs33("label", { className: cn("cursor-pointer", className), children: [
-          /* @__PURE__ */ jsx52(
+        children: /* @__PURE__ */ jsxs34("label", { className: cn("cursor-pointer", className), children: [
+          /* @__PURE__ */ jsx53(
             "input",
             {
               ref,
@@ -4110,7 +4190,7 @@ var FileInputButton = forwardRef22(
             }
           ),
           iconElement,
-          label && /* @__PURE__ */ jsx52("span", { className: "ml-1.5", children: label })
+          label && /* @__PURE__ */ jsx53("span", { className: "ml-1.5", children: label })
         ] })
       }
     );
@@ -4119,9 +4199,9 @@ var FileInputButton = forwardRef22(
 FileInputButton.displayName = "FileInputButton";
 
 // src/form-box/Content.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function Content5({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       className: cn(
@@ -4135,9 +4215,9 @@ function Content5({ children, className, ...props }) {
 }
 
 // src/form-box/Header.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function Header2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "h2",
     {
       className: cn(
@@ -4151,9 +4231,9 @@ function Header2({ children, className, ...props }) {
 }
 
 // src/form-box/Root.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
-function Root9({ children, nested, className, ...props }) {
-  return /* @__PURE__ */ jsx55(
+import { jsx as jsx56 } from "react/jsx-runtime";
+function Root10({ children, nested, className, ...props }) {
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       className: cn(
@@ -4168,9 +4248,9 @@ function Root9({ children, nested, className, ...props }) {
 }
 
 // src/form-box/SubHeader.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function SubHeader({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "h4",
     {
       className: cn(
@@ -4185,7 +4265,7 @@ function SubHeader({ children, className, ...props }) {
 
 // src/form-box/index.ts
 var FormBox = {
-  Root: Root9,
+  Root: Root10,
   Header: Header2,
   SubHeader,
   Content: Content5
@@ -4193,13 +4273,13 @@ var FormBox = {
 
 // src/free-text-field/FreeTextField.tsx
 import {
-  forwardRef as forwardRef23,
-  useId as useId3,
+  forwardRef as forwardRef24,
+  useId as useId4,
   useState as useState18
 } from "react";
 import { useTranslation as useTranslation8 } from "react-i18next";
-import { jsx as jsx57, jsxs as jsxs34 } from "react/jsx-runtime";
-var FreeTextField = forwardRef23(
+import { jsx as jsx58, jsxs as jsxs35 } from "react/jsx-runtime";
+var FreeTextField = forwardRef24(
   ({
     label,
     error,
@@ -4221,7 +4301,7 @@ var FreeTextField = forwardRef23(
     ...inputProps
   }, ref) => {
     const { t } = useTranslation8();
-    const inputId = useId3();
+    const inputId = useId4();
     const [internalValue, setInternalValue] = useState18(defaultValue ?? "");
     const [isFocused, setIsFocused] = useState18(false);
     const currentValue = value !== void 0 ? value : internalValue;
@@ -4252,7 +4332,7 @@ var FreeTextField = forwardRef23(
     );
     const inputPlaceholder = fieldStyle === "new" ? label : placeholder;
     const showFloatingLabel = fieldStyle === "new" && !isEmpty && Boolean(label);
-    return /* @__PURE__ */ jsxs34(
+    return /* @__PURE__ */ jsxs35(
       "div",
       {
         className: cn(
@@ -4260,8 +4340,8 @@ var FreeTextField = forwardRef23(
           className
         ),
         children: [
-          fieldStyle === "current" && label && /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx57(
+          fieldStyle === "current" && label && /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx58(
               "label",
               {
                 htmlFor: inputId,
@@ -4269,14 +4349,14 @@ var FreeTextField = forwardRef23(
                 children: label
               }
             ),
-            optional && /* @__PURE__ */ jsxs34("span", { className: "text-base leading-4 text-[var(--chekin-color-brand-navy)] [&_em]:text-[var(--chekin-color-gray-2)]", children: [
+            optional && /* @__PURE__ */ jsxs35("span", { className: "text-base leading-4 text-[var(--chekin-color-brand-navy)] [&_em]:text-[var(--chekin-color-gray-2)]", children: [
               "- ",
-              /* @__PURE__ */ jsx57("em", { children: optionalLabel || t("optional") })
+              /* @__PURE__ */ jsx58("em", { children: optionalLabel || t("optional") })
             ] }),
-            tooltip && /* @__PURE__ */ jsx57("div", { className: "h-4 w-4 shrink-0", children: tooltip })
+            tooltip && /* @__PURE__ */ jsx58("div", { className: "h-4 w-4 shrink-0", children: tooltip })
           ] }),
-          /* @__PURE__ */ jsxs34("div", { className: fieldBoxClassName, children: [
-            /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsxs35("div", { className: fieldBoxClassName, children: [
+            /* @__PURE__ */ jsx58(
               "input",
               {
                 ref,
@@ -4292,15 +4372,15 @@ var FreeTextField = forwardRef23(
                 ...inputProps
               }
             ),
-            icon && /* @__PURE__ */ jsx57("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center", children: icon }),
-            showFloatingLabel && /* @__PURE__ */ jsx57(
+            icon && /* @__PURE__ */ jsx58("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center", children: icon }),
+            showFloatingLabel && /* @__PURE__ */ jsx58(
               "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__ */ jsx57(
+                children: /* @__PURE__ */ jsx58(
                   "span",
                   {
                     className: cn(
@@ -4313,8 +4393,8 @@ var FreeTextField = forwardRef23(
               }
             )
           ] }),
-          supportingText && /* @__PURE__ */ jsx57("p", { className: "m-0 text-xs italic leading-normal text-[var(--chekin-color-gray-2)]", children: supportingText }),
-          error && /* @__PURE__ */ jsx57("p", { className: "m-0 text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: error })
+          supportingText && /* @__PURE__ */ jsx58("p", { className: "m-0 text-xs italic leading-normal text-[var(--chekin-color-gray-2)]", children: supportingText }),
+          error && /* @__PURE__ */ jsx58("p", { className: "m-0 text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: error })
         ]
       }
     );
@@ -4323,10 +4403,10 @@ var FreeTextField = forwardRef23(
 FreeTextField.displayName = "FreeTextField";
 
 // src/framed-icon/FramedIcon.tsx
-import * as React18 from "react";
-import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx58 } from "react/jsx-runtime";
-var framedIconVariants = cva8("inline-flex items-center justify-center shrink-0", {
+import * as React19 from "react";
+import { cva as cva9 } from "class-variance-authority";
+import { jsx as jsx59 } from "react/jsx-runtime";
+var framedIconVariants = cva9("inline-flex items-center justify-center shrink-0", {
   variants: {
     size: {
       s: "w-8 h-8",
@@ -4347,8 +4427,8 @@ var framedIconVariants = cva8("inline-flex items-center justify-center shrink-0"
   },
   defaultVariants: { size: "m", shape: "rounded", tone: "info" }
 });
-var FramedIcon = React18.forwardRef(
-  ({ className, size, shape, tone, children, ...props }, ref) => /* @__PURE__ */ jsx58(
+var FramedIcon = React19.forwardRef(
+  ({ className, size, shape, tone, children, ...props }, ref) => /* @__PURE__ */ jsx59(
     "span",
     {
       ref,
@@ -4363,7 +4443,7 @@ FramedIcon.displayName = "FramedIcon";
 
 // src/help-tooltip/HelpTooltip.tsx
 import { CircleQuestionMark } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx59, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx60, jsxs as jsxs36 } from "react/jsx-runtime";
 function HelpTooltip({
   content,
   side,
@@ -4382,12 +4462,12 @@ function HelpTooltip({
     className
   );
   const triggerStyle = { width: size, height: size };
-  const triggerContent = /* @__PURE__ */ jsxs35(Fragment6, { children: [
-    /* @__PURE__ */ jsx59(CircleQuestionMark, { "aria-hidden": "true", style: { width: size, height: size } }),
-    /* @__PURE__ */ jsx59("span", { className: "absolute -left-0.5 -top-0.5 h-5 w-5" })
+  const triggerContent = /* @__PURE__ */ jsxs36(Fragment6, { children: [
+    /* @__PURE__ */ jsx60(CircleQuestionMark, { "aria-hidden": "true", style: { width: size, height: size } }),
+    /* @__PURE__ */ jsx60("span", { className: "absolute -left-0.5 -top-0.5 h-5 w-5" })
   ] });
-  return /* @__PURE__ */ jsx59(TooltipProvider, { children: /* @__PURE__ */ jsxs35(TooltipRoot, { children: [
-    /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, onClick, children: triggerAs === "button" ? /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(TooltipProvider, { children: /* @__PURE__ */ jsxs36(TooltipRoot, { children: [
+    /* @__PURE__ */ jsx60(TooltipTrigger, { asChild: true, onClick, children: triggerAs === "button" ? /* @__PURE__ */ jsx60(
       "button",
       {
         type: "button",
@@ -4396,8 +4476,8 @@ function HelpTooltip({
         style: triggerStyle,
         children: triggerContent
       }
-    ) : /* @__PURE__ */ jsx59("span", { "aria-label": label, className: triggerClassName, style: triggerStyle, children: triggerContent }) }),
-    /* @__PURE__ */ jsx59(
+    ) : /* @__PURE__ */ jsx60("span", { "aria-label": label, className: triggerClassName, style: triggerStyle, children: triggerContent }) }),
+    /* @__PURE__ */ jsx60(
       TooltipContent,
       {
         variant,
@@ -4410,14 +4490,14 @@ function HelpTooltip({
 }
 
 // src/svg-icon/SvgIcon.tsx
-import { forwardRef as forwardRef25 } from "react";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { forwardRef as forwardRef26 } from "react";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var SIZE_MAP = {
   sm: 16,
   md: 20,
   lg: 24
 };
-var SvgIcon = forwardRef25(
+var SvgIcon = forwardRef26(
   ({ as: Component, size = "md", label, ...props }, ref) => {
     const px = typeof size === "number" ? size : SIZE_MAP[size];
     const labeledFromProp = label !== void 0;
@@ -4427,7 +4507,7 @@ var SvgIcon = forwardRef25(
       role: "img",
       ...labeledFromProp && { "aria-label": label }
     } : { "aria-hidden": true };
-    return /* @__PURE__ */ jsx60(
+    return /* @__PURE__ */ jsx61(
       Component,
       {
         ref,
@@ -4443,10 +4523,10 @@ var SvgIcon = forwardRef25(
 SvgIcon.displayName = "SvgIcon";
 
 // src/icon-button/IconButton.tsx
-import * as React19 from "react";
-import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
-var iconButtonVariants = cva9(
+import * as React20 from "react";
+import { cva as cva10 } from "class-variance-authority";
+import { jsx as jsx62, jsxs as jsxs37 } from "react/jsx-runtime";
+var iconButtonVariants = cva10(
   [
     "relative inline-flex items-center justify-center shrink-0",
     "transition-colors duration-150 ease-out outline-none",
@@ -4474,7 +4554,7 @@ var iconButtonVariants = cva9(
     defaultVariants: { size: "m", shape: "rounded", variant: "secondary" }
   }
 );
-var IconButton = React19.forwardRef(
+var IconButton = React20.forwardRef(
   ({
     className,
     size,
@@ -4488,7 +4568,7 @@ var IconButton = React19.forwardRef(
     type = "button",
     ...props
   }, ref) => {
-    const button = /* @__PURE__ */ jsx61(
+    const button = /* @__PURE__ */ jsx62(
       "button",
       {
         ref,
@@ -4504,18 +4584,18 @@ var IconButton = React19.forwardRef(
       }
     );
     if (!tooltip) return button;
-    return /* @__PURE__ */ jsxs36(Tooltip, { children: [
-      /* @__PURE__ */ jsx61(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx61(TooltipContent, { children: tooltip })
+    return /* @__PURE__ */ jsxs37(Tooltip, { children: [
+      /* @__PURE__ */ jsx62(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx62(TooltipContent, { children: tooltip })
     ] });
   }
 );
 IconButton.displayName = "IconButton";
 
 // src/info-box/InfoBox.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 function InfoBox({ className, children }) {
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     "div",
     {
       className: cn(
@@ -4529,7 +4609,7 @@ function InfoBox({ className, children }) {
 
 // src/image/Image.tsx
 import { useState as useState19 } from "react";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 function Image2({
   src,
   alt,
@@ -4538,7 +4618,7 @@ function Image2({
   ...props
 }) {
   const [error, setError] = useState19(false);
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(
     "img",
     {
       src: error ? fallbackSrc : src,
@@ -4552,7 +4632,7 @@ function Image2({
 }
 
 // src/input-otp/InputOTP.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 
 // src/input-otp/InputOTPContext.ts
 import { createContext, useContext } from "react";
@@ -4812,7 +4892,7 @@ function useInputOTPSlot(index) {
 }
 
 // src/input-otp/InputOTP.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 function InputOTP({
   maxLength,
   value = "",
@@ -4824,7 +4904,7 @@ function InputOTP({
   autoFocus = false
 }) {
   const { containerRef, contextValue, handleContainerFocusIn, handleContainerFocusOut } = useInputOTP({ maxLength, value, onChange, disabled, autoFocus, error });
-  return /* @__PURE__ */ jsx64(InputOTPContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(InputOTPContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx65(
     "div",
     {
       ref: containerRef,
@@ -4837,11 +4917,11 @@ function InputOTP({
     }
   ) });
 }
-var InputOTPGroup = React20.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx64("div", { ref, className: cn("flex items-center", className), ...props })
+var InputOTPGroup = React21.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx65("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,
@@ -4855,7 +4935,7 @@ var InputOTPSlot = React20.forwardRef(
       handlePasteEvent,
       focusSlot
     } = useInputOTPSlot(index);
-    return /* @__PURE__ */ jsx64(
+    return /* @__PURE__ */ jsx65(
       "div",
       {
         ref,
@@ -4867,7 +4947,7 @@ var InputOTPSlot = React20.forwardRef(
         ),
         onClick: focusSlot,
         ...props,
-        children: /* @__PURE__ */ jsx64(
+        children: /* @__PURE__ */ jsx65(
           "input",
           {
             ref: setInputRef,
@@ -4890,14 +4970,14 @@ var InputOTPSlot = React20.forwardRef(
   }
 );
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React20.forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx64("div", { ref, role: "separator", ...props })
+var InputOTPSeparator = React21.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx65("div", { ref, role: "separator", ...props })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/icons-dropdown/IconsDropdown.tsx
 import { useState as useState21 } from "react";
-import { jsx as jsx65, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs38 } from "react/jsx-runtime";
 function IconsDropdown({
   icons,
   onChange,
@@ -4913,14 +4993,14 @@ function IconsDropdown({
     setOpen(value);
     onOpenChangeProp?.(value);
   }
-  return /* @__PURE__ */ jsxs37(DropdownMenu, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx65(DropdownMenuTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsxs38(DropdownMenu, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx66(DropdownMenuTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx66(
       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__ */ jsx65(
+        children: /* @__PURE__ */ jsx66(
           "div",
           {
             className: "grid gap-1",
@@ -4929,7 +5009,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__ */ jsx65(
+              return /* @__PURE__ */ jsx66(
                 "button",
                 {
                   type: "button",
@@ -4942,7 +5022,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__ */ jsx65(IconComponent, { size: 24, color: iconColor })
+                  children: /* @__PURE__ */ jsx66(IconComponent, { size: 24, color: iconColor })
                 },
                 entry.name
               );
@@ -5396,7 +5476,7 @@ function registerUiKitI18n(i18n, options = {}) {
 
 // src/large-modal/LargeModal.tsx
 import { X as X2 } from "lucide-react";
-import { jsx as jsx66, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs39 } from "react/jsx-runtime";
 function LargeModal({
   open,
   onOpenChange,
@@ -5413,7 +5493,7 @@ function LargeModal({
   allowContentOverflow = false
 }) {
   const portalContainer = container ?? getCustomContainer();
-  return /* @__PURE__ */ jsx66(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsx67(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs39(
     DialogContent,
     {
       showCloseButton: false,
@@ -5437,24 +5517,24 @@ function LargeModal({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs38(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__ */ jsxs38("div", { children: [
-            /* @__PURE__ */ jsx66(DialogTitle, { className: "text-lg font-semibold text-[var(--chekin-color-brand-navy)]", children: header }),
-            subHeader && /* @__PURE__ */ jsx66("div", { children: subHeader })
+        /* @__PURE__ */ jsxs39(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__ */ jsxs39("div", { children: [
+            /* @__PURE__ */ jsx67(DialogTitle, { className: "text-lg font-semibold text-[var(--chekin-color-brand-navy)]", children: header }),
+            subHeader && /* @__PURE__ */ jsx67("div", { children: subHeader })
           ] }),
-          withCloseButton && /* @__PURE__ */ jsx66(
+          withCloseButton && /* @__PURE__ */ jsx67(
             "button",
             {
               type: "button",
               onClick: () => onOpenChange?.(false),
               className: "rounded-full p-1 text-[var(--chekin-color-brand-navy)] hover:bg-[var(--chekin-color-surface-input-empty)]",
               "aria-label": "Close",
-              children: /* @__PURE__ */ jsx66(X2, { className: "h-5 w-5" })
+              children: /* @__PURE__ */ jsx67(X2, { className: "h-5 w-5" })
             }
           ),
-          /* @__PURE__ */ jsx66(DialogDescription, { className: "sr-only", children: screenReaderText })
+          /* @__PURE__ */ jsx67(DialogDescription, { className: "sr-only", children: screenReaderText })
         ] }),
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx67(
           "div",
           {
             className: cn(
@@ -5464,7 +5544,7 @@ function LargeModal({
             children
           }
         ),
-        footer && /* @__PURE__ */ jsx66(DialogFooter, { className: "p-4", children: footer })
+        footer && /* @__PURE__ */ jsx67(DialogFooter, { className: "p-4", children: footer })
       ]
     }
   ) });
@@ -5473,20 +5553,20 @@ function LargeModal({
 // src/learn-more-button/LearnMoreButton.tsx
 import { BookOpenIcon } from "lucide-react";
 import { useTranslation as useTranslation9 } from "react-i18next";
-import { jsx as jsx67, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs40 } from "react/jsx-runtime";
 function LearnMoreButton({ label, ...props }) {
   const { t } = useTranslation9();
-  return /* @__PURE__ */ jsxs39(Button, { variant: "link", ...props, children: [
-    /* @__PURE__ */ jsx67(BookOpenIcon, { className: "size-5 text-[var(--button-link-text)]" }),
+  return /* @__PURE__ */ jsxs40(Button, { variant: "link", ...props, children: [
+    /* @__PURE__ */ jsx68(BookOpenIcon, { className: "size-5 text-[var(--button-link-text)]" }),
     label || t("learn_more")
   ] });
 }
 
 // src/link/Link.tsx
-import { forwardRef as forwardRef28, memo as memo2 } from "react";
-import { jsx as jsx68 } from "react/jsx-runtime";
-var LinkInternal = forwardRef28(
-  ({ disabled = false, className, children, ...props }, ref) => /* @__PURE__ */ jsx68(
+import { forwardRef as forwardRef29, memo as memo2 } from "react";
+import { jsx as jsx69 } from "react/jsx-runtime";
+var LinkInternal = forwardRef29(
+  ({ disabled = false, className, children, ...props }, ref) => /* @__PURE__ */ jsx69(
     "a",
     {
       ref,
@@ -5510,7 +5590,7 @@ var Link = memo2(LinkInternal);
 import { useState as useState22 } from "react";
 import { RotateCw, X as X3, ZoomIn, ZoomOut } from "lucide-react";
 import { useTranslation as useTranslation10 } from "react-i18next";
-import { jsx as jsx69, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs41 } from "react/jsx-runtime";
 function ImageFullScreenView({ src, alt, onClose }) {
   const { t } = useTranslation10();
   const [scale, setScale] = useState22(1);
@@ -5519,9 +5599,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__ */ jsxs40("div", { className: "fixed inset-0 z-[300] flex flex-col items-center justify-center bg-black/90", children: [
-    /* @__PURE__ */ jsxs40("div", { className: "absolute right-4 top-4 z-[301] flex gap-2", children: [
-      /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsxs41("div", { className: "fixed inset-0 z-[300] flex flex-col items-center justify-center bg-black/90", children: [
+    /* @__PURE__ */ jsxs41("div", { className: "absolute right-4 top-4 z-[301] flex gap-2", children: [
+      /* @__PURE__ */ jsx70(
         Button,
         {
           variant: "ghost",
@@ -5529,10 +5609,10 @@ function ImageFullScreenView({ src, alt, onClose }) {
           onClick: zoomIn,
           className: "rounded-full text-white hover:bg-white/20",
           "aria-label": t("zoom_in"),
-          children: /* @__PURE__ */ jsx69(ZoomIn, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ jsx70(ZoomIn, { className: "h-6 w-6" })
         }
       ),
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx70(
         Button,
         {
           variant: "ghost",
@@ -5540,10 +5620,10 @@ function ImageFullScreenView({ src, alt, onClose }) {
           onClick: zoomOut,
           className: "rounded-full text-white hover:bg-white/20",
           "aria-label": t("zoom_out"),
-          children: /* @__PURE__ */ jsx69(ZoomOut, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ jsx70(ZoomOut, { className: "h-6 w-6" })
         }
       ),
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx70(
         Button,
         {
           variant: "ghost",
@@ -5551,10 +5631,10 @@ function ImageFullScreenView({ src, alt, onClose }) {
           onClick: rotate,
           className: "rounded-full text-white hover:bg-white/20",
           "aria-label": t("rotate"),
-          children: /* @__PURE__ */ jsx69(RotateCw, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ jsx70(RotateCw, { className: "h-6 w-6" })
         }
       ),
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx70(
         Button,
         {
           variant: "ghost",
@@ -5562,11 +5642,11 @@ function ImageFullScreenView({ src, alt, onClose }) {
           onClick: onClose,
           className: "rounded-full text-white hover:bg-white/20",
           "aria-label": t("close"),
-          children: /* @__PURE__ */ jsx69(X3, { className: "h-6 w-6" })
+          children: /* @__PURE__ */ jsx70(X3, { className: "h-6 w-6" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx69(
+    /* @__PURE__ */ jsx70(
       "div",
       {
         className: "flex h-full w-full cursor-move items-center justify-center overflow-hidden",
@@ -5575,7 +5655,7 @@ function ImageFullScreenView({ src, alt, onClose }) {
             onClose();
           }
         },
-        children: /* @__PURE__ */ jsx69(
+        children: /* @__PURE__ */ jsx70(
           "div",
           {
             style: {
@@ -5583,7 +5663,7 @@ function ImageFullScreenView({ src, alt, onClose }) {
               transition: "transform 0.2s ease-in-out"
             },
             className: "max-h-[90%] max-w-[90%]",
-            children: /* @__PURE__ */ jsx69(
+            children: /* @__PURE__ */ jsx70(
               Image2,
               {
                 src: src || "",
@@ -5597,14 +5677,14 @@ function ImageFullScreenView({ src, alt, onClose }) {
         )
       }
     ),
-    /* @__PURE__ */ jsx69("div", { className: "absolute bottom-4 left-0 right-0 text-center text-sm text-white/70", children: /* @__PURE__ */ jsx69("p", { children: t("esc_to_close") }) })
+    /* @__PURE__ */ jsx70("div", { className: "absolute bottom-4 left-0 right-0 text-center text-sm text-white/70", children: /* @__PURE__ */ jsx70("p", { children: t("esc_to_close") }) })
   ] });
 }
 
 // src/modal/Modal.tsx
-import { forwardRef as forwardRef29, useRef as useRef16 } from "react";
+import { forwardRef as forwardRef30, useRef as useRef16 } from "react";
 import { X as X4 } from "lucide-react";
-import { jsx as jsx70, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs42 } from "react/jsx-runtime";
 var preventDefault = (event) => {
   event.preventDefault();
 };
@@ -5637,7 +5717,7 @@ function Modal({
     onOpenChange?.(false);
     onClose?.();
   };
-  return /* @__PURE__ */ jsx70(Dialog, { open, onOpenChange, modal, children: /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsx71(Dialog, { open, onOpenChange, modal, children: /* @__PURE__ */ jsxs42(
     DialogContent,
     {
       ref: contentRef,
@@ -5656,7 +5736,7 @@ function Modal({
       lockScroll,
       ...!text && { "aria-describedby": void 0 },
       children: [
-        withCloseButton && /* @__PURE__ */ jsx70(
+        withCloseButton && /* @__PURE__ */ jsx71(
           "button",
           {
             type: "button",
@@ -5666,14 +5746,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__ */ jsx70(X4, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx71(X4, { className: "h-5 w-5" })
           }
         ),
-        (icon || iconSrc || iconProps?.src) && /* @__PURE__ */ jsx70("div", { className: "modal__icon mx-auto mt-4 select-none", children: icon ?? /* @__PURE__ */ jsx70("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
-        title ? /* @__PURE__ */ jsx70(DialogTitle, { className: cn("modal__title", "px-6 text-lg font-bold"), children: title }) : /* @__PURE__ */ jsx70(DialogVisuallyHidden, { children: /* @__PURE__ */ jsx70(DialogTitle, { children: "Dialog" }) }),
-        text && /* @__PURE__ */ jsx70(DialogDescription, { className: cn("modal__text", "text-base"), children: text }),
+        (icon || iconSrc || iconProps?.src) && /* @__PURE__ */ jsx71("div", { className: "modal__icon mx-auto mt-4 select-none", children: icon ?? /* @__PURE__ */ jsx71("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
+        title ? /* @__PURE__ */ jsx71(DialogTitle, { className: cn("modal__title", "px-6 text-lg font-bold"), children: title }) : /* @__PURE__ */ jsx71(DialogVisuallyHidden, { children: /* @__PURE__ */ jsx71(DialogTitle, { children: "Dialog" }) }),
+        text && /* @__PURE__ */ jsx71(DialogDescription, { className: cn("modal__text", "text-base"), children: text }),
         children,
-        buttons && /* @__PURE__ */ jsx70(
+        buttons && /* @__PURE__ */ jsx71(
           "div",
           {
             className: cn(
@@ -5687,8 +5767,8 @@ function Modal({
     }
   ) });
 }
-var ModalButton = forwardRef29(
-  ({ children, size, className, ...props }, ref) => /* @__PURE__ */ jsx70(
+var ModalButton = forwardRef30(
+  ({ children, size, className, ...props }, ref) => /* @__PURE__ */ jsx71(
     Button,
     {
       ref,
@@ -5706,8 +5786,8 @@ Modal.displayName = "Modal";
 import { memo as memo3 } from "react";
 
 // src/circular-loader/CircularLoader.tsx
-import React21 from "react";
-import { jsx as jsx71, jsxs as jsxs42 } from "react/jsx-runtime";
+import React22 from "react";
+import { jsx as jsx72, jsxs as jsxs43 } from "react/jsx-runtime";
 var loaderSizePixels = {
   sm: 16,
   md: 32,
@@ -5718,7 +5798,7 @@ var labelSizeClassName = {
   md: "text-sm",
   lg: "text-base"
 };
-var CircularLoader = React21.memo(
+var CircularLoader = React22.memo(
   ({
     visible = true,
     size = "md",
@@ -5729,7 +5809,7 @@ var CircularLoader = React21.memo(
     className
   }) => {
     if (!visible) return null;
-    return /* @__PURE__ */ jsxs42(
+    return /* @__PURE__ */ jsxs43(
       "div",
       {
         className: cn(
@@ -5739,7 +5819,7 @@ var CircularLoader = React21.memo(
         ),
         role: "progressbar",
         children: [
-          /* @__PURE__ */ jsxs42(
+          /* @__PURE__ */ jsxs43(
             "svg",
             {
               viewBox: "25 25 50 50",
@@ -5749,7 +5829,7 @@ var CircularLoader = React21.memo(
                 height: toCssSize(height ?? width ?? loaderSizePixels[size])
               },
               children: [
-                /* @__PURE__ */ jsx71(
+                /* @__PURE__ */ jsx72(
                   "circle",
                   {
                     r: "20",
@@ -5759,7 +5839,7 @@ var CircularLoader = React21.memo(
                     strokeWidth: "7"
                   }
                 ),
-                /* @__PURE__ */ jsxs42(
+                /* @__PURE__ */ jsxs43(
                   "circle",
                   {
                     r: "20",
@@ -5771,7 +5851,7 @@ var CircularLoader = React21.memo(
                     strokeLinecap: "round",
                     strokeWidth: "7",
                     children: [
-                      /* @__PURE__ */ jsx71(
+                      /* @__PURE__ */ jsx72(
                         "animateTransform",
                         {
                           attributeName: "transform",
@@ -5782,7 +5862,7 @@ var CircularLoader = React21.memo(
                           type: "rotate"
                         }
                       ),
-                      /* @__PURE__ */ jsx71(
+                      /* @__PURE__ */ jsx72(
                         "animate",
                         {
                           attributeName: "stroke-dasharray",
@@ -5794,7 +5874,7 @@ var CircularLoader = React21.memo(
                           values: "1 200;90 200;90 200"
                         }
                       ),
-                      /* @__PURE__ */ jsx71(
+                      /* @__PURE__ */ jsx72(
                         "animate",
                         {
                           attributeName: "stroke-dashoffset",
@@ -5812,7 +5892,7 @@ var CircularLoader = React21.memo(
               ]
             }
           ),
-          label && /* @__PURE__ */ jsx71("div", { className: cn(labelSizeClassName[size], "font-medium text-chekin-gray-1"), children: label })
+          label && /* @__PURE__ */ jsx72("div", { className: cn(labelSizeClassName[size], "font-medium text-chekin-gray-1"), children: label })
         ]
       }
     );
@@ -5821,8 +5901,8 @@ var CircularLoader = React21.memo(
 CircularLoader.displayName = "CircularLoader";
 
 // src/modal-loader/ModalLoader.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
-var ModalLoader = memo3(({ visible, className }) => /* @__PURE__ */ jsx72(
+import { jsx as jsx73 } from "react/jsx-runtime";
+var ModalLoader = memo3(({ visible, className }) => /* @__PURE__ */ jsx73(
   "div",
   {
     className: cn(
@@ -5830,17 +5910,17 @@ var ModalLoader = memo3(({ visible, className }) => /* @__PURE__ */ jsx72(
       visible ? "flex" : "hidden",
       className
     ),
-    children: /* @__PURE__ */ jsx72("div", { className: "mb-[60px]", children: /* @__PURE__ */ jsx72(CircularLoader, { size: "lg", className: "[--circular-loader-color:#475569]" }) })
+    children: /* @__PURE__ */ jsx73("div", { className: "mb-[60px]", children: /* @__PURE__ */ jsx73(CircularLoader, { size: "lg", className: "[--circular-loader-color:#475569]" }) })
   }
 ));
 ModalLoader.displayName = "ModalLoader";
 
 // src/numbered-list/NumberedList.tsx
 import { Children as Children3 } from "react";
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var NumberedList = ({ children, className, itemClassName }) => {
   const items = Array.isArray(children) ? Children3.toArray(children) : [children];
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     "ol",
     {
       className: cn(
@@ -5848,7 +5928,7 @@ var NumberedList = ({ children, className, itemClassName }) => {
         className
       ),
       type: "1",
-      children: items.map((child, index) => /* @__PURE__ */ jsx73(
+      children: items.map((child, index) => /* @__PURE__ */ jsx74(
         "li",
         {
           className: cn(
@@ -5859,7 +5939,7 @@ var NumberedList = ({ children, className, itemClassName }) => {
             before:text-[var(--numbered-list-marker-text)] before:content-[counter(item)]`,
             itemClassName
           ),
-          children: /* @__PURE__ */ jsx73("div", { children: child })
+          children: /* @__PURE__ */ jsx74("div", { children: child })
         },
         index
       ))
@@ -5869,7 +5949,7 @@ var NumberedList = ({ children, className, itemClassName }) => {
 
 // src/overlay-loader/OverlayLoader.tsx
 import { useTranslation as useTranslation11 } from "react-i18next";
-import { jsx as jsx74, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs44 } from "react/jsx-runtime";
 function OverlayLoader({
   isLoading,
   children,
@@ -5881,16 +5961,16 @@ function OverlayLoader({
 }) {
   const { t } = useTranslation11();
   const resolvedLabel = label || t("loading");
-  return /* @__PURE__ */ jsxs43("div", { className: cn("relative", className), children: [
+  return /* @__PURE__ */ jsxs44("div", { className: cn("relative", className), children: [
     children,
-    isLoading && /* @__PURE__ */ jsx74(
+    isLoading && /* @__PURE__ */ jsx75(
       "div",
       {
         className: cn(
           "absolute inset-0 flex items-center justify-center bg-[rgb(255_255_255_/_0.6)]",
           overlayClassName
         ),
-        children: /* @__PURE__ */ jsx74(
+        children: /* @__PURE__ */ jsx75(
           CircularLoader,
           {
             size: loaderSize,
@@ -5908,13 +5988,13 @@ import { useTranslation as useTranslation12 } from "react-i18next";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight4, ChevronsLeft, ChevronsRight } from "lucide-react";
 
 // src/select/Select.tsx
-import { forwardRef as forwardRef31, useId as useId4, useState as useState23 } from "react";
+import { forwardRef as forwardRef32, useId as useId5, useState as useState23 } from "react";
 
 // src/select/components.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx75, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs45 } from "react/jsx-runtime";
 var SelectRoot = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -5923,7 +6003,7 @@ var selectSizeClassNames = {
   sm: "text-sm",
   md: "text-base"
 };
-var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs44(
+var SelectTrigger = React23.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs45(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -5938,7 +6018,7 @@ var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...p
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx75(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsx76(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx76(
         ChevronDownIcon,
         {
           size: 16,
@@ -5950,27 +6030,27 @@ var SelectTrigger = React22.forwardRef(({ className, children, size = "sm", ...p
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx75(
+var SelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx75(ChevronUpIcon, { size: 16, strokeWidth: 2 })
+    children: /* @__PURE__ */ jsx76(ChevronUpIcon, { size: 16, strokeWidth: 2 })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx75(
+var SelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx75(ChevronDownIcon, { size: 16, strokeWidth: 2 })
+    children: /* @__PURE__ */ jsx76(ChevronDownIcon, { size: 16, strokeWidth: 2 })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React22.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx75(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs44(
+var SelectContent = React23.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx76(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs45(
   SelectPrimitive.Content,
   {
     ref,
@@ -5988,8 +6068,8 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx75(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsx76(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx76(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -5999,12 +6079,12 @@ var SelectContent = React22.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ jsx75(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx76(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx75(
+var SelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   SelectPrimitive.Label,
   {
     ref,
@@ -6016,7 +6096,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__ */ jsxs44(
+var SelectItem = React23.forwardRef(({ className, children, size = "sm", ...props }, ref) => /* @__PURE__ */ jsxs45(
   SelectPrimitive.Item,
   {
     ref,
@@ -6030,13 +6110,13 @@ var SelectItem = React22.forwardRef(({ className, children, size = "sm", ...prop
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx75("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx75(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx75(CheckIcon, { size: 16, strokeWidth: 2 }) }) }),
-      /* @__PURE__ */ jsx75(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx76("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx76(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx76(CheckIcon, { size: 16, strokeWidth: 2 }) }) }),
+      /* @__PURE__ */ jsx76(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx75(
+var SelectSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   SelectPrimitive.Separator,
   {
     ref,
@@ -6047,7 +6127,7 @@ var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/select/Select.tsx
-import { jsx as jsx76, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs46 } from "react/jsx-runtime";
 var SelectInner = ({
   placeholder,
   label,
@@ -6064,7 +6144,7 @@ var SelectInner = ({
   onValueChange,
   disabled
 }, ref) => {
-  const id = useId4();
+  const id = useId5();
   const [isOpen, setIsOpen] = useState23(false);
   const hasValue = Boolean(value);
   const showLabel = hasValue || isOpen;
@@ -6075,8 +6155,8 @@ var SelectInner = ({
   const handleOpenChange = (open) => {
     setIsOpen(open);
   };
-  return /* @__PURE__ */ jsxs45("div", { className: cn("group relative w-[300px]", className, containerClassName), children: [
-    label && showLabel && /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsxs46("div", { className: cn("group relative w-[300px]", className, containerClassName), children: [
+    label && showLabel && /* @__PURE__ */ jsx77(
       "label",
       {
         htmlFor: id,
@@ -6084,7 +6164,7 @@ var SelectInner = ({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxs45(
+    /* @__PURE__ */ jsxs46(
       SelectRoot,
       {
         value,
@@ -6092,8 +6172,8 @@ var SelectInner = ({
         onOpenChange: handleOpenChange,
         disabled,
         children: [
-          /* @__PURE__ */ jsx76(SelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ jsx76(SelectValue, { placeholder }) }),
-          /* @__PURE__ */ jsx76(SelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ jsx76(
+          /* @__PURE__ */ jsx77(SelectTrigger, { id, ref, size, className: triggerClassName, children: /* @__PURE__ */ jsx77(SelectValue, { placeholder }) }),
+          /* @__PURE__ */ jsx77(SelectContent, { children: children ?? options?.map((option) => /* @__PURE__ */ jsx77(
             SelectItem,
             {
               value: String(option.value),
@@ -6106,21 +6186,21 @@ var SelectInner = ({
         ]
       }
     ),
-    Boolean(supportingText || errorText) && /* @__PURE__ */ jsxs45("div", { className: "flex min-h-[15px] justify-between pt-1", children: [
-      supportingText && !errorText && /* @__PURE__ */ jsx76("span", { className: "text-xs italic leading-[15px] text-[var(--chekin-color-gray-1)]", children: supportingText }),
-      errorText && /* @__PURE__ */ jsx76("span", { className: "ml-auto text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: errorText })
+    Boolean(supportingText || errorText) && /* @__PURE__ */ jsxs46("div", { className: "flex min-h-[15px] justify-between pt-1", children: [
+      supportingText && !errorText && /* @__PURE__ */ jsx77("span", { className: "text-xs italic leading-[15px] text-[var(--chekin-color-gray-1)]", children: supportingText }),
+      errorText && /* @__PURE__ */ jsx77("span", { className: "ml-auto text-right text-xs font-medium leading-4 text-[var(--error-message-color)]", children: errorText })
     ] })
   ] });
 };
-var SelectForward = forwardRef31(SelectInner);
+var SelectForward = forwardRef32(SelectInner);
 SelectForward.displayName = "Select";
 var Select = SelectForward;
 
 // src/select/MultiSelect.tsx
 import * as SelectPrimitive2 from "@radix-ui/react-select";
 import { CheckIcon as CheckIcon2 } from "lucide-react";
-import { forwardRef as forwardRef32, useId as useId5, useState as useState24 } from "react";
-import { jsx as jsx77, jsxs as jsxs46 } from "react/jsx-runtime";
+import { forwardRef as forwardRef33, useId as useId6, useState as useState24 } from "react";
+import { jsx as jsx78, jsxs as jsxs47 } from "react/jsx-runtime";
 var MultiSelectInner = ({
   label,
   value = [],
@@ -6130,7 +6210,7 @@ var MultiSelectInner = ({
   placeholder,
   disabled
 }, ref) => {
-  const id = useId5();
+  const id = useId6();
   const [open, setOpen] = useState24(false);
   const hasValue = value.length > 0;
   const showLabel = hasValue || open;
@@ -6147,8 +6227,8 @@ var MultiSelectInner = ({
     return value.some((v) => String(v) === String(optionValue));
   };
   const displayText = value.length > 0 ? `${value.length} selected` : placeholder || "Select options";
-  return /* @__PURE__ */ jsxs46("div", { ref, className: cn("group relative w-[300px]", className), children: [
-    label && showLabel && /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsxs47("div", { ref, className: cn("group relative w-[300px]", className), children: [
+    label && showLabel && /* @__PURE__ */ jsx78(
       "label",
       {
         htmlFor: id,
@@ -6156,7 +6236,7 @@ var MultiSelectInner = ({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxs46(
+    /* @__PURE__ */ jsxs47(
       SelectPrimitive2.Root,
       {
         open,
@@ -6164,11 +6244,11 @@ var MultiSelectInner = ({
         value: "",
         disabled,
         children: [
-          /* @__PURE__ */ jsx77(SelectTrigger, { id, children: /* @__PURE__ */ jsx77("span", { className: "text-sm", children: displayText }) }),
-          /* @__PURE__ */ jsx77(SelectContent, { children: options?.map(({ value: optionValue, label: optionLabel }) => {
+          /* @__PURE__ */ jsx78(SelectTrigger, { id, children: /* @__PURE__ */ jsx78("span", { className: "text-sm", children: displayText }) }),
+          /* @__PURE__ */ jsx78(SelectContent, { children: options?.map(({ value: optionValue, label: optionLabel }) => {
             const stringValue = String(optionValue);
             const selected = isSelected(optionValue);
-            return /* @__PURE__ */ jsxs46(
+            return /* @__PURE__ */ jsxs47(
               "div",
               {
                 role: "option",
@@ -6183,8 +6263,8 @@ var MultiSelectInner = ({
                   selected && "bg-[#f9fafb]"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx77("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: selected && /* @__PURE__ */ jsx77(CheckIcon2, { size: 16, strokeWidth: 2 }) }),
-                  /* @__PURE__ */ jsx77("span", { children: optionLabel })
+                  /* @__PURE__ */ jsx78("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: selected && /* @__PURE__ */ jsx78(CheckIcon2, { size: 16, strokeWidth: 2 }) }),
+                  /* @__PURE__ */ jsx78("span", { children: optionLabel })
                 ]
               },
               stringValue
@@ -6195,12 +6275,12 @@ var MultiSelectInner = ({
     )
   ] });
 };
-var MultiSelect = forwardRef32(MultiSelectInner);
+var MultiSelect = forwardRef33(MultiSelectInner);
 
 // src/select/InfinitySelect.tsx
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { useCallback as useCallback19, useEffect as useEffect24, useId as useId6, useRef as useRef17, useState as useState25 } from "react";
-import { jsx as jsx78, jsxs as jsxs47 } from "react/jsx-runtime";
+import { useCallback as useCallback19, useEffect as useEffect24, useId as useId7, useRef as useRef17, useState as useState25 } from "react";
+import { jsx as jsx79, jsxs as jsxs48 } from "react/jsx-runtime";
 function InfinitySelect({
   label,
   className,
@@ -6214,7 +6294,7 @@ function InfinitySelect({
   itemHeight = 35,
   maxHeight = 300
 }) {
-  const id = useId6();
+  const id = useId7();
   const parentRef = useRef17(null);
   const [isOpen, setIsOpen] = useState25(false);
   const virtualizer = useVirtualizer({
@@ -6240,8 +6320,8 @@ function InfinitySelect({
     onValueChange?.(selectedValue);
     setIsOpen(false);
   };
-  return /* @__PURE__ */ jsxs47("div", { className: cn("group relative min-w-[300px]", className), children: [
-    /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsxs48("div", { className: cn("group relative min-w-[300px]", className), children: [
+    /* @__PURE__ */ jsx79(
       "label",
       {
         htmlFor: id,
@@ -6249,7 +6329,7 @@ function InfinitySelect({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxs47(
+    /* @__PURE__ */ jsxs48(
       SelectRoot,
       {
         value,
@@ -6257,8 +6337,8 @@ function InfinitySelect({
         open: isOpen,
         onOpenChange: setIsOpen,
         children: [
-          /* @__PURE__ */ jsx78(SelectTrigger, { id, children: /* @__PURE__ */ jsx78(SelectValue, { placeholder }) }),
-          /* @__PURE__ */ jsx78(SelectContent, { children: /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(SelectTrigger, { id, children: /* @__PURE__ */ jsx79(SelectValue, { placeholder }) }),
+          /* @__PURE__ */ jsx79(SelectContent, { children: /* @__PURE__ */ jsx79(
             "div",
             {
               ref: parentRef,
@@ -6266,7 +6346,7 @@ function InfinitySelect({
                 height: `${Math.min(maxHeight, virtualizer.getTotalSize())}px`,
                 overflow: "auto"
               },
-              children: /* @__PURE__ */ jsx78(
+              children: /* @__PURE__ */ jsx79(
                 "div",
                 {
                   style: {
@@ -6277,7 +6357,7 @@ function InfinitySelect({
                   children: virtualizer.getVirtualItems().map((virtualItem) => {
                     const isLoading = virtualItem.index >= options.length;
                     const option = options[virtualItem.index];
-                    return /* @__PURE__ */ jsx78(
+                    return /* @__PURE__ */ jsx79(
                       "div",
                       {
                         style: {
@@ -6288,10 +6368,10 @@ function InfinitySelect({
                           height: `${virtualItem.size}px`,
                           transform: `translateY(${virtualItem.start}px)`
                         },
-                        children: isLoading || !option ? /* @__PURE__ */ jsx78("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2 text-sm text-[var(--chekin-color-gray-1)]", children: [
-                          /* @__PURE__ */ jsx78("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+                        children: isLoading || !option ? /* @__PURE__ */ jsx79("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-2 text-sm text-[var(--chekin-color-gray-1)]", children: [
+                          /* @__PURE__ */ jsx79("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
                           "Loading more..."
-                        ] }) }) : /* @__PURE__ */ jsx78(
+                        ] }) }) : /* @__PURE__ */ jsx79(
                           SelectItem,
                           {
                             value: String(option.value),
@@ -6314,7 +6394,7 @@ function InfinitySelect({
 }
 
 // src/pagination/Pagination.tsx
-import { jsx as jsx79, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs49 } from "react/jsx-runtime";
 var pageSizeOptions = [10, 20, 25, 30, 40, 50];
 function Pagination({
   page,
@@ -6353,7 +6433,7 @@ function Pagination({
   if (totalItems === 0 || !shouldShowPagination) {
     return null;
   }
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs49(
     "div",
     {
       className: cn(
@@ -6361,24 +6441,24 @@ function Pagination({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx79("div", { className: "mr-auto flex-1 self-start font-medium text-[var(--chekin-color-gray-1)] sm:self-center", children: getInfoText() }),
-        /* @__PURE__ */ jsxs48("div", { className: "ml-auto flex w-full items-center gap-8 sm:w-fit", children: [
-          !isSimpleVariant && showPageSizeSelector && /* @__PURE__ */ jsxs48("div", { className: "hidden items-center gap-2 sm:flex", children: [
-            /* @__PURE__ */ jsx79("p", { className: "font-medium text-[var(--chekin-color-gray-1)]", children: t("rows_per_page") }),
-            /* @__PURE__ */ jsx79(
+        /* @__PURE__ */ jsx80("div", { className: "mr-auto flex-1 self-start font-medium text-[var(--chekin-color-gray-1)] sm:self-center", children: getInfoText() }),
+        /* @__PURE__ */ jsxs49("div", { className: "ml-auto flex w-full items-center gap-8 sm:w-fit", children: [
+          !isSimpleVariant && showPageSizeSelector && /* @__PURE__ */ jsxs49("div", { className: "hidden items-center gap-2 sm:flex", children: [
+            /* @__PURE__ */ jsx80("p", { className: "font-medium text-[var(--chekin-color-gray-1)]", children: t("rows_per_page") }),
+            /* @__PURE__ */ jsx80(
               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__ */ jsx79(SelectItem, { value: size.toString(), children: size }, size))
+                children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx80(SelectItem, { value: size.toString(), children: size }, size))
               }
             )
           ] }),
-          !isSimpleVariant && /* @__PURE__ */ jsx79("div", { className: "flex w-fit items-center justify-center font-medium", children: t("page_of_pages", { page, pages }) }),
-          /* @__PURE__ */ jsxs48("div", { className: "ml-auto flex items-center gap-2 sm:ml-0", children: [
-            !isSimpleVariant && /* @__PURE__ */ jsxs48(
+          !isSimpleVariant && /* @__PURE__ */ jsx80("div", { className: "flex w-fit items-center justify-center font-medium", children: t("page_of_pages", { page, pages }) }),
+          /* @__PURE__ */ jsxs49("div", { className: "ml-auto flex items-center gap-2 sm:ml-0", children: [
+            !isSimpleVariant && /* @__PURE__ */ jsxs49(
               Button,
               {
                 variant: "outline",
@@ -6387,12 +6467,12 @@ function Pagination({
                 onClick: goToFirstPage,
                 disabled: !canGoPrevious,
                 children: [
-                  /* @__PURE__ */ jsx79("span", { className: "sr-only hidden", children: t("go_to_first_page") }),
-                  /* @__PURE__ */ jsx79(ChevronsLeft, {})
+                  /* @__PURE__ */ jsx80("span", { className: "sr-only hidden", children: t("go_to_first_page") }),
+                  /* @__PURE__ */ jsx80(ChevronsLeft, {})
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs48(
+            /* @__PURE__ */ jsxs49(
               Button,
               {
                 variant: isSimpleVariant ? "link" : "outline",
@@ -6403,12 +6483,12 @@ function Pagination({
                 onClick: goToPreviousPage,
                 disabled: !canGoPrevious,
                 children: [
-                  /* @__PURE__ */ jsx79("span", { className: "sr-only hidden", children: t("go_to_previous_page") }),
-                  /* @__PURE__ */ jsx79(ChevronLeft2, {})
+                  /* @__PURE__ */ jsx80("span", { className: "sr-only hidden", children: t("go_to_previous_page") }),
+                  /* @__PURE__ */ jsx80(ChevronLeft2, {})
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs48(
+            /* @__PURE__ */ jsxs49(
               Button,
               {
                 variant: isSimpleVariant ? "link" : "outline",
@@ -6419,12 +6499,12 @@ function Pagination({
                 onClick: goToNextPage,
                 disabled: !canGoNext,
                 children: [
-                  /* @__PURE__ */ jsx79("span", { className: "sr-only hidden", children: t("go_to_next_page") }),
-                  /* @__PURE__ */ jsx79(ChevronRight4, {})
+                  /* @__PURE__ */ jsx80("span", { className: "sr-only hidden", children: t("go_to_next_page") }),
+                  /* @__PURE__ */ jsx80(ChevronRight4, {})
                 ]
               }
             ),
-            !isSimpleVariant && /* @__PURE__ */ jsxs48(
+            !isSimpleVariant && /* @__PURE__ */ jsxs49(
               Button,
               {
                 variant: "outline",
@@ -6433,8 +6513,8 @@ function Pagination({
                 onClick: goToLastPage,
                 disabled: !canGoNext,
                 children: [
-                  /* @__PURE__ */ jsx79("span", { className: "sr-only hidden", children: t("go_to_last_page") }),
-                  /* @__PURE__ */ jsx79(ChevronsRight, {})
+                  /* @__PURE__ */ jsx80("span", { className: "sr-only hidden", children: t("go_to_last_page") }),
+                  /* @__PURE__ */ jsx80(ChevronsRight, {})
                 ]
               }
             )
@@ -6446,15 +6526,15 @@ function Pagination({
 }
 
 // src/popover/Popover.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import * as RadixPopover from "@radix-ui/react-popover";
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var Popover = RadixPopover.Root;
 var PopoverTrigger = RadixPopover.Trigger;
 var PopoverAnchor = RadixPopover.Anchor;
 var PopoverPortal = RadixPopover.Portal;
 var PopoverClose = RadixPopover.Close;
-var PopoverContent = React23.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ jsx80(RadixPopover.Portal, { children: /* @__PURE__ */ jsx80(
+var PopoverContent = React24.forwardRef(({ className, sideOffset = 4, align = "center", ...props }, ref) => /* @__PURE__ */ jsx81(RadixPopover.Portal, { children: /* @__PURE__ */ jsx81(
   RadixPopover.Content,
   {
     ref,
@@ -6474,7 +6554,7 @@ PopoverContent.displayName = "PopoverContent";
 // src/popover/PopoverWithTooltip.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as TooltipPrimitive2 from "@radix-ui/react-tooltip";
-import { jsx as jsx81, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs50 } from "react/jsx-runtime";
 function PopoverWithTooltip({
   children,
   popoverContent,
@@ -6484,10 +6564,10 @@ function PopoverWithTooltip({
   popoverContentClassName,
   tooltipVariant = "light"
 }) {
-  return /* @__PURE__ */ jsx81(TooltipPrimitive2.Provider, { delayDuration: 0, children: /* @__PURE__ */ jsxs49(TooltipPrimitive2.Root, { open: open ? false : void 0, children: [
-    /* @__PURE__ */ jsxs49(PopoverPrimitive.Root, { open, onOpenChange, children: [
-      /* @__PURE__ */ jsx81(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx81(PopoverPrimitive.Trigger, { asChild: true, children }) }),
-      /* @__PURE__ */ jsx81(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(TooltipPrimitive2.Provider, { delayDuration: 0, children: /* @__PURE__ */ jsxs50(TooltipPrimitive2.Root, { open: open ? false : void 0, children: [
+    /* @__PURE__ */ jsxs50(PopoverPrimitive.Root, { open, onOpenChange, children: [
+      /* @__PURE__ */ jsx82(TooltipPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx82(PopoverPrimitive.Trigger, { asChild: true, children }) }),
+      /* @__PURE__ */ jsx82(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx82(
         PopoverPrimitive.Content,
         {
           align: "center",
@@ -6505,7 +6585,7 @@ function PopoverWithTooltip({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx81(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ jsxs49(
+    /* @__PURE__ */ jsx82(TooltipPrimitive2.Portal, { children: /* @__PURE__ */ jsxs50(
       TooltipPrimitive2.Content,
       {
         sideOffset: 5,
@@ -6522,7 +6602,7 @@ function PopoverWithTooltip({
         ),
         children: [
           tooltipContent,
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx82(
             TooltipPrimitive2.Arrow,
             {
               className: cn(
@@ -6541,14 +6621,14 @@ function PopoverWithTooltip({
 }
 
 // src/radio/Radio.tsx
-import { forwardRef as forwardRef35 } from "react";
+import { forwardRef as forwardRef36 } from "react";
 
 // src/radio-group/RadioGroup.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle as Circle2 } from "lucide-react";
-import { jsx as jsx82 } from "react/jsx-runtime";
-var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx82(
+import { jsx as jsx83 } from "react/jsx-runtime";
+var RadioGroup2 = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -6557,7 +6637,7 @@ var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx82(
+var RadioGroupItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -6568,7 +6648,7 @@ var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => /* @__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx82(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx82(Circle2, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    children: /* @__PURE__ */ jsx83(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx83(Circle2, { className: "h-2.5 w-2.5 fill-current text-current" }) })
   }
 ));
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
@@ -6595,8 +6675,8 @@ function useRadioOptions({ options, defaultValue, onChange }) {
 }
 
 // src/radio/Radio.tsx
-import { Fragment as Fragment7, jsx as jsx83, jsxs as jsxs50 } from "react/jsx-runtime";
-var Radio = forwardRef35(
+import { Fragment as Fragment7, jsx as jsx84, jsxs as jsxs51 } from "react/jsx-runtime";
+var Radio = forwardRef36(
   ({ options, value, onChange, error, className = "", disabled = false, renderOption }, ref) => {
     const { selectedValue, handleValueChange } = useRadioOptions({
       options,
@@ -6609,8 +6689,8 @@ var Radio = forwardRef35(
       }
       return option.value === selectedValue;
     };
-    return /* @__PURE__ */ jsxs50(Fragment7, { children: [
-      /* @__PURE__ */ jsx83(
+    return /* @__PURE__ */ jsxs51(Fragment7, { children: [
+      /* @__PURE__ */ jsx84(
         RadioGroup2,
         {
           ref,
@@ -6618,7 +6698,7 @@ var Radio = forwardRef35(
           onValueChange: handleValueChange,
           className: cn(className, "radio"),
           disabled,
-          children: options.map((option) => /* @__PURE__ */ jsx83(
+          children: options.map((option) => /* @__PURE__ */ jsx84(
             "label",
             {
               className: cn(
@@ -6626,8 +6706,8 @@ var Radio = forwardRef35(
                 "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__ */ jsxs50(Fragment7, { children: [
-                /* @__PURE__ */ jsx83(
+              children: renderOption ? renderOption({ option, isSelected: getIsSelected(option) }) : /* @__PURE__ */ jsxs51(Fragment7, { children: [
+                /* @__PURE__ */ jsx84(
                   RadioGroupItem,
                   {
                     value: option.value,
@@ -6636,29 +6716,29 @@ var Radio = forwardRef35(
                     className: "radio__indicator"
                   }
                 ),
-                /* @__PURE__ */ jsx83("p", { className: "radio_label", children: option.label })
+                /* @__PURE__ */ jsx84("p", { className: "radio_label", children: option.label })
               ] })
             },
             option.value
           ))
         }
       ),
-      error && /* @__PURE__ */ jsx83(ErrorMessage, { children: error })
+      error && /* @__PURE__ */ jsx84(ErrorMessage, { children: error })
     ] });
   }
 );
 Radio.displayName = "Radio";
 
 // src/radio/RadioWithBorder.tsx
-import { jsx as jsx84, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs52 } from "react/jsx-runtime";
 function RadioWithBorder({ ...props }) {
-  return /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx85(
     Radio,
     {
       ...props,
       renderOption: ({ option, isSelected }) => {
         const data = option.data;
-        return /* @__PURE__ */ jsxs51(
+        return /* @__PURE__ */ jsxs52(
           "div",
           {
             className: cn(
@@ -6666,7 +6746,7 @@ function RadioWithBorder({ ...props }) {
               isSelected && "border-[var(--chekin-color-brand-blue)] bg-[var(--chekin-color-surface-autocomplete)]"
             ),
             children: [
-              /* @__PURE__ */ jsx84(
+              /* @__PURE__ */ jsx85(
                 RadioGroupItem,
                 {
                   className: "mt-1",
@@ -6675,12 +6755,12 @@ function RadioWithBorder({ ...props }) {
                   disabled: option.disabled
                 }
               ),
-              /* @__PURE__ */ jsxs51("div", { className: "space-y-1 leading-6", children: [
-                /* @__PURE__ */ jsxs51("p", { className: "flex items-center gap-3 font-semibold", children: [
+              /* @__PURE__ */ jsxs52("div", { className: "space-y-1 leading-6", children: [
+                /* @__PURE__ */ jsxs52("p", { className: "flex items-center gap-3 font-semibold", children: [
                   option.label,
-                  data?.subLabel && /* @__PURE__ */ jsx84("span", { className: "rounded bg-[color-mix(in_srgb,var(--chekin-color-brand-blue)_10%,transparent)] px-2 py-1 text-sm font-semibold leading-4 text-[var(--chekin-color-brand-blue)]", children: data.subLabel })
+                  data?.subLabel && /* @__PURE__ */ jsx85("span", { className: "rounded bg-[color-mix(in_srgb,var(--chekin-color-brand-blue)_10%,transparent)] px-2 py-1 text-sm font-semibold leading-4 text-[var(--chekin-color-brand-blue)]", children: data.subLabel })
                 ] }),
-                data?.description && /* @__PURE__ */ jsx84("p", { className: "text-sm font-medium text-[var(--chekin-color-gray-1)]", children: data.description })
+                data?.description && /* @__PURE__ */ jsx85("p", { className: "text-sm font-medium text-[var(--chekin-color-gray-1)]", children: data.description })
               ] })
             ]
           }
@@ -6691,12 +6771,12 @@ function RadioWithBorder({ ...props }) {
 }
 
 // src/radio-cards-group/RadioCardsGroup.tsx
-import { forwardRef as forwardRef36, memo as memo4, useEffect as useEffect25 } from "react";
-import { Fragment as Fragment8, jsx as jsx85, jsxs as jsxs52 } from "react/jsx-runtime";
+import { forwardRef as forwardRef37, memo as memo4, useEffect as useEffect25 } from "react";
+import { Fragment as Fragment8, jsx as jsx86, jsxs as jsxs53 } from "react/jsx-runtime";
 var isValueSelectOption = (value) => {
   return value?.value !== void 0;
 };
-var RadioCardsGroup = forwardRef36(
+var RadioCardsGroup = forwardRef37(
   ({
     options,
     onChange,
@@ -6724,8 +6804,8 @@ var RadioCardsGroup = forwardRef36(
       [defaultValue, onChange, options, value]
     );
     const currentValue = isValueSelectOption(value) ? value.value : value;
-    return /* @__PURE__ */ jsxs52(Fragment8, { children: [
-      /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsxs53(Fragment8, { children: [
+      /* @__PURE__ */ jsx86(
         Radio,
         {
           ref,
@@ -6735,7 +6815,7 @@ var RadioCardsGroup = forwardRef36(
           disabled,
           className: cn("flex flex-wrap gap-4", className),
           renderOption: ({ option, isSelected }) => {
-            return /* @__PURE__ */ jsxs52(
+            return /* @__PURE__ */ jsxs53(
               "div",
               {
                 className: cn(
@@ -6750,7 +6830,7 @@ var RadioCardsGroup = forwardRef36(
                   cardClassName
                 ),
                 children: [
-                  /* @__PURE__ */ jsx85("div", { children: /* @__PURE__ */ jsx85(
+                  /* @__PURE__ */ jsx86("div", { children: /* @__PURE__ */ jsx86(
                     RadioGroupItem,
                     {
                       value: option.value,
@@ -6758,8 +6838,8 @@ var RadioCardsGroup = forwardRef36(
                       disabled: disabled || option.disabled
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs52("div", { className: "w-full cursor-pointer", children: [
-                    /* @__PURE__ */ jsx85(
+                  /* @__PURE__ */ jsxs53("div", { className: "w-full cursor-pointer", children: [
+                    /* @__PURE__ */ jsx86(
                       "label",
                       {
                         htmlFor: `radio-${option.value}`,
@@ -6770,7 +6850,7 @@ var RadioCardsGroup = forwardRef36(
                         children: option.label
                       }
                     ),
-                    option.description && /* @__PURE__ */ jsx85("div", { className: "radioCardDescription mt-2", children: option.description })
+                    option.description && /* @__PURE__ */ jsx86("div", { className: "radioCardDescription mt-2", children: option.description })
                   ] })
                 ]
               }
@@ -6778,14 +6858,14 @@ var RadioCardsGroup = forwardRef36(
           }
         }
       ),
-      error && /* @__PURE__ */ jsx85("div", { className: "mt-2 text-left text-sm text-[#ff2467]", children: error })
+      error && /* @__PURE__ */ jsx86("div", { className: "mt-2 text-left text-sm text-[#ff2467]", children: error })
     ] });
   }
 );
 var MemoizedRadioCardsGroup = memo4(RadioCardsGroup);
 
 // src/rating-progress/RatingProgress.tsx
-import { jsx as jsx86, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs54 } from "react/jsx-runtime";
 var getRatingColor = (score, maxScore) => {
   const percentage = score / maxScore * 100;
   if (percentage === 0) return "#ff2765";
@@ -6804,7 +6884,7 @@ function RatingProgress({
 }) {
   const percentage = Math.max(0, Math.min(100, score / maxScore * 100));
   const color = getRatingColor(score, maxScore);
-  return /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs54(
     "div",
     {
       className: cn(
@@ -6812,13 +6892,13 @@ function RatingProgress({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs53("div", { className: "flex w-full items-start justify-between text-sm font-medium leading-6", children: [
-          /* @__PURE__ */ jsx86("p", { className: "min-w-0 flex-1", children: label }),
-          /* @__PURE__ */ jsx86("p", { className: "shrink-0 whitespace-pre", children: score.toFixed(1) })
+        /* @__PURE__ */ jsxs54("div", { className: "flex w-full items-start justify-between text-sm font-medium leading-6", children: [
+          /* @__PURE__ */ jsx87("p", { className: "min-w-0 flex-1", children: label }),
+          /* @__PURE__ */ jsx87("p", { className: "shrink-0 whitespace-pre", children: score.toFixed(1) })
         ] }),
-        /* @__PURE__ */ jsxs53("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ jsx86("div", { className: "h-1.5 w-full rounded-[24px] bg-[var(--chekin-color-gray-3)]" }),
-          /* @__PURE__ */ jsx86(
+        /* @__PURE__ */ jsxs54("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ jsx87("div", { className: "h-1.5 w-full rounded-[24px] bg-[var(--chekin-color-gray-3)]" }),
+          /* @__PURE__ */ jsx87(
             "div",
             {
               className: "absolute left-0 top-0 h-1.5 rounded-[24px] transition-all duration-300 ease-out",
@@ -6836,7 +6916,7 @@ function RatingProgress({
 
 // src/rating-radio-group/RatingRadioGroup.tsx
 import { Star } from "lucide-react";
-import { jsx as jsx87, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs55 } from "react/jsx-runtime";
 var getStarColor = (optionValue) => (value) => {
   if (value >= optionValue) return "#facc15";
   return "var(--chekin-color-gray-1)";
@@ -6849,10 +6929,10 @@ function RatingRadioGroup({
   className,
   options
 }) {
-  return /* @__PURE__ */ jsxs54("fieldset", { className: cn("relative [all:unset]", className), children: [
-    label && /* @__PURE__ */ jsx87("legend", { className: "mb-2", children: label }),
-    /* @__PURE__ */ jsx87("div", { className: "RatingRadioGroup__list flex gap-2", children: options.map((option) => /* @__PURE__ */ jsxs54("label", { children: [
-      /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsxs55("fieldset", { className: cn("relative [all:unset]", className), children: [
+    label && /* @__PURE__ */ jsx88("legend", { className: "mb-2", children: label }),
+    /* @__PURE__ */ jsx88("div", { className: "RatingRadioGroup__list flex gap-2", children: options.map((option) => /* @__PURE__ */ jsxs55("label", { children: [
+      /* @__PURE__ */ jsx88(
         "input",
         {
           className: "peer absolute h-0 w-0 opacity-0",
@@ -6863,7 +6943,7 @@ function RatingRadioGroup({
           onChange: () => onChange?.(option.value)
         }
       ),
-      /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx88(
         Star,
         {
           className: "cursor-pointer rounded peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-[#385bf8]",
@@ -6878,10 +6958,10 @@ function RatingRadioGroup({
 }
 
 // src/rating-stars/RatingStars.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import { Star as Star2 } from "lucide-react";
 import { useTranslation as useTranslation13 } from "react-i18next";
-import { jsx as jsx88, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs56 } from "react/jsx-runtime";
 function RatingStars({
   rating,
   maxRating = 5,
@@ -6898,7 +6978,7 @@ function RatingStars({
   const { t } = useTranslation13();
   const normalizedRating = Math.max(0, Math.min(maxRating, rating));
   const stars = Array.from({ length: maxRating }, (_, index) => index + 1);
-  const componentId = 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, "")}`;
@@ -6911,18 +6991,18 @@ function RatingStars({
     }
     return emptyColor;
   };
-  return /* @__PURE__ */ jsxs55("div", { className: cn("flex flex-col items-start gap-2", className), children: [
-    showText && /* @__PURE__ */ jsxs55("p", { className: "text-4xl font-medium", children: [
+  return /* @__PURE__ */ jsxs56("div", { className: cn("flex flex-col items-start gap-2", className), children: [
+    showText && /* @__PURE__ */ jsxs56("p", { className: "text-4xl font-medium", children: [
       normalizedRating,
       "/",
       maxRating
     ] }),
-    /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx88("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ jsx88("defs", { children: /* @__PURE__ */ jsxs55("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-        /* @__PURE__ */ jsx88("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
-        /* @__PURE__ */ jsx88("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
+    /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx89("svg", { width: "0", height: "0", style: { position: "absolute" }, children: /* @__PURE__ */ jsx89("defs", { children: /* @__PURE__ */ jsxs56("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
+        /* @__PURE__ */ jsx89("stop", { offset: `${decimal * 100}%`, stopColor: filledColor }),
+        /* @__PURE__ */ jsx89("stop", { offset: `${decimal * 100}%`, stopColor: emptyColor })
       ] }) }) }),
-      stars.map((star) => /* @__PURE__ */ jsx88(
+      stars.map((star) => /* @__PURE__ */ jsx89(
         Star2,
         {
           size,
@@ -6934,22 +7014,22 @@ function RatingStars({
         star
       ))
     ] }),
-    (reviewCount !== void 0 || description) && /* @__PURE__ */ jsxs55("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
-      reviewCount !== void 0 && /* @__PURE__ */ jsxs55("p", { className: "text-xs leading-4", children: [
+    (reviewCount !== void 0 || description) && /* @__PURE__ */ jsxs56("div", { className: "flex flex-col font-medium text-[var(--chekin-color-gray-1)]", children: [
+      reviewCount !== void 0 && /* @__PURE__ */ jsxs56("p", { className: "text-xs leading-4", children: [
         reviewCount,
         " ",
         reviewsLabel || t("reviews")
       ] }),
-      description && /* @__PURE__ */ jsx88("p", { className: "text-sm leading-6", children: description })
+      description && /* @__PURE__ */ jsx89("p", { className: "text-sm leading-6", children: description })
     ] })
   ] });
 }
 
 // src/rotate-arrow/RotateArrow.tsx
 import { ChevronDown } from "lucide-react";
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 function RotateArrow({ shouldRotate, className }) {
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(
     ChevronDown,
     {
       size: 16,
@@ -6965,9 +7045,9 @@ function RotateArrow({ shouldRotate, className }) {
 
 // src/search-button/SearchButton.tsx
 import { Search } from "lucide-react";
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 function SearchButton({ onClick, className, icon, ariaLabel }) {
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     "button",
     {
       onClick,
@@ -6978,7 +7058,7 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
       "data-testid": "search-button",
       "aria-label": ariaLabel,
       type: "button",
-      children: icon || /* @__PURE__ */ jsx90(Search, { size: 14, strokeWidth: 4 })
+      children: icon || /* @__PURE__ */ jsx91(Search, { size: 14, strokeWidth: 4 })
     }
   );
 }
@@ -6986,7 +7066,7 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
 // src/search-input/SearchInput.tsx
 import { Loader2, Search as Search2, X as X5 } from "lucide-react";
 import { useTranslation as useTranslation14 } from "react-i18next";
-import { jsx as jsx91, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs57 } from "react/jsx-runtime";
 function SearchInput({
   disabled,
   invalid,
@@ -7005,15 +7085,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__ */ jsxs56("div", { className: cn("input-wrapper", wrapperClassName), children: [
-    (label || hasLabelMeta) && /* @__PURE__ */ jsxs56("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__ */ jsx91("span", { className: "min-w-0 truncate", children: label }),
-      optionalLabel && /* @__PURE__ */ jsx91("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
-      tooltip && /* @__PURE__ */ jsx91(HelpTooltip, { content: tooltip, side: "top", size: 16 })
+  return /* @__PURE__ */ jsxs57("div", { className: cn("input-wrapper", wrapperClassName), children: [
+    (label || hasLabelMeta) && /* @__PURE__ */ jsxs57("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__ */ jsx92("span", { className: "min-w-0 truncate", children: label }),
+      optionalLabel && /* @__PURE__ */ jsx92("span", { className: "shrink-0 text-xs font-normal text-[var(--chekin-color-gray-2)]", children: optionalLabel }),
+      tooltip && /* @__PURE__ */ jsx92(HelpTooltip, { content: tooltip, side: "top", size: 16 })
     ] }),
-    /* @__PURE__ */ jsxs56("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx91(Search2, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-color-gray-2)]" }),
-      /* @__PURE__ */ jsx91(
+    /* @__PURE__ */ jsxs57("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx92(Search2, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--chekin-color-gray-2)]" }),
+      /* @__PURE__ */ jsx92(
         Input,
         {
           ...props,
@@ -7031,15 +7111,15 @@ function SearchInput({
           )
         }
       ),
-      (loading || onReset) && /* @__PURE__ */ jsxs56("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
-        loading && /* @__PURE__ */ jsx91(
+      (loading || onReset) && /* @__PURE__ */ jsxs57("div", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
+        loading && /* @__PURE__ */ jsx92(
           Loader2,
           {
             "aria-hidden": "true",
             className: "h-5 w-5 animate-spin text-[var(--chekin-color-gray-2)]"
           }
         ),
-        onReset && /* @__PURE__ */ jsx91(
+        onReset && /* @__PURE__ */ jsx92(
           Button,
           {
             variant: "ghost",
@@ -7047,7 +7127,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__ */ jsx91(X5, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx92(X5, { className: "h-5 w-5" })
           }
         )
       ] })
@@ -7057,7 +7137,7 @@ function SearchInput({
 
 // src/search-input/DebouncedSearchInput.tsx
 import { useState as useState27 } from "react";
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 function DebouncedSearchInput({
   onChange,
   placeholder,
@@ -7073,7 +7153,7 @@ function DebouncedSearchInput({
       onChange(value);
     }
   });
-  return /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx93(
     SearchInput,
     {
       onChange: handleInputChange,
@@ -7085,8 +7165,8 @@ function DebouncedSearchInput({
 }
 
 // src/section-tag/sectionTagVariants.ts
-import { cva as cva10 } from "class-variance-authority";
-var sectionTagVariants = cva10(
+import { cva as cva11 } from "class-variance-authority";
+var sectionTagVariants = cva11(
   "relative -mt-1 ml-5 inline-flex items-center justify-center px-4 py-1 text-sm font-semibold text-white",
   {
     variants: {
@@ -7102,9 +7182,9 @@ var sectionTagVariants = cva10(
 );
 
 // src/section-tag/SectionTag.tsx
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 function SectionTag({ children, color = "green", className }) {
-  return /* @__PURE__ */ jsx93("div", { className: cn(sectionTagVariants({ color }), className), children });
+  return /* @__PURE__ */ jsx94("div", { className: cn(sectionTagVariants({ color }), className), children });
 }
 
 // src/section-tag/constants.ts
@@ -7115,7 +7195,7 @@ var SectionTagColors = /* @__PURE__ */ ((SectionTagColors2) => {
 })(SectionTagColors || {});
 
 // src/section/Section.tsx
-import { forwardRef as forwardRef37 } from "react";
+import { forwardRef as forwardRef38 } from "react";
 import { CircleHelp } from "lucide-react";
 import { useTranslation as useTranslation15 } from "react-i18next";
 
@@ -7127,20 +7207,20 @@ var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
 })(SubSectionSize || {});
 
 // src/section/Section.tsx
-import { jsx as jsx94, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs58 } from "react/jsx-runtime";
 function TooltipInfo({ content, className }) {
-  return /* @__PURE__ */ jsx94(Tooltip, { side: "right", content, contentClassName: "max-w-64", children: /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx95(Tooltip, { side: "right", content, contentClassName: "max-w-64", children: /* @__PURE__ */ jsx95(
     "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__ */ jsx94(CircleHelp, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ jsx95(CircleHelp, { className: "h-4 w-4" })
     }
   ) });
 }
-var Section = forwardRef37(
+var Section = forwardRef38(
   ({
     children,
     title,
@@ -7157,7 +7237,7 @@ var Section = forwardRef37(
     size
   }, ref) => {
     const { t } = useTranslation15();
-    return /* @__PURE__ */ jsxs57(
+    return /* @__PURE__ */ jsxs58(
       "div",
       {
         ref,
@@ -7169,8 +7249,8 @@ var Section = forwardRef37(
           className
         ),
         children: [
-          (title || subtitle) && /* @__PURE__ */ jsxs57("div", { className: "flex flex-col gap-2", children: [
-            title && /* @__PURE__ */ jsxs57(
+          (title || subtitle) && /* @__PURE__ */ jsxs58("div", { className: "flex flex-col gap-2", children: [
+            title && /* @__PURE__ */ jsxs58(
               "div",
               {
                 className: cn(
@@ -7180,17 +7260,17 @@ var Section = forwardRef37(
                 ),
                 children: [
                   title,
-                  titleTooltip && /* @__PURE__ */ jsx94("div", { className: "ml-2.5", children: /* @__PURE__ */ jsx94(TooltipInfo, { content: titleTooltip }) }),
-                  linkContent && /* @__PURE__ */ jsx94("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__ */ jsx95("div", { className: "ml-2.5", children: /* @__PURE__ */ jsx95(TooltipInfo, { content: titleTooltip }) }),
+                  linkContent && /* @__PURE__ */ jsx95("div", { className: "ml-6 text-sm font-semibold text-[var(--chekin-color-brand-blue)] no-underline hover:opacity-70 active:opacity-100", children: linkContent })
                 ]
               }
             ),
-            subtitle && /* @__PURE__ */ jsxs57("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
-              /* @__PURE__ */ jsx94("div", { className: "inline text-base font-normal text-[var(--chekin-color-gray-1)]", children: subtitle }),
-              subtitleTooltip && /* @__PURE__ */ jsx94("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ jsx94(TooltipInfo, { content: subtitleTooltip }) })
+            subtitle && /* @__PURE__ */ jsxs58("div", { className: "w-full max-w-[720px] md:max-w-full", children: [
+              /* @__PURE__ */ jsx95("div", { className: "inline text-base font-normal text-[var(--chekin-color-gray-1)]", children: subtitle }),
+              subtitleTooltip && /* @__PURE__ */ jsx95("div", { className: "ml-1.5 inline-block align-text-top", children: /* @__PURE__ */ jsx95(TooltipInfo, { content: subtitleTooltip }) })
             ] })
           ] }),
-          loading && showLoader ? /* @__PURE__ */ jsx94(
+          loading && showLoader ? /* @__PURE__ */ jsx95(
             CircularLoader,
             {
               size: "md",
@@ -7204,8 +7284,8 @@ var Section = forwardRef37(
   }
 );
 Section.displayName = "Section";
-var SubSection = forwardRef37(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
+var SubSection = forwardRef38(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx95(
     Section,
     {
       ref,
@@ -7218,8 +7298,8 @@ var SubSection = forwardRef37(
   )
 );
 SubSection.displayName = "SubSection";
-var DividingSubsection = forwardRef37(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
+var DividingSubsection = forwardRef38(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx95(
     SubSection,
     {
       ref,
@@ -7232,14 +7312,14 @@ DividingSubsection.displayName = "DividingSubsection";
 
 // src/separator/Separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 function Separator3({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx96(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -7255,7 +7335,7 @@ function Separator3({
 }
 
 // src/section-group/SectionGroup.tsx
-import { jsx as jsx96, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs59 } from "react/jsx-runtime";
 var SectionGroupItem = ({
   className,
   contentClassName,
@@ -7264,17 +7344,17 @@ var SectionGroupItem = ({
   children,
   divider = true
 }) => {
-  return /* @__PURE__ */ jsxs58("section", { className: cn("flex flex-col gap-5", className), children: [
-    divider && /* @__PURE__ */ jsx96("div", { className: cn("h-px w-full bg-[var(--section-group-divider-bg)]") }),
-    (title || subtitle) && /* @__PURE__ */ jsxs58("div", { className: "flex flex-col gap-1 px-8", children: [
-      title && /* @__PURE__ */ jsx96("h3", { className: "text-sm font-semibold leading-6 text-[var(--section-group-muted-text)]", children: title }),
-      subtitle && /* @__PURE__ */ jsx96("p", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: subtitle })
+  return /* @__PURE__ */ jsxs59("section", { className: cn("flex flex-col gap-5", className), children: [
+    divider && /* @__PURE__ */ jsx97("div", { className: cn("h-px w-full bg-[var(--section-group-divider-bg)]") }),
+    (title || subtitle) && /* @__PURE__ */ jsxs59("div", { className: "flex flex-col gap-1 px-8", children: [
+      title && /* @__PURE__ */ jsx97("h3", { className: "text-sm font-semibold leading-6 text-[var(--section-group-muted-text)]", children: title }),
+      subtitle && /* @__PURE__ */ jsx97("p", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx96("div", { className: cn("flex flex-col gap-4 px-8", contentClassName), children })
+    /* @__PURE__ */ jsx97("div", { className: cn("flex flex-col gap-4 px-8", contentClassName), children })
   ] });
 };
 var SectionGroupRoot = ({ className, title, actions, children }) => {
-  return /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs59(
     "div",
     {
       className: cn(
@@ -7283,18 +7363,18 @@ var SectionGroupRoot = ({ className, title, actions, children }) => {
         className
       ),
       children: [
-        (title || actions) && /* @__PURE__ */ jsxs58("div", { className: "flex items-center gap-6 px-8", children: [
-          title && /* @__PURE__ */ jsx96("h2", { className: "flex-1 text-lg font-bold leading-6 text-[var(--section-group-title-color)] opacity-90", children: title }),
-          actions && /* @__PURE__ */ jsx96("div", { className: "flex items-center gap-2", children: actions })
+        (title || actions) && /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-6 px-8", children: [
+          title && /* @__PURE__ */ jsx97("h2", { className: "flex-1 text-lg font-bold leading-6 text-[var(--section-group-title-color)] opacity-90", children: title }),
+          actions && /* @__PURE__ */ jsx97("div", { className: "flex items-center gap-2", children: actions })
         ] }),
         children
       ]
     }
   );
 };
-var SectionGroupLabel = ({ id, title, description }) => /* @__PURE__ */ jsxs58("div", { id, children: [
-  /* @__PURE__ */ jsx96("div", { className: "font-semibold leading-6", children: title }),
-  description && /* @__PURE__ */ jsx96("div", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: description })
+var SectionGroupLabel = ({ id, title, description }) => /* @__PURE__ */ jsxs59("div", { id, children: [
+  /* @__PURE__ */ jsx97("div", { className: "font-semibold leading-6", children: title }),
+  description && /* @__PURE__ */ jsx97("div", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: description })
 ] });
 var SectionGroup = Object.assign(SectionGroupRoot, {
   Item: SectionGroupItem,
@@ -7304,24 +7384,24 @@ var SectionGroup = Object.assign(SectionGroupRoot, {
 // src/sheet/Sheet.tsx
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx97, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs60 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx97(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx98(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx97(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx98(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({ ...props }) {
-  return /* @__PURE__ */ jsx97(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx98(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsx97(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx98(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx98(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -7339,9 +7419,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs59(SheetPortal, { children: [
-    /* @__PURE__ */ jsx97(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs60(SheetPortal, { children: [
+    /* @__PURE__ */ jsx98(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs60(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -7356,9 +7436,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs59(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__ */ jsx97(XIcon2, { className: "size-4" }),
-            /* @__PURE__ */ jsx97("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsxs60(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__ */ jsx98(XIcon2, { className: "size-4" }),
+            /* @__PURE__ */ jsx98("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -7366,7 +7446,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx98(
     "div",
     {
       "data-slot": "sheet-header",
@@ -7376,7 +7456,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx98(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -7389,7 +7469,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx98(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -7402,7 +7482,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx98(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -7413,15 +7493,15 @@ function SheetDescription({
 }
 
 // src/sidebar/Sidebar.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { cva as cva11 } from "class-variance-authority";
+import { cva as cva12 } from "class-variance-authority";
 import { ArrowLeftFromLineIcon, ArrowRightFromLineIcon } from "lucide-react";
 
 // src/skeleton/Skeleton.tsx
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { jsx as jsx99 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx99(
     "div",
     {
       "data-slot": "skeleton",
@@ -7451,7 +7531,7 @@ function useSidebarMenuButton() {
 }
 
 // src/sidebar/SidebarIcon.tsx
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var SidebarIcon = ({
   children,
   isActive: isActiveProp,
@@ -7468,7 +7548,7 @@ var SidebarIcon = ({
     }
     return highlighted ? "bg-[var(--chekin-color-surface-pressed)]" : "bg-[var(--chekin-color-surface-input-empty)]";
   })();
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx100(
     "div",
     {
       className: cn(
@@ -7501,12 +7581,12 @@ function useSidebarSafe() {
 }
 
 // src/sidebar/Sidebar.tsx
-import { jsx as jsx100, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs61 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME_DEFAULT = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarProvider = React26.forwardRef(
+var SidebarProvider = React27.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -7518,10 +7598,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) {
@@ -7533,10 +7613,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();
@@ -7547,7 +7627,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,
@@ -7559,7 +7639,7 @@ var SidebarProvider = React26.forwardRef(
       }),
       [state, open, setOpen, isMobile2, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ jsx100(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx100(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx100(
+    return /* @__PURE__ */ jsx101(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx101(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx101(
       "div",
       {
         style,
@@ -7575,7 +7655,7 @@ var SidebarProvider = React26.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React26.forwardRef(
+var Sidebar = React27.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -7586,7 +7666,7 @@ var Sidebar = React26.forwardRef(
   }, ref) => {
     const { isMobile: isMobile2, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ jsx100(
+      return /* @__PURE__ */ jsx101(
         "div",
         {
           className: cn(
@@ -7600,7 +7680,7 @@ var Sidebar = React26.forwardRef(
       );
     }
     if (isMobile2) {
-      return /* @__PURE__ */ jsx100(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs60(
+      return /* @__PURE__ */ jsx101(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs61(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -7612,16 +7692,16 @@ var Sidebar = React26.forwardRef(
           style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
           side,
           children: [
-            /* @__PURE__ */ jsxs60(SheetHeader, { className: "sr-only", children: [
-              /* @__PURE__ */ jsx100(SheetTitle, { children: "Sidebar" }),
-              /* @__PURE__ */ jsx100(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsxs61(SheetHeader, { className: "sr-only", children: [
+              /* @__PURE__ */ jsx101(SheetTitle, { children: "Sidebar" }),
+              /* @__PURE__ */ jsx101(SheetDescription, { children: "Displays the mobile sidebar." })
             ] }),
-            /* @__PURE__ */ jsx100("div", { className: "flex h-full w-full flex-col", children })
+            /* @__PURE__ */ jsx101("div", { className: "flex h-full w-full flex-col", children })
           ]
         }
       ) });
     }
-    return /* @__PURE__ */ jsxs60(
+    return /* @__PURE__ */ jsxs61(
       "div",
       {
         ref,
@@ -7632,7 +7712,7 @@ var Sidebar = React26.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ jsx100(
+          /* @__PURE__ */ jsx101(
             "div",
             {
               className: cn(
@@ -7643,7 +7723,7 @@ var Sidebar = React26.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx100(
+          /* @__PURE__ */ jsx101(
             "div",
             {
               className: cn(
@@ -7653,7 +7733,7 @@ var Sidebar = React26.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ jsx100(
+              children: /* @__PURE__ */ jsx101(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -7669,9 +7749,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__ */ jsxs60(
+  return /* @__PURE__ */ jsxs61(
     Button,
     {
       ref,
@@ -7689,17 +7769,17 @@ var SidebarTrigger = React26.forwardRef(({ className, onClick, icon, ...props },
       },
       ...props,
       children: [
-        icon || (isMobile2 ? openMobile : open) ? icon || /* @__PURE__ */ jsx100(ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ jsx100(ArrowRightFromLineIcon, {}),
-        /* @__PURE__ */ jsx100("span", { className: "sr-only", children: "Toggle Sidebar" })
+        icon || (isMobile2 ? openMobile : open) ? icon || /* @__PURE__ */ jsx101(ArrowLeftFromLineIcon, {}) : /* @__PURE__ */ jsx101(ArrowRightFromLineIcon, {}),
+        /* @__PURE__ */ jsx101("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__ */ jsx100(
+    return /* @__PURE__ */ jsx101(
       "button",
       {
         ref,
@@ -7722,8 +7802,8 @@ var SidebarRail = React26.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
+var SidebarInset = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "main",
     {
       ref,
@@ -7737,7 +7817,7 @@ var SidebarInset = React26.forwardRef(
   )
 );
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
+var SidebarInput = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
   Input,
   {
     ref,
@@ -7747,8 +7827,8 @@ var SidebarInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
+var SidebarHeader = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "div",
     {
       ref,
@@ -7759,8 +7839,8 @@ var SidebarHeader = React26.forwardRef(
   )
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
+var SidebarFooter = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "div",
     {
       ref,
@@ -7771,7 +7851,7 @@ var SidebarFooter = React26.forwardRef(
   )
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
+var SidebarSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
   Separator3,
   {
     ref,
@@ -7781,8 +7861,8 @@ var SidebarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
+var SidebarContent = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "div",
     {
       ref,
@@ -7796,8 +7876,8 @@ var SidebarContent = React26.forwardRef(
   )
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
+var SidebarGroup = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "div",
     {
       ref,
@@ -7808,9 +7888,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 ? Slot4 : "div";
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx101(
     Comp,
     {
       ref,
@@ -7825,9 +7905,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 ? Slot4 : "button";
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx101(
     Comp,
     {
       ref,
@@ -7841,8 +7921,8 @@ var SidebarGroupAction = React26.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
+var SidebarGroupContent = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "div",
     {
       ref,
@@ -7853,8 +7933,8 @@ var SidebarGroupContent = React26.forwardRef(
   )
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
+var SidebarMenu = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "ul",
     {
       ref,
@@ -7865,8 +7945,8 @@ var SidebarMenu = React26.forwardRef(
   )
 );
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
+var SidebarMenuItem = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "li",
     {
       ref,
@@ -7877,7 +7957,7 @@ var SidebarMenuItem = React26.forwardRef(
   )
 );
 SidebarMenuItem.displayName = "SidebarMenuItem";
-var sidebarMenuButtonVariants = cva11(
+var sidebarMenuButtonVariants = cva12(
   "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: {
@@ -7897,7 +7977,7 @@ var sidebarMenuButtonVariants = cva11(
     }
   }
 );
-var SidebarMenuButton = React26.forwardRef(
+var SidebarMenuButton = React27.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -7910,7 +7990,7 @@ var SidebarMenuButton = React26.forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot4 : "button";
     const { isMobile: isMobile2, state } = useSidebar();
-    const button = /* @__PURE__ */ jsx100(
+    const button = /* @__PURE__ */ jsx101(
       Comp,
       {
         ref,
@@ -7923,12 +8003,12 @@ var SidebarMenuButton = React26.forwardRef(
       }
     );
     if (!tooltip) {
-      return /* @__PURE__ */ jsx100(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
+      return /* @__PURE__ */ jsx101(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: button });
     }
     const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
-    return /* @__PURE__ */ jsx100(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ jsxs60(Tooltip, { children: [
-      /* @__PURE__ */ jsx100(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx100(
+    return /* @__PURE__ */ jsx101(SidebarMenuButtonContext.Provider, { value: { isActive, highlighted }, children: /* @__PURE__ */ jsxs61(Tooltip, { children: [
+      /* @__PURE__ */ jsx101(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx101(
         TooltipContent,
         {
           side: "right",
@@ -7943,9 +8023,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 ? Slot4 : "button";
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx101(
     Comp,
     {
       ref,
@@ -7960,11 +8040,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__ */ jsx100(
+    return /* @__PURE__ */ jsx101(
       "div",
       {
         ref,
@@ -7980,9 +8060,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__ */ jsxs60(
+var SidebarMenuSkeleton = React27.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React27.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ jsxs61(
     "div",
     {
       ref,
@@ -7990,8 +8070,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__ */ jsx100(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ jsx100(
+        showIcon && /* @__PURE__ */ jsx101(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ jsx101(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -8004,8 +8084,8 @@ var SidebarMenuSkeleton = React26.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx100(
+var SidebarMenuSub = React27.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "ul",
     {
       ref,
@@ -8019,11 +8099,11 @@ var SidebarMenuSub = React26.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React26.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ jsx100("li", { ref, ...props })
+var SidebarMenuSubItem = React27.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ jsx101("li", { ref, ...props })
 );
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var sidebarMenuSubButtonVariants = cva11(
+var sidebarMenuSubButtonVariants = cva12(
   "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: {
@@ -8043,7 +8123,7 @@ var sidebarMenuSubButtonVariants = cva11(
     }
   }
 );
-var SidebarMenuSubButton = React26.forwardRef(
+var SidebarMenuSubButton = React27.forwardRef(
   ({
     asChild = false,
     isActive,
@@ -8053,7 +8133,7 @@ var SidebarMenuSubButton = React26.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot4 : "a";
-    return /* @__PURE__ */ jsx100(
+    return /* @__PURE__ */ jsx101(
       Comp,
       {
         ref,
@@ -8073,24 +8153,24 @@ var VALUE_PART = 1;
 var getSidebarState = (stateName) => document.cookie.split("; ").find((row) => row.startsWith(`${stateName}=`))?.split("=")[VALUE_PART] === "true";
 
 // src/signature-canvas/SignatureCanvas.tsx
-import { forwardRef as forwardRef39, Fragment as Fragment9, useEffect as useEffect27, useRef as useRef18 } from "react";
+import { forwardRef as forwardRef40, Fragment as Fragment9, useEffect as useEffect27, useRef as useRef18 } from "react";
 import { useTranslation as useTranslation16 } from "react-i18next";
 import ReactSignatureCanvas from "react-signature-pad-wrapper";
 
 // src/assets/icons/sign-finger.svg
-import * as React27 from "react";
-import { jsx as jsx101, jsxs as jsxs61 } from "react/jsx-runtime";
-var SvgSignFinger = (props) => /* @__PURE__ */ jsxs61("svg", { xmlns: "http://www.w3.org/2000/svg", width: 37.198, height: 40.76, viewBox: "0 0 37.198 40.76", ...props, children: [
-  /* @__PURE__ */ jsx101("defs", { children: /* @__PURE__ */ jsx101("style", { children: ".a{fill:#385cf8;}" }) }),
-  /* @__PURE__ */ jsx101("g", { transform: "translate(-84.883 29)", children: /* @__PURE__ */ jsxs61("g", { transform: "translate(0.883 4)", children: [
-    /* @__PURE__ */ jsx101("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__ */ jsx101("g", { transform: "translate(95.422 -22.82)", children: /* @__PURE__ */ jsx101("g", { transform: "translate(0)", children: /* @__PURE__ */ jsx101("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)" }) }) })
+import * as React28 from "react";
+import { jsx as jsx102, jsxs as jsxs62 } from "react/jsx-runtime";
+var SvgSignFinger = (props) => /* @__PURE__ */ jsxs62("svg", { xmlns: "http://www.w3.org/2000/svg", width: 37.198, height: 40.76, viewBox: "0 0 37.198 40.76", ...props, children: [
+  /* @__PURE__ */ jsx102("defs", { children: /* @__PURE__ */ jsx102("style", { children: ".a{fill:#385cf8;}" }) }),
+  /* @__PURE__ */ jsx102("g", { transform: "translate(-84.883 29)", children: /* @__PURE__ */ jsxs62("g", { transform: "translate(0.883 4)", children: [
+    /* @__PURE__ */ jsx102("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__ */ jsx102("g", { transform: "translate(95.422 -22.82)", children: /* @__PURE__ */ jsx102("g", { transform: "translate(0)", children: /* @__PURE__ */ jsx102("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
-import { jsx as jsx102, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs63 } from "react/jsx-runtime";
 var CANVAS_PROPS = {
   width: "250px",
   height: "174px"
@@ -8102,12 +8182,12 @@ var SIGNATURE_PROPS = {
   dotSize: 1
 };
 function breakIntoLines(text = "") {
-  return text.split("\n").map((line, index) => /* @__PURE__ */ jsxs62(Fragment9, { children: [
+  return text.split("\n").map((line, index) => /* @__PURE__ */ jsxs63(Fragment9, { children: [
     line,
-    /* @__PURE__ */ jsx102("br", {})
+    /* @__PURE__ */ jsx103("br", {})
   ] }, index));
 }
-var SignatureCanvas = forwardRef39(
+var SignatureCanvas = forwardRef40(
   ({ onClear, hasSignature, onEnd, onEnable, className, enabled }, ref) => {
     const { t } = useTranslation16();
     const internalRef = useRef18(null);
@@ -8120,8 +8200,8 @@ var SignatureCanvas = forwardRef39(
         signPad?.removeEventListener("endStroke", onEnd);
       };
     }, [onEnd]);
-    return /* @__PURE__ */ jsxs62("div", { className: cn("relative inline-flex flex-col", className), children: [
-      !enabled && /* @__PURE__ */ jsxs62(
+    return /* @__PURE__ */ jsxs63("div", { className: cn("relative inline-flex flex-col", className), children: [
+      !enabled && /* @__PURE__ */ jsxs63(
         "button",
         {
           type: "button",
@@ -8133,8 +8213,8 @@ var SignatureCanvas = forwardRef39(
           onClick: onEnable,
           "data-testid": "signature-placeholder",
           children: [
-            /* @__PURE__ */ jsx102(SvgIcon, { as: sign_finger_default, size: 41, className: "w-[37px] opacity-[0.55]" }),
-            /* @__PURE__ */ jsx102(
+            /* @__PURE__ */ jsx103(SvgIcon, { as: sign_finger_default, size: 41, className: "w-[37px] opacity-[0.55]" }),
+            /* @__PURE__ */ jsx103(
               "span",
               {
                 className: cn(
@@ -8147,7 +8227,7 @@ var SignatureCanvas = forwardRef39(
           ]
         }
       ),
-      /* @__PURE__ */ jsx102(
+      /* @__PURE__ */ jsx103(
         "div",
         {
           className: cn(
@@ -8155,7 +8235,7 @@ var SignatureCanvas = forwardRef39(
             "border-[var(--signature-canvas-border)] shadow-[var(--signature-canvas-shadow)]",
             "box-border max-[320px]:overflow-hidden"
           ),
-          children: /* @__PURE__ */ jsx102(
+          children: /* @__PURE__ */ jsx103(
             ReactSignatureCanvas,
             {
               ref: combinedRef,
@@ -8166,13 +8246,13 @@ var SignatureCanvas = forwardRef39(
           )
         }
       ),
-      /* @__PURE__ */ jsx102(
+      /* @__PURE__ */ jsx103(
         "div",
         {
           className: cn("text-right", {
             invisible: !enabled || !hasSignature
           }),
-          children: /* @__PURE__ */ jsx102(
+          children: /* @__PURE__ */ jsx103(
             Button,
             {
               variant: "link",
@@ -8192,17 +8272,17 @@ var SignatureCanvas = forwardRef39(
 SignatureCanvas.displayName = "SignatureCanvas";
 
 // src/slider/Slider.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 
 // src/slider/SliderControls.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight5 } from "lucide-react";
 
 // src/slider/SliderContext.tsx
-import * as React28 from "react";
-var SliderContext = React28.createContext(null);
+import * as React29 from "react";
+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`);
   }
@@ -8210,14 +8290,14 @@ function useSliderContext(componentName) {
 }
 
 // src/slider/SliderControls.tsx
-import { jsx as jsx103 } from "react/jsx-runtime";
-var SliderPrevious = React29.forwardRef(
+import { jsx as jsx104 } from "react/jsx-runtime";
+var SliderPrevious = React30.forwardRef(
   ({ className, children, onClick, ...props }, ref) => {
     const { canGoPrevious, goToPrevious } = useSliderContext("SliderPrevious");
     if (!canGoPrevious) {
       return null;
     }
-    return /* @__PURE__ */ jsx103(
+    return /* @__PURE__ */ jsx104(
       "button",
       {
         ref,
@@ -8235,19 +8315,19 @@ var SliderPrevious = React29.forwardRef(
           goToPrevious();
         },
         ...props,
-        children: children ?? /* @__PURE__ */ jsx103(ChevronLeft3, { className: "size-4" })
+        children: children ?? /* @__PURE__ */ jsx104(ChevronLeft3, { 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__ */ jsx103(
+    return /* @__PURE__ */ jsx104(
       "button",
       {
         ref,
@@ -8265,7 +8345,7 @@ var SliderNext = React29.forwardRef(
           goToNext();
         },
         ...props,
-        children: children ?? /* @__PURE__ */ jsx103(ChevronRight5, { className: "size-4" })
+        children: children ?? /* @__PURE__ */ jsx104(ChevronRight5, { className: "size-4" })
       }
     );
   }
@@ -8273,9 +8353,9 @@ var SliderNext = React29.forwardRef(
 SliderNext.displayName = "SliderNext";
 
 // src/slider/SliderRoot.tsx
-import * as React30 from "react";
-import { jsx as jsx104 } from "react/jsx-runtime";
-var SliderRoot = React30.forwardRef(
+import * as React31 from "react";
+import { jsx as jsx105 } from "react/jsx-runtime";
+var SliderRoot = React31.forwardRef(
   ({
     className,
     index: controlledIndex,
@@ -8286,8 +8366,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;
@@ -8295,7 +8375,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) {
@@ -8305,23 +8385,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,
@@ -8345,7 +8425,7 @@ var SliderRoot = React30.forwardRef(
         registerSlide
       ]
     );
-    return /* @__PURE__ */ jsx104(SliderContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx104(
+    return /* @__PURE__ */ jsx105(SliderContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx105(
       "div",
       {
         ref,
@@ -8360,12 +8440,12 @@ var SliderRoot = React30.forwardRef(
 SliderRoot.displayName = "SliderRoot";
 
 // src/slider/SliderSlide.tsx
-import * as React31 from "react";
-import { jsx as jsx105 } from "react/jsx-runtime";
-var SliderSlide = React31.forwardRef(({ className, ...props }, ref) => {
+import * as React32 from "react";
+import { jsx as jsx106 } from "react/jsx-runtime";
+var SliderSlide = React32.forwardRef(({ className, ...props }, ref) => {
   const { registerSlide } = useSliderContext("SliderSlide");
-  React31.useEffect(() => registerSlide(), [registerSlide]);
-  return /* @__PURE__ */ jsx105(
+  React32.useEffect(() => registerSlide(), [registerSlide]);
+  return /* @__PURE__ */ jsx106(
     "div",
     {
       ref,
@@ -8378,11 +8458,11 @@ var SliderSlide = React31.forwardRef(({ className, ...props }, ref) => {
 SliderSlide.displayName = "SliderSlide";
 
 // src/slider/SliderTrack.tsx
-import * as React32 from "react";
-import { jsx as jsx106 } from "react/jsx-runtime";
-var SliderTrack = React32.forwardRef(({ className, style, ...props }, ref) => {
+import * as React33 from "react";
+import { jsx as jsx107 } from "react/jsx-runtime";
+var SliderTrack = React33.forwardRef(({ className, style, ...props }, ref) => {
   const { index } = useSliderContext("SliderTrack");
-  return /* @__PURE__ */ jsx106(
+  return /* @__PURE__ */ jsx107(
     "div",
     {
       ref,
@@ -8399,9 +8479,9 @@ var SliderTrack = React32.forwardRef(({ className, style, ...props }, ref) => {
 SliderTrack.displayName = "SliderTrack";
 
 // src/slider/SliderViewport.tsx
-import * as React33 from "react";
-import { jsx as jsx107 } from "react/jsx-runtime";
-var SliderViewport = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx107(
+import * as React34 from "react";
+import { jsx as jsx108 } from "react/jsx-runtime";
+var SliderViewport = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx108(
   "div",
   {
     ref,
@@ -8413,12 +8493,12 @@ var SliderViewport = React33.forwardRef(({ className, ...props }, ref) => /* @__
 SliderViewport.displayName = "SliderViewport";
 
 // src/slider/Slider.tsx
-import { jsx as jsx108, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs64 } from "react/jsx-runtime";
 function Slider({ children, slideCount, ...props }) {
-  return /* @__PURE__ */ jsxs63(SliderRoot, { slideCount: slideCount ?? React34.Children.count(children), ...props, children: [
-    /* @__PURE__ */ jsx108(SliderViewport, { children: /* @__PURE__ */ jsx108(SliderTrack, { children: React34.Children.map(children, (slide) => /* @__PURE__ */ jsx108(SliderSlide, { children: slide })) }) }),
-    /* @__PURE__ */ jsx108(SliderPrevious, {}),
-    /* @__PURE__ */ jsx108(SliderNext, {})
+  return /* @__PURE__ */ jsxs64(SliderRoot, { slideCount: slideCount ?? React35.Children.count(children), ...props, children: [
+    /* @__PURE__ */ jsx109(SliderViewport, { children: /* @__PURE__ */ jsx109(SliderTrack, { children: React35.Children.map(children, (slide) => /* @__PURE__ */ jsx109(SliderSlide, { children: slide })) }) }),
+    /* @__PURE__ */ jsx109(SliderPrevious, {}),
+    /* @__PURE__ */ jsx109(SliderNext, {})
   ] });
 }
 
@@ -8426,85 +8506,6 @@ function Slider({ children, slideCount, ...props }) {
 import { memo as memo5 } from "react";
 import { Pencil, Trash2 } from "lucide-react";
 import { useTranslation as useTranslation17 } from "react-i18next";
-
-// src/switch/Switch.tsx
-import * as React35 from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx109, jsxs as jsxs64 } from "react/jsx-runtime";
-var switchVariants = cva12(
-  [
-    "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 = cva12(
-  "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__ */ jsx109(
-      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__ */ jsx109(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
-      }
-    );
-    if (!label && !error) {
-      return switchElement;
-    }
-    return /* @__PURE__ */ jsxs64("div", { children: [
-      /* @__PURE__ */ jsxs64("div", { className: "flex items-center gap-3", children: [
-        switchElement,
-        label && /* @__PURE__ */ jsx109(Label, { htmlFor: fieldId, className: "cursor-pointer font-medium", children: label })
-      ] }),
-      error && /* @__PURE__ */ jsx109(ErrorMessage, { disabled: props.disabled, children: error })
-    ] });
-  }
-);
-Switch.displayName = SwitchPrimitives.Root.displayName;
-
-// src/small-grid-single-item/SmallGridSingleItem.tsx
 import { jsx as jsx110, jsxs as jsxs65 } from "react/jsx-runtime";
 var SmallGridSingleItem = memo5(
   ({
@@ -13934,7 +13935,7 @@ export {
   FormBox,
   Content5 as FormBoxContent,
   Header2 as FormBoxHeader,
-  Root9 as FormBoxRoot,
+  Root10 as FormBoxRoot,
   SubHeader as FormBoxSubHeader,
   FramedIcon,
   FreeTextField,