@chekinapp/ui 0.0.32 → 0.0.34

package/dist/index.js

@@ -1316,20 +1316,19 @@ function ChannelSelector({
     const newValues = selectedValues.includes(value) ? selectedValues.filter((selectedValue) => selectedValue !== value) : [...selectedValues, value];
     onChange(newValues);
   };
-  return /* @__PURE__ */ jsx16("div", { className: "flex gap-chekin-2", children: /* @__PURE__ */ jsx16(TooltipProvider, { children: options.map((option) => {
+  return /* @__PURE__ */ jsx16("div", { className: "flex gap-3", children: /* @__PURE__ */ jsx16(TooltipProvider, { children: options.map((option) => {
     const isSelected = selectedValues.includes(option.value);
     const isReadOnly = readOnlyValues.includes(option.value);
     return /* @__PURE__ */ jsxs12(Tooltip, { children: [
       /* @__PURE__ */ jsx16(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
         Button,
         {
-          variant: "secondary",
-          size: "icon",
+          variant: "outline",
           type: "button",
           onClick: () => handleToggle(option.value),
           disabled: isReadOnly,
           className: cn(
-            "relative h-10 w-10 rounded-lg border-2 bg-white p-0 transition-all",
+            "relative flex h-10 w-10 items-center justify-center rounded-lg border-2 bg-white p-0 transition-all",
             isSelected ? "border-chekin-blue bg-chekin-blue/10" : "border-chekin-gray-3 hover:border-chekin-blue/30",
             isReadOnly ? "cursor-default opacity-100" : "cursor-pointer"
           ),
@@ -1354,11 +1353,11 @@ var BaseCheckbox = React6.forwardRef(({ className, loading, onCheckedChange, dis
   {
     ref,
     className: cn(
-      "peer h-5 w-5 shrink-0 rounded-sm border border-solid border-chekin-blue",
+      "checkbox__control peer h-5 w-5 shrink-0 rounded-sm border border-solid border-[var(--checkbox-border)] bg-[var(--checkbox-bg)]",
       "focus-visible:outline-none focus-visible:shadow-chekin-focus",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "aria-busy:cursor-wait aria-busy:opacity-50 aria-readonly:cursor-default aria-readonly:opacity-100",
-      "data-[state=checked]:bg-chekin-blue data-[state=checked]:text-white",
+      "data-[state=checked]:border-[var(--checkbox-checked-border)] data-[state=checked]:bg-[var(--checkbox-checked-bg)] data-[state=checked]:text-[var(--checkbox-check-color)]",
       className
     ),
     ...props,
@@ -1370,7 +1369,7 @@ var BaseCheckbox = React6.forwardRef(({ className, loading, onCheckedChange, dis
       CheckboxPrimitive.Indicator,
       {
         className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ jsx17(Check3, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ jsx17(Check3, { className: "checkbox__icon h-5 w-5" })
       }
     )
   }
@@ -1430,7 +1429,7 @@ var Checkbox = React8.forwardRef(
             {
               htmlFor: checkboxId,
               className: cn(
-                "cursor-pointer text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+                "cursor-pointer text-sm font-medium leading-none text-chekin-navy peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
                 labelClassName
               ),
               children: label
@@ -1589,7 +1588,7 @@ var CheckboxGroup = React9.forwardRef(
             Label,
             {
               htmlFor: selectAllId,
-              className: "cursor-pointer text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+              className: "cursor-pointer text-sm font-medium leading-none text-chekin-navy peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
               children: selectAllLabel
             }
           )
@@ -2028,7 +2027,7 @@ function DataTable({ columns, data }) {
 }
 
 // src/dialog/Dialog.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { XIcon } from "lucide-react";
@@ -2237,18 +2236,28 @@ function useOutsideClick({
 }
 
 // src/hooks/use-screen-resize.ts
-import { useCallback as useCallback6, useLayoutEffect as useLayoutEffect2, useState as useState7 } from "react";
+import React11 from "react";
 var eventName = "resize";
-function useScreenResize(maxWidth) {
-  const [isInitialized, setIsInitialized] = useState7(false);
-  const [isMatch, setIsMatch] = useState7(false);
-  const handleResizeEvent = useCallback6(() => {
-    const adjustedMaxWidth = `${parseInt(maxWidth, 10) - 1}px`;
-    const media = getWindow().matchMedia(`(max-width: ${adjustedMaxWidth})`);
+function getMediaQuery(maxWidth, matchString) {
+  if (matchString) {
+    return matchString;
+  }
+  return maxWidth ? `(max-width: ${maxWidth})` : null;
+}
+function useScreenResize(maxWidth, matchString) {
+  const [isInitialized, setIsInitialized] = React11.useState(false);
+  const [isMatch, setIsMatch] = React11.useState(false);
+  const handleResizeEvent = React11.useCallback(() => {
+    const mediaQuery = getMediaQuery(maxWidth, matchString);
     setIsInitialized(true);
-    setIsMatch(media?.matches);
-  }, [maxWidth]);
-  useLayoutEffect2(() => {
+    if (!mediaQuery) {
+      setIsMatch(false);
+      return;
+    }
+    const media = getWindow().matchMedia(mediaQuery);
+    setIsMatch(media.matches);
+  }, [maxWidth, matchString]);
+  React11.useEffect(() => {
     handleResizeEvent();
     getWindow().addEventListener(eventName, handleResizeEvent);
     return () => {
@@ -2305,10 +2314,10 @@ function useScrollFrameIntoView(active, options = {}) {
 }
 
 // src/hooks/use-debounce.ts
-import { useEffect as useEffect10, useState as useState8 } from "react";
+import { useEffect as useEffect10, useState as useState7 } from "react";
 function useDebounce(value, delayMs = 1e3, handleChange) {
   const onChange = useEvent(handleChange);
-  const [debouncedValue, setDebouncedValue] = useState8(value);
+  const [debouncedValue, setDebouncedValue] = useState7(value);
   useEffect10(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
@@ -2324,12 +2333,12 @@ function useDebounce(value, delayMs = 1e3, handleChange) {
 }
 
 // src/hooks/use-debounced-function.ts
-import { useCallback as useCallback7, useRef as useRef6 } from "react";
+import { useCallback as useCallback6, useRef as useRef6 } from "react";
 function useDebouncedFunction(callback, delay) {
   const timerRef = useRef6();
   const immediateCalling = useRef6(false);
   const callbackFn = useEvent(callback);
-  const throttled = useCallback7(
+  const throttled = useCallback6(
     (...args) => {
       clearTimeout(timerRef.current);
       if (immediateCalling.current) {
@@ -2344,7 +2353,7 @@ function useDebouncedFunction(callback, delay) {
     },
     [callbackFn, delay]
   );
-  const immediate = useCallback7(() => {
+  const immediate = useCallback6(() => {
     immediateCalling.current = true;
   }, []);
   return { throttled, immediate };
@@ -2361,7 +2370,7 @@ function usePrevious(value, defaultValue) {
 }
 
 // src/hooks/use-pagination.ts
-import { useCallback as useCallback8, useEffect as useEffect12, useMemo, useState as useState9 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect12, useMemo, useState as useState8 } from "react";
 
 // src/storage/AbstractStorage.ts
 var AbstractStorage = class {
@@ -2434,7 +2443,7 @@ var DEFAULT_PAGE_SIZE = 20;
 var DEFAULT_PAGE = 1;
 function usePagination(config) {
   const { key, defaultPageSize = DEFAULT_PAGE_SIZE, defaultPage = DEFAULT_PAGE } = config;
-  const [state, setState] = useState9(() => {
+  const [state, setState] = useState8(() => {
     const stored = SessionStorage.get(`pagination-${key}`);
     if (stored) {
       return {
@@ -2464,14 +2473,14 @@ function usePagination(config) {
     return Math.min(state.page * state.pageSize, state.totalItems);
   }, [state.page, state.pageSize, state.totalItems]);
   const isEmpty = useMemo(() => state.totalItems === 0, [state.totalItems]);
-  const setPage = useCallback8(
+  const setPage = useCallback7(
     (page) => {
       const clampedPage = Math.max(1, Math.min(page, pages || 1));
       setState((prev) => ({ ...prev, page: clampedPage }));
     },
     [pages]
   );
-  const setPageSize = useCallback8((pageSize) => {
+  const setPageSize = useCallback7((pageSize) => {
     const validPageSize = Math.max(1, pageSize);
     setState((prev) => {
       const currentFirstItem = (prev.page - 1) * prev.pageSize + 1;
@@ -2483,7 +2492,7 @@ function usePagination(config) {
       };
     });
   }, []);
-  const setTotalItems = useCallback8((totalItems) => {
+  const setTotalItems = useCallback7((totalItems) => {
     const validTotalItems = Math.max(0, totalItems);
     setState((prev) => {
       const newPages = validTotalItems > 0 ? Math.ceil(validTotalItems / prev.pageSize) : 0;
@@ -2495,19 +2504,19 @@ function usePagination(config) {
       };
     });
   }, []);
-  const nextPage = useCallback8(() => {
+  const nextPage = useCallback7(() => {
     setPage(state.page + 1);
   }, [setPage, state.page]);
-  const previousPage = useCallback8(() => {
+  const previousPage = useCallback7(() => {
     setPage(state.page - 1);
   }, [setPage, state.page]);
-  const goToFirstPage = useCallback8(() => {
+  const goToFirstPage = useCallback7(() => {
     setPage(1);
   }, [setPage]);
-  const goToLastPage = useCallback8(() => {
+  const goToLastPage = useCallback7(() => {
     setPage(pages);
   }, [setPage, pages]);
-  const reset = useCallback8(() => {
+  const reset = useCallback7(() => {
     setState({
       page: defaultPage,
       pageSize: defaultPageSize,
@@ -2536,7 +2545,7 @@ function usePagination(config) {
 }
 
 // src/hooks/use-copy-to-clipboard.ts
-import { useEffect as useEffect13, useRef as useRef8, useState as useState10 } from "react";
+import { useEffect as useEffect13, useRef as useRef8, useState as useState9 } from "react";
 
 // src/lib/copy-to-clipboard.ts
 function copyToClipboardFallback(value) {
@@ -2574,7 +2583,7 @@ function copyToClipboard2(value) {
 // src/hooks/use-copy-to-clipboard.ts
 var COPIED_TIMEOUT_S = 1.5;
 function useCopyToClipboard({ value, onCopiedLink, onReset }) {
-  const [isCopied, setIsLinkCopied] = useState10(false);
+  const [isCopied, setIsLinkCopied] = useState9(false);
   const timeoutRef = useRef8();
   useEffect13(() => {
     return () => {
@@ -2600,10 +2609,10 @@ function useCopyToClipboard({ value, onCopiedLink, onReset }) {
 }
 
 // src/hooks/use-timer.ts
-import { useEffect as useEffect14, useState as useState11 } from "react";
+import { useEffect as useEffect14, useState as useState10 } from "react";
 var useTimer = ({ seconds }) => {
-  const [timeLeft, setTimeLeft] = useState11(seconds);
-  const [isTimerRunning, setIsTimerRunning] = useState11(true);
+  const [timeLeft, setTimeLeft] = useState10(seconds);
+  const [isTimerRunning, setIsTimerRunning] = useState10(true);
   useEffect14(() => {
     if (!isTimerRunning) return;
     const timer = setInterval(() => {
@@ -2663,13 +2672,13 @@ function useTimeout(callback, ms = 0) {
 }
 
 // src/hooks/use-hover.ts
-import { useCallback as useCallback9, useState as useState12 } from "react";
+import { useCallback as useCallback8, useState as useState11 } from "react";
 function useHover() {
-  const [isHovering, setIsHovering] = useState12(false);
-  const handleMouseEnter = useCallback9(() => {
+  const [isHovering, setIsHovering] = useState11(false);
+  const handleMouseEnter = useCallback8(() => {
     setIsHovering(true);
   }, []);
-  const handleMouseLeave = useCallback9(() => {
+  const handleMouseLeave = useCallback8(() => {
     setIsHovering(false);
   }, []);
   return {
@@ -2680,7 +2689,7 @@ function useHover() {
 }
 
 // src/hooks/use-key-down.ts
-import { useCallback as useCallback10, useEffect as useEffect16 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect16 } from "react";
 function useKeyDown(key, cb, options) {
   const {
     enabled = true,
@@ -2690,7 +2699,7 @@ function useKeyDown(key, cb, options) {
     altKey = false
   } = options ?? {};
   const handleCallback = useEvent(cb);
-  const handleKeyDown = useCallback10(
+  const handleKeyDown = useCallback9(
     (event) => {
       const keys = Array.isArray(key) ? key : [key];
       const isKeyMatch = keys.includes(event.key);
@@ -2748,14 +2757,14 @@ var usePromisedModalControls = () => {
 };
 
 // src/hooks/use-is-form-touched.ts
-import { useState as useState13 } from "react";
+import { useState as useState12 } from "react";
 function useIsFormTouched({
   watch,
   displayFields,
   debug,
   defaultValues
 }) {
-  const [untouchedValues, setUntouchedValues] = useState13(defaultValues || {});
+  const [untouchedValues, setUntouchedValues] = useState12(defaultValues || {});
   const getIsFormTouched = () => {
     if (!Object.keys(untouchedValues)) {
       return false;
@@ -2800,7 +2809,7 @@ function useIsFormTouched({
 // src/dialog/Dialog.tsx
 import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 function useIframeTitleFix(titleRef) {
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!window.chekinCustomDocument) {
       return;
     }
@@ -2829,7 +2838,7 @@ function DialogClose({ ...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 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -2841,7 +2850,7 @@ var DialogOverlay = React11.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 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 = React11.forwardRef(
+var DialogContent = React12.forwardRef(
   ({ className, showCloseButton = true, children, container, lockScroll = true, ...props }, ref) => {
     const contentElement = /* @__PURE__ */ jsxs22(
       DialogPrimitive.Content,
@@ -2889,8 +2898,8 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx29(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => {
-  const titleRef = React11.useRef(null);
+var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => {
+  const titleRef = React12.useRef(null);
   const combinedRef = useCombinedRef(titleRef, ref);
   useIframeTitleFix(titleRef);
   return /* @__PURE__ */ jsx29(
@@ -2904,7 +2913,7 @@ var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var DialogDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   DialogPrimitive.Description,
   {
     ref,
@@ -2966,9 +2975,9 @@ function ConfirmationDialog({
 }
 
 // src/default-select-trigger/DefaultSelectTrigger.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import { jsx as jsx31 } from "react/jsx-runtime";
-var DefaultSelectTrigger = React12.forwardRef(
+var DefaultSelectTrigger = React13.forwardRef(
   ({
     className,
     disabled,
@@ -3032,17 +3041,17 @@ function DownloadEntryFormsButton({
 }
 
 // src/dropdown-button/DropdownButton.tsx
-import { useState as useState14 } from "react";
+import { useState as useState13 } from "react";
 
 // src/dropdown-menu/DropdownMenu.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import * as RadixMenu from "@radix-ui/react-dropdown-menu";
 import { jsx as jsx33 } from "react/jsx-runtime";
 var DropdownMenu = RadixMenu.Root;
 var DropdownMenuTrigger = RadixMenu.Trigger;
 var DropdownMenuPortal = RadixMenu.Portal;
 var DropdownMenuGroup = RadixMenu.Group;
-var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 6, container, ...props }, ref) => /* @__PURE__ */ jsx33(RadixMenu.Portal, { container: container || getCustomContainer(), children: /* @__PURE__ */ jsx33(
+var DropdownMenuContent = React14.forwardRef(({ className, sideOffset = 6, container, ...props }, ref) => /* @__PURE__ */ jsx33(RadixMenu.Portal, { container: container || getCustomContainer(), children: /* @__PURE__ */ jsx33(
   RadixMenu.Content,
   {
     ref,
@@ -3063,9 +3072,9 @@ var itemClasses = [
   "data-[highlighted]:bg-chekin-surface-pressed data-[highlighted]:text-chekin-blue",
   "data-[disabled]:pointer-events-none data-[disabled]:opacity-30"
 ];
-var DropdownMenuItem = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(RadixMenu.Item, { ref, className: cn(itemClasses, className), ...props }));
+var DropdownMenuItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(RadixMenu.Item, { ref, className: cn(itemClasses, className), ...props }));
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuLabel = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var DropdownMenuLabel = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   RadixMenu.Label,
   {
     ref,
@@ -3077,7 +3086,7 @@ var DropdownMenuLabel = React13.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DropdownMenuLabel.displayName = "DropdownMenuLabel";
-var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var DropdownMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   RadixMenu.Separator,
   {
     ref,
@@ -3096,7 +3105,7 @@ function DropdownButton({
   modal,
   className
 }) {
-  const [isOpen, setIsOpen] = useState14(false);
+  const [isOpen, setIsOpen] = useState13(false);
   return /* @__PURE__ */ jsxs25(DropdownMenu, { onOpenChange: setIsOpen, modal, children: [
     /* @__PURE__ */ jsx34(DropdownMenuTrigger, { asChild: true, children: typeof trigger === "function" ? trigger(isOpen) : trigger }),
     /* @__PURE__ */ jsx34(
@@ -3309,9 +3318,9 @@ function EmptySectionPlaceholder({
 }
 
 // src/external-link/ExternalLink.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
-var ExternalLink = React14.forwardRef(
+var ExternalLink = React15.forwardRef(
   ({ className, children, showIcon = true, target = "_blank", rel, ...props }, ref) => /* @__PURE__ */ jsxs27(
     "a",
     {
@@ -3357,7 +3366,7 @@ import { useTranslation as useTranslation9 } from "react-i18next";
 import { Play as Play3 } from "lucide-react";
 
 // src/switch/Switch.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import { cva as cva7 } from "class-variance-authority";
 import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
@@ -3399,9 +3408,9 @@ var switchThumbVariants = cva7(
     }
   }
 );
-var Switch = React15.forwardRef(
+var Switch = React16.forwardRef(
   ({ className, size, readOnly, loading, onChange, value, id, label, error, ...props }, ref) => {
-    const generatedId = React15.useId();
+    const generatedId = React16.useId();
     const fieldId = id || generatedId;
     const switchElement = /* @__PURE__ */ jsx44(
       SwitchPrimitives.Root,
@@ -3434,7 +3443,7 @@ var Switch = React15.forwardRef(
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/video-player/VideoPlayer.tsx
-import { useEffect as useEffect19, useRef as useRef13, useState as useState15 } from "react";
+import { useEffect as useEffect19, useRef as useRef13, useState as useState14 } from "react";
 import { useTranslation as useTranslation8 } from "react-i18next";
 import {
   Loader2,
@@ -3461,15 +3470,15 @@ function VideoPlayer({
   const videoRef = useRef13(null);
   const iframeRef = useRef13(null);
   const containerRef = useRef13(null);
-  const [isPlaying, setIsPlaying] = useState15(false);
-  const [isMuted, setIsMuted] = useState15(false);
-  const [currentTime, setCurrentTime] = useState15(0);
-  const [duration, setDuration] = useState15(0);
-  const [isFullScreenMode, setIsFullScreenMode] = useState15(isFullScreen);
-  const [isLoading, setIsLoading] = useState15(true);
-  const [videoSource, setVideoSource] = useState15("file");
-  const [youtubeEmbedUrl, setYoutubeEmbedUrl] = useState15("");
-  const [vimeoEmbedUrl, setVimeoEmbedUrl] = useState15("");
+  const [isPlaying, setIsPlaying] = useState14(false);
+  const [isMuted, setIsMuted] = useState14(false);
+  const [currentTime, setCurrentTime] = useState14(0);
+  const [duration, setDuration] = useState14(0);
+  const [isFullScreenMode, setIsFullScreenMode] = useState14(isFullScreen);
+  const [isLoading, setIsLoading] = useState14(true);
+  const [videoSource, setVideoSource] = useState14("file");
+  const [youtubeEmbedUrl, setYoutubeEmbedUrl] = useState14("");
+  const [vimeoEmbedUrl, setVimeoEmbedUrl] = useState14("");
   useClickEscape({ enabled: isFullScreenMode, onClick: onClose });
   useEffect19(() => {
     const youtubeRegex = /(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([a-zA-Z0-9_-]{11})/;
@@ -3807,7 +3816,7 @@ function FeatureCard({
 // src/file-input-button/FileInputButton.tsx
 import {
   forwardRef as forwardRef19,
-  useCallback as useCallback11
+  useCallback as useCallback10
 } from "react";
 import { Upload } from "lucide-react";
 import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
@@ -3823,7 +3832,7 @@ var FileInputButton = forwardRef19(
     size = "default",
     ...props
   }, ref) => {
-    const handleChange = useCallback11(
+    const handleChange = useCallback10(
       (event) => {
         onChange?.(event);
         event.target.value = "";
@@ -3906,7 +3915,7 @@ var FormBox = {
 import {
   forwardRef as forwardRef20,
   useId as useId4,
-  useState as useState16
+  useState as useState15
 } from "react";
 import { useTranslation as useTranslation10 } from "react-i18next";
 
@@ -3938,8 +3947,8 @@ var FreeTextField = forwardRef20(
   }, ref) => {
     const { t } = useTranslation10();
     const inputId = useId4();
-    const [internalValue, setInternalValue] = useState16(defaultValue ?? "");
-    const [isFocused, setIsFocused] = useState16(false);
+    const [internalValue, setInternalValue] = useState15(defaultValue ?? "");
+    const [isFocused, setIsFocused] = useState15(false);
     const currentValue = value !== void 0 ? value : internalValue;
     const isEmpty = !currentValue || String(currentValue).length === 0;
     const hasError = Boolean(error);
@@ -4023,7 +4032,7 @@ var FreeTextField = forwardRef20(
 FreeTextField.displayName = "FreeTextField";
 
 // src/framed-icon/FramedIcon.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import { cva as cva8 } from "class-variance-authority";
 import { jsx as jsx53 } from "react/jsx-runtime";
 var framedIconVariants = cva8("inline-flex items-center justify-center shrink-0", {
@@ -4047,7 +4056,7 @@ var framedIconVariants = cva8("inline-flex items-center justify-center shrink-0"
   },
   defaultVariants: { size: "m", shape: "rounded", tone: "info" }
 });
-var FramedIcon = React16.forwardRef(
+var FramedIcon = React17.forwardRef(
   ({ className, size, shape, tone, children, ...props }, ref) => /* @__PURE__ */ jsx53(
     "span",
     {
@@ -4209,7 +4218,7 @@ var IconRegistry = class {
 var RegistryIcon = Icon;
 
 // src/icon-button/IconButton.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import { cva as cva9 } from "class-variance-authority";
 import { jsx as jsx57 } from "react/jsx-runtime";
 var iconButtonVariants = cva9(
@@ -4240,7 +4249,7 @@ var iconButtonVariants = cva9(
     defaultVariants: { size: "m", shape: "rounded", variant: "secondary" }
   }
 );
-var IconButton = React17.forwardRef(
+var IconButton = React18.forwardRef(
   ({ className, size, shape, variant, label, children, type = "button", ...props }, ref) => /* @__PURE__ */ jsx57(
     "button",
     {
@@ -4271,7 +4280,7 @@ function InfoBox({ className, children }) {
 }
 
 // src/image/Image.tsx
-import { useState as useState17 } from "react";
+import { useState as useState16 } from "react";
 import { jsx as jsx59 } from "react/jsx-runtime";
 function Image2({
   src,
@@ -4280,7 +4289,7 @@ function Image2({
   fallbackSrc = "https://placehold.co/600x400?text=Image",
   ...props
 }) {
-  const [error, setError] = useState17(false);
+  const [error, setError] = useState16(false);
   return /* @__PURE__ */ jsx59(
     "img",
     {
@@ -4295,9 +4304,9 @@ function Image2({
 }
 
 // src/input/Input.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import { jsx as jsx60 } from "react/jsx-runtime";
-var Input = React18.forwardRef(
+var Input = React19.forwardRef(
   ({ className, type, readOnly, ...props }, ref) => /* @__PURE__ */ jsx60(
     "input",
     {
@@ -4321,7 +4330,7 @@ var Input = React18.forwardRef(
 Input.displayName = "Input";
 
 // src/input-otp/InputOTP.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 
 // src/input-otp/InputOTPContext.ts
 import { createContext, useContext } from "react";
@@ -4339,7 +4348,7 @@ function extractDigits(str) {
 }
 
 // src/input-otp/useInputOTP.ts
-import { useCallback as useCallback12, useEffect as useEffect20, useMemo as useMemo3, useRef as useRef14, useState as useState18 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect20, useMemo as useMemo3, useRef as useRef14, useState as useState17 } from "react";
 function useInputOTP({
   maxLength,
   value,
@@ -4348,7 +4357,7 @@ function useInputOTP({
   autoFocus,
   error
 }) {
-  const [activeIndex, setActiveIndex] = useState18(-1);
+  const [activeIndex, setActiveIndex] = useState17(-1);
   const inputRefs = useRef14([]);
   const containerRef = useRef14(null);
   const blurTimeoutRef = useRef14();
@@ -4364,7 +4373,7 @@ function useInputOTP({
     return nextSlots;
   }, [value, maxLength]);
   slotsRef.current = slots;
-  const emitValue = useCallback12(
+  const emitValue = useCallback11(
     (newSlots) => {
       let lastFilledIndex = -1;
       for (let index = newSlots.length - 1; index >= 0; index -= 1) {
@@ -4390,7 +4399,7 @@ function useInputOTP({
       inputRefs.current[0].focus();
     }
   }, [autoFocus]);
-  const handleContainerFocusIn = useCallback12((event) => {
+  const handleContainerFocusIn = useCallback11((event) => {
     clearTimeout(blurTimeoutRef.current);
     const target = event.target;
     const slotIndex = inputRefs.current.indexOf(target);
@@ -4398,7 +4407,7 @@ function useInputOTP({
       setActiveIndex(slotIndex);
     }
   }, []);
-  const handleContainerFocusOut = useCallback12(() => {
+  const handleContainerFocusOut = useCallback11(() => {
     clearTimeout(blurTimeoutRef.current);
     blurTimeoutRef.current = setTimeout(() => {
       if (!containerRef.current?.contains(document.activeElement)) {
@@ -4407,7 +4416,7 @@ function useInputOTP({
     }, 0);
   }, []);
   useEffect20(() => () => clearTimeout(blurTimeoutRef.current), []);
-  const handleDigitInput = useCallback12(
+  const handleDigitInput = useCallback11(
     (index, digit) => {
       if (!DIGIT_REGEX.test(digit)) return;
       const newSlots = [...slotsRef.current];
@@ -4421,7 +4430,7 @@ function useInputOTP({
     },
     [maxLength, emitValue]
   );
-  const handleDelete = useCallback12(
+  const handleDelete = useCallback11(
     (index) => {
       const newSlots = [...slotsRef.current];
       if (newSlots[index]) {
@@ -4436,7 +4445,7 @@ function useInputOTP({
     },
     [emitValue]
   );
-  const handlePaste = useCallback12(
+  const handlePaste = useCallback11(
     (text) => {
       const digits = extractDigits(text).slice(0, maxLength);
       if (digits.length > 0) {
@@ -4486,7 +4495,7 @@ function useInputOTP({
 
 // src/input-otp/useInputOTPSlot.ts
 import {
-  useCallback as useCallback13
+  useCallback as useCallback12
 } from "react";
 function useInputOTPSlot(index) {
   const {
@@ -4557,13 +4566,13 @@ function useInputOTPSlot(index) {
     event.preventDefault();
     handlePaste(event.clipboardData.getData("text/plain"));
   };
-  const setInputRef = useCallback13(
+  const setInputRef = useCallback12(
     (element) => {
       inputRefs.current[index] = element;
     },
     [index, inputRefs]
   );
-  const focusSlot = useCallback13(() => {
+  const focusSlot = useCallback12(() => {
     inputRefs.current[index]?.focus();
   }, [index, inputRefs]);
   return {
@@ -4606,11 +4615,11 @@ function InputOTP({
     }
   ) });
 }
-var InputOTPGroup = React19.forwardRef(
+var InputOTPGroup = React20.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx61("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React19.forwardRef(
+var InputOTPSlot = React20.forwardRef(
   ({ index, className, ...props }, ref) => {
     const {
       char,
@@ -4659,13 +4668,13 @@ var InputOTPSlot = React19.forwardRef(
   }
 );
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React19.forwardRef(
+var InputOTPSeparator = React20.forwardRef(
   (props, ref) => /* @__PURE__ */ jsx61("div", { ref, role: "separator", ...props })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/icons-dropdown/IconsDropdown.tsx
-import { useState as useState19 } from "react";
+import { useState as useState18 } from "react";
 import { jsx as jsx62, jsxs as jsxs36 } from "react/jsx-runtime";
 function IconsDropdown({
   icons,
@@ -4677,7 +4686,7 @@ function IconsDropdown({
   defaultOpen,
   onOpenChange: onOpenChangeProp
 }) {
-  const [open, setOpen] = useState19(defaultOpen ?? false);
+  const [open, setOpen] = useState18(defaultOpen ?? false);
   function handleOpenChange(value) {
     setOpen(value);
     onOpenChangeProp?.(value);
@@ -5284,14 +5293,14 @@ LinkInternal.displayName = "Link";
 var Link = memo3(LinkInternal);
 
 // src/image-full-screen-view/ImageFullScreenView.tsx
-import { useState as useState20 } from "react";
+import { useState as useState19 } from "react";
 import { RotateCw, X as X4, ZoomIn, ZoomOut } from "lucide-react";
 import { useTranslation as useTranslation13 } from "react-i18next";
 import { jsx as jsx67, jsxs as jsxs40 } from "react/jsx-runtime";
 function ImageFullScreenView({ src, alt, onClose }) {
   const { t } = useTranslation13();
-  const [scale, setScale] = useState20(1);
-  const [rotation, setRotation] = useState20(0);
+  const [scale, setScale] = useState19(1);
+  const [rotation, setRotation] = useState19(0);
   useClickEscape({ onClick: onClose });
   const zoomIn = () => setScale((value) => Math.min(value + 0.25, 3));
   const zoomOut = () => setScale((value) => Math.max(value - 0.25, 0.5));
@@ -5650,14 +5659,14 @@ import { useTranslation as useTranslation16 } from "react-i18next";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3, ChevronsLeft, ChevronsRight } from "lucide-react";
 
 // src/select/Select.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import * as RadixSelect from "@radix-ui/react-select";
 import { jsx as jsx74, jsxs as jsxs46 } from "react/jsx-runtime";
 var SelectRoot = RadixSelect.Root;
 var SelectValue = RadixSelect.Value;
 var SelectGroup = RadixSelect.Group;
 var SelectPortal = RadixSelect.Portal;
-var SelectTrigger = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs46(
+var SelectTrigger = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs46(
   RadixSelect.Trigger,
   {
     ref,
@@ -5698,7 +5707,7 @@ var SelectTrigger = React20.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = React20.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx74(RadixSelect.Portal, { children: /* @__PURE__ */ jsx74(
+var SelectContent = React21.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx74(RadixSelect.Portal, { children: /* @__PURE__ */ jsx74(
   RadixSelect.Content,
   {
     ref,
@@ -5717,7 +5726,7 @@ var SelectContent = React20.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = "SelectContent";
-var SelectItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs46(
+var SelectItem = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs46(
   RadixSelect.Item,
   {
     ref,
@@ -5752,7 +5761,7 @@ var SelectItem = React20.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = "SelectItem";
-var SelectSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
+var SelectSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
   RadixSelect.Separator,
   {
     ref,
@@ -5761,7 +5770,7 @@ var SelectSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SelectSeparator.displayName = "SelectSeparator";
-var SelectLabel = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
+var SelectLabel = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
   RadixSelect.Label,
   {
     ref,
@@ -5773,7 +5782,7 @@ var SelectLabel = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = "SelectLabel";
-var Select = React20.forwardRef(
+var Select = React21.forwardRef(
   ({
     placeholder,
     label,
@@ -5784,9 +5793,9 @@ var Select = React20.forwardRef(
     children,
     ...props
   }, ref) => {
-    const reactId = React20.useId();
+    const reactId = React21.useId();
     const triggerId = props.name ?? reactId;
-    const internalRef = React20.useRef(null);
+    const internalRef = React21.useRef(null);
     const combinedRef = useCombinedRef(ref, internalRef);
     return /* @__PURE__ */ jsxs46("div", { className: cn("flex flex-col gap-chekin-1 w-[300px]", containerClassName), children: [
       label && /* @__PURE__ */ jsx74(
@@ -5943,7 +5952,7 @@ function Pagination({
 }
 
 // src/popover/Popover.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import * as RadixPopover from "@radix-ui/react-popover";
 import { jsx as jsx76 } from "react/jsx-runtime";
 var Popover = RadixPopover.Root;
@@ -5951,7 +5960,7 @@ var PopoverTrigger = RadixPopover.Trigger;
 var PopoverAnchor = RadixPopover.Anchor;
 var PopoverPortal = RadixPopover.Portal;
 var PopoverClose = RadixPopover.Close;
-var PopoverContent = React21.forwardRef(({ className, sideOffset = 8, align = "start", ...props }, ref) => /* @__PURE__ */ jsx76(RadixPopover.Portal, { children: /* @__PURE__ */ jsx76(
+var PopoverContent = React22.forwardRef(({ className, sideOffset = 8, align = "start", ...props }, ref) => /* @__PURE__ */ jsx76(RadixPopover.Portal, { children: /* @__PURE__ */ jsx76(
   RadixPopover.Content,
   {
     ref,
@@ -5971,11 +5980,11 @@ PopoverContent.displayName = "PopoverContent";
 import { forwardRef as forwardRef32 } from "react";
 
 // src/radio-group/RadioGroup.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle } from "lucide-react";
 import { jsx as jsx77 } from "react/jsx-runtime";
-var RadioGroup = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
+var RadioGroup = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -5984,7 +5993,7 @@ var RadioGroup = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
+var RadioGroupItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -6001,11 +6010,11 @@ var RadioGroupItem = React22.forwardRef(({ className, ...props }, ref) => /* @__
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/radio/useRadioOptions.ts
-import { useCallback as useCallback14, useState as useState21 } from "react";
+import { useCallback as useCallback13, useState as useState20 } from "react";
 function useRadioOptions({ options, defaultValue, onChange }) {
   const initialValue = (typeof defaultValue === "string" ? options.find((option) => option.value === defaultValue) : defaultValue) || "";
-  const [selectedValue, setSelectedValue] = useState21(initialValue);
-  const handleValueChange = useCallback14(
+  const [selectedValue, setSelectedValue] = useState20(initialValue);
+  const handleValueChange = useCallback13(
     (value) => {
       setSelectedValue(value);
       const selectedOption = options.find((option) => option.value === value) || "";
@@ -6213,7 +6222,7 @@ function RatingRadioGroup({
 }
 
 // src/rating-stars/RatingStars.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import { Star as Star2 } from "lucide-react";
 import { useTranslation as useTranslation17 } from "react-i18next";
 import { jsx as jsx82, jsxs as jsxs52 } from "react/jsx-runtime";
@@ -6233,7 +6242,7 @@ function RatingStars({
   const { t } = useTranslation17();
   const normalizedRating = Math.max(0, Math.min(maxRating, rating));
   const stars = Array.from({ length: maxRating }, (_, index) => index + 1);
-  const componentId = React23.useId();
+  const componentId = React24.useId();
   const decimal = normalizedRating - Math.floor(normalizedRating);
   const partialStarIndex = decimal > 0 ? Math.ceil(normalizedRating) : -1;
   const gradientId = `star-gradient-${componentId.replace(/:/g, "")}`;
@@ -6809,7 +6818,7 @@ function SheetDescription({
 }
 
 // src/sidebar/Sidebar.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva11 } from "class-variance-authority";
 import { ArrowLeftFromLineIcon, ArrowRightFromLineIcon } from "lucide-react";
@@ -6902,7 +6911,7 @@ 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 = React24.forwardRef(
+var SidebarProvider = React25.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -6914,10 +6923,10 @@ var SidebarProvider = React24.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile({ breakpoint: 641 });
-    const [openMobile, setOpenMobile] = React24.useState(false);
-    const [_open, _setOpen] = React24.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React25.useState(false);
+    const [_open, _setOpen] = React25.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React24.useCallback(
+    const setOpen = React25.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -6929,10 +6938,10 @@ var SidebarProvider = React24.forwardRef(
       },
       [setOpenProp, open, stateName]
     );
-    const toggleSidebar = React24.useCallback(() => {
+    const toggleSidebar = React25.useCallback(() => {
       return isMobile ? setOpenMobile((value) => !value) : setOpen((value) => !value);
     }, [isMobile, setOpen]);
-    React24.useEffect(() => {
+    React25.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -6943,7 +6952,7 @@ var SidebarProvider = React24.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React24.useMemo(
+    const contextValue = React25.useMemo(
       () => ({
         state,
         open,
@@ -6968,7 +6977,7 @@ var SidebarProvider = React24.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React24.forwardRef(
+var Sidebar = React25.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -7062,7 +7071,7 @@ var Sidebar = React24.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React24.forwardRef(({ className, onClick, icon, ...props }, ref) => {
+var SidebarTrigger = React25.forwardRef(({ className, onClick, icon, ...props }, ref) => {
   const { toggleSidebar, open, isMobile, openMobile } = useSidebar();
   return /* @__PURE__ */ jsxs58(
     Button,
@@ -7089,7 +7098,7 @@ var SidebarTrigger = React24.forwardRef(({ className, onClick, icon, ...props },
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React24.forwardRef(
+var SidebarRail = React25.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
     return /* @__PURE__ */ jsx94(
@@ -7115,7 +7124,7 @@ var SidebarRail = React24.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React24.forwardRef(
+var SidebarInset = React25.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
     "main",
     {
@@ -7130,7 +7139,7 @@ var SidebarInset = React24.forwardRef(
   )
 );
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
+var SidebarInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
   Input,
   {
     ref,
@@ -7140,7 +7149,7 @@ var SidebarInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React24.forwardRef(
+var SidebarHeader = React25.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
     "div",
     {
@@ -7152,7 +7161,7 @@ var SidebarHeader = React24.forwardRef(
   )
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React24.forwardRef(
+var SidebarFooter = React25.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
     "div",
     {
@@ -7164,7 +7173,7 @@ var SidebarFooter = React24.forwardRef(
   )
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
+var SidebarSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
   Separator3,
   {
     ref,
@@ -7174,7 +7183,7 @@ var SidebarSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React24.forwardRef(
+var SidebarContent = React25.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
     "div",
     {
@@ -7189,7 +7198,7 @@ var SidebarContent = React24.forwardRef(
   )
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React24.forwardRef(
+var SidebarGroup = React25.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
     "div",
     {
@@ -7201,7 +7210,7 @@ var SidebarGroup = React24.forwardRef(
   )
 );
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React24.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React25.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "div";
   return /* @__PURE__ */ jsx94(
     Comp,
@@ -7218,7 +7227,7 @@ var SidebarGroupLabel = React24.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React24.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React25.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
   return /* @__PURE__ */ jsx94(
     Comp,
@@ -7234,7 +7243,7 @@ var SidebarGroupAction = React24.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React24.forwardRef(
+var SidebarGroupContent = React25.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
     "div",
     {
@@ -7246,7 +7255,7 @@ var SidebarGroupContent = React24.forwardRef(
   )
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React24.forwardRef(
+var SidebarMenu = React25.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
     "ul",
     {
@@ -7258,7 +7267,7 @@ var SidebarMenu = React24.forwardRef(
   )
 );
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React24.forwardRef(
+var SidebarMenuItem = React25.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
     "li",
     {
@@ -7290,7 +7299,7 @@ var sidebarMenuButtonVariants = cva11(
     }
   }
 );
-var SidebarMenuButton = React24.forwardRef(
+var SidebarMenuButton = React25.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -7336,7 +7345,7 @@ var SidebarMenuButton = React24.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React24.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React25.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
   return /* @__PURE__ */ jsx94(
     Comp,
@@ -7353,7 +7362,7 @@ var SidebarMenuAction = React24.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React24.forwardRef(
+var SidebarMenuBadge = React25.forwardRef(
   ({ className, ...props }, ref) => {
     const { open, isMobile, openMobile } = useSidebar();
     const isOpen = isMobile ? openMobile : open;
@@ -7373,8 +7382,8 @@ var SidebarMenuBadge = React24.forwardRef(
   }
 );
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React24.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React24.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+var SidebarMenuSkeleton = React25.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React25.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
   return /* @__PURE__ */ jsxs58(
     "div",
     {
@@ -7397,7 +7406,7 @@ var SidebarMenuSkeleton = React24.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React24.forwardRef(
+var SidebarMenuSub = React25.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx94(
     "ul",
     {
@@ -7412,7 +7421,7 @@ var SidebarMenuSub = React24.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React24.forwardRef(
+var SidebarMenuSubItem = React25.forwardRef(
   ({ ...props }, ref) => /* @__PURE__ */ jsx94("li", { ref, ...props })
 );
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
@@ -7436,7 +7445,7 @@ var sidebarMenuSubButtonVariants = cva11(
     }
   }
 );
-var SidebarMenuSubButton = React24.forwardRef(
+var SidebarMenuSubButton = React25.forwardRef(
   ({
     asChild = false,
     isActive,
@@ -7466,9 +7475,9 @@ var VALUE_PART = 1;
 var getSidebarState = (stateName) => document.cookie.split("; ").find((row) => row.startsWith(`${stateName}=`))?.split("=")[VALUE_PART] === "true";
 
 // src/circular-loader/CircularLoader.tsx
-import React25 from "react";
+import React26 from "react";
 import { jsx as jsx95, jsxs as jsxs59 } from "react/jsx-runtime";
-var CircularLoader = React25.memo(
+var CircularLoader = React26.memo(
   ({ visible = true, height, width, position, label, className }) => {
     if (!visible) return null;
     return /* @__PURE__ */ jsxs59(
@@ -7858,9 +7867,9 @@ SwitchBlocksInternal.displayName = "SwitchBlocks";
 var SwitchBlocks = memo6(SwitchBlocksInternal);
 
 // src/switch-group/SwitchGroup.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import { jsx as jsx102, jsxs as jsxs64 } from "react/jsx-runtime";
-var SwitchGroup = React26.forwardRef(
+var SwitchGroup = React27.forwardRef(
   ({ options, value = [], onChange, disabled = false, className, error, ...props }, ref) => {
     const handleOptionChange = (optionValue, checked) => {
       if (!onChange) return;
@@ -8106,11 +8115,11 @@ var TASK_VARIANTS = {
 import { Toaster, toast as toast2 } from "sonner";
 
 // src/toaster/useUpdateToast.ts
-import { useCallback as useCallback16, useRef as useRef17 } from "react";
+import { useCallback as useCallback15, useRef as useRef17 } from "react";
 import { toast } from "sonner";
 function useUpdateToast({ id }) {
   const toastIdRef = useRef17("");
-  const getToastOptions = useCallback16(
+  const getToastOptions = useCallback15(
     (options) => ({
       id: toastIdRef.current,
       dismissible: false,
@@ -8142,7 +8151,7 @@ function useUpdateToast({ id }) {
 }
 
 // src/toggle-group/ToggleGroup.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 
 // src/toggle-group/style.ts
@@ -8176,12 +8185,12 @@ var toggleVariants = cva13(
 
 // src/toggle-group/ToggleGroup.tsx
 import { jsx as jsx107, jsxs as jsxs68 } from "react/jsx-runtime";
-var ToggleGroupContext = React27.createContext({
+var ToggleGroupContext = React28.createContext({
   size: "default",
   variant: "default",
   theme: "default"
 });
-var ToggleGroup = React27.forwardRef(({ className, variant, size, theme, children, ...props }, ref) => {
+var ToggleGroup = React28.forwardRef(({ className, variant, size, theme, children, ...props }, ref) => {
   const isTabVariant = variant === "tab";
   return /* @__PURE__ */ jsx107(
     ToggleGroupPrimitive.Root,
@@ -8198,8 +8207,8 @@ var ToggleGroup = React27.forwardRef(({ className, variant, size, theme, childre
   );
 });
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React27.forwardRef(({ className, children, variant, size, theme, ...props }, ref) => {
-  const context = React27.useContext(ToggleGroupContext);
+var ToggleGroupItem = React28.forwardRef(({ className, children, variant, size, theme, ...props }, ref) => {
+  const context = React28.useContext(ToggleGroupContext);
   const resolvedVariant = context.variant || variant;
   const isTabVariant = resolvedVariant === "tab";
   return /* @__PURE__ */ jsx107(
@@ -8334,7 +8343,7 @@ function TogglesInternal({
 var Toggles = forwardRef40(TogglesInternal);
 
 // src/text-field/TextField.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import * as LabelPrimitive2 from "@radix-ui/react-label";
 import { cva as cva14 } from "class-variance-authority";
 import { useTranslation as useTranslation21 } from "react-i18next";
@@ -8428,7 +8437,7 @@ var floatingLabelClasses = [
   "peer-focus:to-[var(--text-field-bg-filled)]",
   "peer-focus:to-50%"
 ];
-var TextField = React28.forwardRef(
+var TextField = React29.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -8447,7 +8456,7 @@ var TextField = React28.forwardRef(
   }, ref) => {
     const { t } = useTranslation21();
     const hasError = Boolean(error);
-    const autoId = React28.useId();
+    const autoId = React29.useId();
     const inputId = props.id || autoId;
     const inputClasses = cn(
       inputVariants({ variant, error: hasError, readOnly: Boolean(readOnly) }),
@@ -8680,11 +8689,11 @@ function WideButton({ className, disabled, ...props }) {
 }
 
 // src/datepicker/DatePicker.tsx
-import * as React32 from "react";
+import * as React33 from "react";
 import { Calendar as Calendar2 } from "lucide-react";
 
 // src/drawer/Drawer.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import Draggable from "react-draggable";
 import { jsx as jsx117, jsxs as jsxs74 } from "react/jsx-runtime";
@@ -8702,7 +8711,7 @@ function DrawerPortal({ ...props }) {
 function DrawerClose({ ...props }) {
   return /* @__PURE__ */ jsx117(DialogPrimitive2.Close, { "data-slot": "drawer-close", ...props });
 }
-var DrawerOverlay = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx117(
+var DrawerOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx117(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -8716,7 +8725,7 @@ var DrawerOverlay = React29.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 DrawerOverlay.displayName = DialogPrimitive2.Overlay.displayName;
 var DrawerOverlayClasses = "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0";
-var DrawerContent = React29.forwardRef(
+var DrawerContent = React30.forwardRef(
   ({
     className,
     children,
@@ -8728,19 +8737,19 @@ var DrawerContent = React29.forwardRef(
     ...props
   }, ref) => {
     const finalContainer = container || getCustomContainer() || void 0;
-    const nodeRef = React29.useRef(null);
-    const [dragOffsetY, setDragOffsetY] = React29.useState(0);
+    const nodeRef = React30.useRef(null);
+    const [dragOffsetY, setDragOffsetY] = React30.useState(0);
     const overlayOpacity = Math.max(
       DRAWER_MIN_OVERLAY_OPACITY,
       1 - dragOffsetY / (DRAWER_CLOSE_THRESHOLD * 2)
     );
-    const handleDrag = React29.useCallback(
+    const handleDrag = React30.useCallback(
       (_event, data) => {
         setDragOffsetY(Math.max(0, data.y));
       },
       []
     );
-    const handleStop = React29.useCallback(
+    const handleStop = React30.useCallback(
       (_event, data) => {
         if (data.y > DRAWER_CLOSE_THRESHOLD) {
           setDragOffsetY(0);
@@ -8831,7 +8840,7 @@ var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx117(
 DrawerHeader.displayName = "DrawerHeader";
 var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx117("div", { className: cn("flex flex-col gap-2 p-5", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx117(
+var DrawerTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx117(
   DialogPrimitive2.Title,
   {
     ref,
@@ -8841,7 +8850,7 @@ var DrawerTitle = React29.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DialogPrimitive2.Title.displayName;
-var DrawerDescription = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx117(
+var DrawerDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx117(
   DialogPrimitive2.Description,
   {
     ref,
@@ -8853,7 +8862,7 @@ var DrawerDescription = React29.forwardRef(({ className, ...props }, ref) => /*
 DrawerDescription.displayName = DialogPrimitive2.Description.displayName;
 
 // src/datepicker/useDatePickerWheel.ts
-import * as React30 from "react";
+import * as React31 from "react";
 
 // src/datepicker/datePicker.utils.ts
 var DISPLAY_PAD_LENGTH = 2;
@@ -9004,21 +9013,21 @@ function useDatePickerWheel({
   minDate,
   maxDate
 }) {
-  const years = React30.useMemo(() => getYearRange(minDate, maxDate), [maxDate, minDate]);
-  const [draftDate, setDraftDate] = React30.useState(
+  const years = React31.useMemo(() => getYearRange(minDate, maxDate), [maxDate, minDate]);
+  const [draftDate, setDraftDate] = React31.useState(
     () => resolveInitialDate({ value, defaultValue, minDate, maxDate })
   );
   const draftYear = draftDate.getFullYear();
   const draftMonth = draftDate.getMonth();
-  const [monthScrollTop, setMonthScrollTop] = React30.useState(0);
-  const [dayScrollTop, setDayScrollTop] = React30.useState(0);
-  const [yearScrollTop, setYearScrollTop] = React30.useState(0);
-  const monthListRef = React30.useRef(null);
-  const dayListRef = React30.useRef(null);
-  const yearListRef = React30.useRef(null);
-  const settleTimeoutsRef = React30.useRef({});
-  const animationFramesRef = React30.useRef({});
-  const columnRefs = React30.useMemo(
+  const [monthScrollTop, setMonthScrollTop] = React31.useState(0);
+  const [dayScrollTop, setDayScrollTop] = React31.useState(0);
+  const [yearScrollTop, setYearScrollTop] = React31.useState(0);
+  const monthListRef = React31.useRef(null);
+  const dayListRef = React31.useRef(null);
+  const yearListRef = React31.useRef(null);
+  const settleTimeoutsRef = React31.useRef({});
+  const animationFramesRef = React31.useRef({});
+  const columnRefs = React31.useMemo(
     () => ({
       month: monthListRef,
       day: dayListRef,
@@ -9026,7 +9035,7 @@ function useDatePickerWheel({
     }),
     []
   );
-  const setColumnScrollTop = React30.useCallback(
+  const setColumnScrollTop = React31.useCallback(
     (column, nextScrollTop) => {
       if (column === "month") {
         setMonthScrollTop(nextScrollTop);
@@ -9040,19 +9049,19 @@ function useDatePickerWheel({
     },
     []
   );
-  const clearSettleTimeout = React30.useCallback((column) => {
+  const clearSettleTimeout = React31.useCallback((column) => {
     const timeoutId = settleTimeoutsRef.current[column];
     if (timeoutId === void 0) return;
     window.clearTimeout(timeoutId);
     delete settleTimeoutsRef.current[column];
   }, []);
-  const clearAnimationFrame = React30.useCallback((column) => {
+  const clearAnimationFrame = React31.useCallback((column) => {
     const frameId = animationFramesRef.current[column];
     if (frameId === void 0) return;
     window.cancelAnimationFrame(frameId);
     delete animationFramesRef.current[column];
   }, []);
-  React30.useEffect(
+  React31.useEffect(
     () => () => {
       ["month", "day", "year"].forEach((column) => {
         clearSettleTimeout(column);
@@ -9061,22 +9070,22 @@ function useDatePickerWheel({
     },
     [clearAnimationFrame, clearSettleTimeout]
   );
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (isOpen) return;
     setDraftDate(resolveInitialDate({ value, defaultValue, minDate, maxDate }));
   }, [defaultValue, isOpen, maxDate, minDate, value]);
-  const months = React30.useMemo(
+  const months = React31.useMemo(
     () => getAllowedMonths(draftYear, minDate, maxDate),
     [draftYear, maxDate, minDate]
   );
-  const days = React30.useMemo(
+  const days = React31.useMemo(
     () => getAllowedDays(draftYear, draftMonth, minDate, maxDate),
     [draftMonth, draftYear, maxDate, minDate]
   );
   const monthIndex = months.findIndex((month) => month === draftMonth);
   const dayIndex = days.findIndex((day) => day === draftDate.getDate());
   const yearIndex = years.findIndex((year) => year === draftYear);
-  const syncScrollPositions = React30.useCallback(
+  const syncScrollPositions = React31.useCallback(
     (nextDate, behavior = "auto") => {
       const nextMonths = getAllowedMonths(nextDate.getFullYear(), minDate, maxDate);
       const nextMonthIndex = nextMonths.findIndex((month) => month === nextDate.getMonth());
@@ -9100,7 +9109,7 @@ function useDatePickerWheel({
     },
     [maxDate, minDate, years]
   );
-  React30.useLayoutEffect(() => {
+  React31.useLayoutEffect(() => {
     if (!isOpen) return;
     const nextDate = resolveInitialDate({ value, defaultValue, minDate, maxDate });
     setDraftDate(nextDate);
@@ -9111,7 +9120,7 @@ function useDatePickerWheel({
       window.cancelAnimationFrame(frameId);
     };
   }, [defaultValue, isOpen, maxDate, minDate, syncScrollPositions, value]);
-  const updateDraftDate = React30.useCallback(
+  const updateDraftDate = React31.useCallback(
     (column, targetIndex, behavior = "smooth") => {
       const currentDate = stripTime(draftDate);
       const currentYear = currentDate.getFullYear();
@@ -9156,7 +9165,7 @@ function useDatePickerWheel({
     },
     [days, draftDate, maxDate, minDate, months, syncScrollPositions, years]
   );
-  const settleColumnScroll = React30.useCallback(
+  const settleColumnScroll = React31.useCallback(
     (column) => {
       const list = columnRefs[column].current;
       if (!list) return;
@@ -9169,7 +9178,7 @@ function useDatePickerWheel({
     },
     [columnRefs, days.length, months.length, updateDraftDate, years.length]
   );
-  const scheduleScrollSettle = React30.useCallback(
+  const scheduleScrollSettle = React31.useCallback(
     (column) => {
       clearSettleTimeout(column);
       settleTimeoutsRef.current[column] = window.setTimeout(() => {
@@ -9178,7 +9187,7 @@ function useDatePickerWheel({
     },
     [clearSettleTimeout, settleColumnScroll]
   );
-  const handleColumnScroll = React30.useCallback(
+  const handleColumnScroll = React31.useCallback(
     (column) => {
       const list = columnRefs[column].current;
       if (!list) return;
@@ -9192,13 +9201,13 @@ function useDatePickerWheel({
     },
     [clearAnimationFrame, columnRefs, scheduleScrollSettle, setColumnScrollTop]
   );
-  const handleOptionSelect = React30.useCallback(
+  const handleOptionSelect = React31.useCallback(
     (column, targetIndex) => {
       updateDraftDate(column, targetIndex, "smooth");
     },
     [updateDraftDate]
   );
-  const focusAdjacentColumn = React30.useCallback(
+  const focusAdjacentColumn = React31.useCallback(
     (column, direction) => {
       const order = ["month", "day", "year"];
       const currentIndex = order.indexOf(column);
@@ -9208,7 +9217,7 @@ function useDatePickerWheel({
     },
     [columnRefs]
   );
-  const handleColumnKeyDown = React30.useCallback(
+  const handleColumnKeyDown = React31.useCallback(
     (column, event) => {
       const currentIndex = column === "month" ? monthIndex : column === "day" ? dayIndex : yearIndex;
       const maxIndex = column === "month" ? months.length - 1 : column === "day" ? days.length - 1 : years.length - 1;
@@ -9512,7 +9521,7 @@ var DEVICE = {
 };
 
 // src/field-trigger/FieldTrigger.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import { Loader2 as Loader25 } from "lucide-react";
 import { useTranslation as useTranslation22 } from "react-i18next";
 
@@ -9556,7 +9565,7 @@ function FieldErrorMessage({
 
 // src/field-trigger/FieldTrigger.tsx
 import { Fragment as Fragment10, jsx as jsx121, jsxs as jsxs78 } from "react/jsx-runtime";
-var FieldTrigger = React31.forwardRef(
+var FieldTrigger = React32.forwardRef(
   ({
     as = "button",
     variant = "airbnb",
@@ -9723,7 +9732,7 @@ FieldTrigger.displayName = "FieldTrigger";
 // src/datepicker/DatePicker.tsx
 import { jsx as jsx122, jsxs as jsxs79 } from "react/jsx-runtime";
 var DEFAULT_MIN_DATE = new Date(1920, 0, 1);
-var DatePicker = React32.forwardRef(
+var DatePicker = React33.forwardRef(
   ({
     variant = "default",
     label,
@@ -9749,24 +9758,24 @@ var DatePicker = React32.forwardRef(
     formatValue = formatDateValue
   }, ref) => {
     const { isMatch: isMobile } = useScreenResize(DEVICE.mobileXL);
-    const [isOpen, setIsOpen] = React32.useState(false);
-    const triggerId = React32.useId();
-    const pickerId = React32.useId();
-    const labelId = React32.useId();
-    const valueId = React32.useId();
-    const helperTextId = React32.useId();
-    const errorId = React32.useId();
-    const internalRef = React32.useRef(null);
+    const [isOpen, setIsOpen] = React33.useState(false);
+    const triggerId = React33.useId();
+    const pickerId = React33.useId();
+    const labelId = React33.useId();
+    const valueId = React33.useId();
+    const helperTextId = React33.useId();
+    const errorId = React33.useId();
+    const internalRef = React33.useRef(null);
     const combinedRef = useCombinedRef(ref, internalRef);
-    const monthLabels = React32.useMemo(() => getMonthLabels(locale), [locale]);
-    const resolvedMinDate = React32.useMemo(() => minDate ?? DEFAULT_MIN_DATE, [minDate]);
-    const resolvedMaxDate = React32.useMemo(() => maxDate ?? /* @__PURE__ */ new Date(), [maxDate]);
-    const normalizedValue = React32.useMemo(() => normalizeDateValue(value), [value]);
-    const normalizedDefaultValue = React32.useMemo(
+    const monthLabels = React33.useMemo(() => getMonthLabels(locale), [locale]);
+    const resolvedMinDate = React33.useMemo(() => minDate ?? DEFAULT_MIN_DATE, [minDate]);
+    const resolvedMaxDate = React33.useMemo(() => maxDate ?? /* @__PURE__ */ new Date(), [maxDate]);
+    const normalizedValue = React33.useMemo(() => normalizeDateValue(value), [value]);
+    const normalizedDefaultValue = React33.useMemo(
       () => normalizeDateValue(defaultValue),
       [defaultValue]
     );
-    const resolvedValue = React32.useMemo(
+    const resolvedValue = React33.useMemo(
       () => normalizedValue ? clampDate(normalizedValue, resolvedMinDate, resolvedMaxDate) : null,
       [normalizedValue, resolvedMaxDate, resolvedMinDate]
     );
@@ -9797,7 +9806,7 @@ var DatePicker = React32.forwardRef(
       minDate: resolvedMinDate,
       maxDate: resolvedMaxDate
     });
-    const handleOpenChange = React32.useCallback(
+    const handleOpenChange = React33.useCallback(
       (nextOpen) => {
         if (isBlocked && nextOpen) return;
         setIsOpen(nextOpen);
@@ -9807,7 +9816,7 @@ var DatePicker = React32.forwardRef(
       },
       [isBlocked]
     );
-    const handleDone = React32.useCallback(() => {
+    const handleDone = React33.useCallback(() => {
       if (isBlocked) return;
       onChange(clampDate(draftDate, resolvedMinDate, resolvedMaxDate));
       handleOpenChange(false);
@@ -9819,11 +9828,11 @@ var DatePicker = React32.forwardRef(
       resolvedMaxDate,
       resolvedMinDate
     ]);
-    const handleTriggerClick = React32.useCallback(() => {
+    const handleTriggerClick = React33.useCallback(() => {
       if (isBlocked) return;
       setIsOpen(true);
     }, [isBlocked]);
-    const handleTriggerKeyDown = React32.useCallback(
+    const handleTriggerKeyDown = React33.useCallback(
       (event) => {
         if (isBlocked) return;
         if (event.key === "ArrowDown" || event.key === "ArrowUp" || event.key === "Enter" || event.key === " ") {
@@ -9833,7 +9842,7 @@ var DatePicker = React32.forwardRef(
       },
       [isBlocked]
     );
-    React32.useEffect(() => {
+    React33.useEffect(() => {
       if (isBlocked) {
         setIsOpen(false);
       }
@@ -10015,10 +10024,10 @@ function ResponsiveSheet({
 }
 
 // src/airbnb/input/Input.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import { jsx as jsx124 } from "react/jsx-runtime";
 var getInputValue = (value) => value != null ? String(value) : "";
-var AirbnbInput = React33.forwardRef(
+var AirbnbInput = React34.forwardRef(
   ({
     variant = "default",
     label,
@@ -10047,15 +10056,15 @@ var AirbnbInput = React33.forwardRef(
     placeholder,
     ...props
   }, ref) => {
-    const generatedId = React33.useId();
-    const inputRef = React33.useRef(null);
+    const generatedId = React34.useId();
+    const inputRef = React34.useRef(null);
     const inputId = id ?? generatedId;
     const fieldId = `${inputId}-field`;
     const labelId = `${inputId}-label`;
     const errorId = `${inputId}-error`;
     const accessibleLabel = placeholder ?? label;
-    const [isFocused, setIsFocused] = React33.useState(false);
-    const [currentValue, setCurrentValue] = React33.useState(
+    const [isFocused, setIsFocused] = React34.useState(false);
+    const [currentValue, setCurrentValue] = React34.useState(
       () => value != null ? getInputValue(value) : getInputValue(defaultValue)
     );
     const resolvedValue = value != null ? getInputValue(value) : currentValue;
@@ -10065,11 +10074,11 @@ var AirbnbInput = React33.forwardRef(
     const triggerError = error ?? invalid;
     const hasLabelMeta = Boolean(optional) || Boolean(tooltip);
     const isBlocked = Boolean(disabled) || Boolean(loading);
-    React33.useLayoutEffect(() => {
+    React34.useLayoutEffect(() => {
       const nextValue = value != null ? getInputValue(value) : getInputValue(inputRef.current?.value);
       setCurrentValue((prevValue) => prevValue === nextValue ? prevValue : nextValue);
     }, [value]);
-    const setRefs = React33.useCallback(
+    const setRefs = React34.useCallback(
       (node) => {
         inputRef.current = node;
         if (node && value == null) {
@@ -10167,11 +10176,11 @@ var AirbnbInput = React33.forwardRef(
 AirbnbInput.displayName = "Input";
 
 // src/airbnb/phone-field/PhoneField.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
 
 // src/airbnb/select/Select.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 
 // src/airbnb/select/SelectDesktopMenu.tsx
 import { jsx as jsx125, jsxs as jsxs81 } from "react/jsx-runtime";
@@ -10516,10 +10525,10 @@ function SelectMobileContent({
 }
 
 // src/airbnb/select/SelectTrigger.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import { ChevronDown } from "lucide-react";
 import { jsx as jsx129 } from "react/jsx-runtime";
-var SelectTrigger2 = React34.forwardRef(
+var SelectTrigger2 = React35.forwardRef(
   ({
     id,
     open,
@@ -10586,7 +10595,7 @@ var SelectTrigger2 = React34.forwardRef(
 SelectTrigger2.displayName = "SelectTrigger";
 
 // src/airbnb/select/useDesktopSelect.ts
-import * as React35 from "react";
+import * as React36 from "react";
 function useDesktopSelect({
   isMobile,
   isOpen,
@@ -10595,12 +10604,12 @@ function useDesktopSelect({
   disabled,
   onChange
 }) {
-  const [highlightedIndex, setHighlightedIndex] = React35.useState(-1);
-  const triggerRef = React35.useRef(null);
-  const listRef = React35.useRef(null);
-  const optionRefs = React35.useRef([]);
+  const [highlightedIndex, setHighlightedIndex] = React36.useState(-1);
+  const triggerRef = React36.useRef(null);
+  const listRef = React36.useRef(null);
+  const optionRefs = React36.useRef([]);
   const selectedIndex = getOptionIndex(options, value);
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     if (!isOpen || isMobile) return;
     setHighlightedIndex((currentIndex) => {
       if (currentIndex >= 0) {
@@ -10615,34 +10624,34 @@ function useDesktopSelect({
       window.cancelAnimationFrame(frameId);
     };
   }, [isMobile, isOpen, options, selectedIndex]);
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     if (!isOpen || isMobile || highlightedIndex < 0) return;
     optionRefs.current[highlightedIndex]?.scrollIntoView({
       block: "nearest"
     });
   }, [highlightedIndex, isMobile, isOpen]);
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     if (isOpen) return;
     setHighlightedIndex(-1);
   }, [isOpen]);
-  const focusTrigger = React35.useCallback(() => {
+  const focusTrigger = React36.useCallback(() => {
     triggerRef.current?.focus();
   }, []);
-  const handleSelect = React35.useCallback(
+  const handleSelect = React36.useCallback(
     (option) => {
       if (option.isDisabled || disabled) return;
       onChange(option);
     },
     [disabled, onChange]
   );
-  const openMenu = React35.useCallback(
+  const openMenu = React36.useCallback(
     (targetIndex) => {
       const fallbackIndex = selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex(options);
       setHighlightedIndex(targetIndex ?? fallbackIndex);
     },
     [options, selectedIndex]
   );
-  const handleTriggerKeyDown = React35.useCallback(
+  const handleTriggerKeyDown = React36.useCallback(
     (event, onOpen) => {
       if (disabled) return;
       if (event.key === "ArrowDown") {
@@ -10667,7 +10676,7 @@ function useDesktopSelect({
     },
     [disabled, openMenu, options, selectedIndex]
   );
-  const handleMenuKeyDown = React35.useCallback(
+  const handleMenuKeyDown = React36.useCallback(
     (event, onClose) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -10717,7 +10726,7 @@ function useDesktopSelect({
     },
     [focusTrigger, highlightedIndex, onChange, options]
   );
-  const setOptionRef = React35.useCallback(
+  const setOptionRef = React36.useCallback(
     (index, node) => {
       optionRefs.current[index] = node;
     },
@@ -10737,23 +10746,23 @@ function useDesktopSelect({
 }
 
 // src/airbnb/select/useMobileSelectWheel.ts
-import * as React36 from "react";
+import * as React37 from "react";
 function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
-  const [pendingValue, setPendingValue] = React36.useState(
+  const [pendingValue, setPendingValue] = React37.useState(
     value ?? null
   );
-  const [mobileScrollTop, setMobileScrollTop] = React36.useState(0);
-  const mobileListRef = React36.useRef(null);
-  const scrollSettleTimeoutRef = React36.useRef(null);
-  const scrollAnimationFrameRef = React36.useRef(null);
-  const getTargetIndex = React36.useCallback(
+  const [mobileScrollTop, setMobileScrollTop] = React37.useState(0);
+  const mobileListRef = React37.useRef(null);
+  const scrollSettleTimeoutRef = React37.useRef(null);
+  const scrollAnimationFrameRef = React37.useRef(null);
+  const getTargetIndex = React37.useCallback(
     (targetValue) => {
       const selectedIndex = getOptionIndex(options, targetValue);
       return selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex(options);
     },
     [options]
   );
-  const syncScrollPosition = React36.useCallback(
+  const syncScrollPosition = React37.useCallback(
     (targetValue, behavior = "instant") => {
       const targetIndex = getTargetIndex(targetValue);
       if (targetIndex < 0) return;
@@ -10772,27 +10781,27 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     },
     [getTargetIndex, options]
   );
-  const clearScrollSettleTimeout = React36.useCallback(() => {
+  const clearScrollSettleTimeout = React37.useCallback(() => {
     if (scrollSettleTimeoutRef.current === null) return;
     window.clearTimeout(scrollSettleTimeoutRef.current);
     scrollSettleTimeoutRef.current = null;
   }, []);
-  const clearScrollAnimationFrame = React36.useCallback(() => {
+  const clearScrollAnimationFrame = React37.useCallback(() => {
     if (scrollAnimationFrameRef.current === null) return;
     window.cancelAnimationFrame(scrollAnimationFrameRef.current);
     scrollAnimationFrameRef.current = null;
   }, []);
-  React36.useEffect(
+  React37.useEffect(
     () => () => {
       clearScrollSettleTimeout();
       clearScrollAnimationFrame();
     },
     [clearScrollAnimationFrame, clearScrollSettleTimeout]
   );
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     setPendingValue(value ?? null);
   }, [value]);
-  React36.useLayoutEffect(() => {
+  React37.useLayoutEffect(() => {
     if (!isMobile || !isOpen) return;
     const frameId = window.requestAnimationFrame(() => {
       syncScrollPosition(value ?? null, "instant");
@@ -10801,7 +10810,7 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
       window.cancelAnimationFrame(frameId);
     };
   }, [isMobile, isOpen, syncScrollPosition, value]);
-  const settleScroll = React36.useCallback(() => {
+  const settleScroll = React37.useCallback(() => {
     if (!mobileListRef.current) return;
     const nextIndex = Math.round(mobileListRef.current.scrollTop / MOBILE_OPTION_HEIGHT);
     const nextOption = options[nextIndex];
@@ -10813,13 +10822,13 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     }
     setPendingValue(nextOption);
   }, [options, pendingValue]);
-  const scheduleScrollSettle = React36.useCallback(() => {
+  const scheduleScrollSettle = React37.useCallback(() => {
     clearScrollSettleTimeout();
     scrollSettleTimeoutRef.current = window.setTimeout(() => {
       settleScroll();
     }, MOBILE_SCROLL_SETTLE_DELAY);
   }, [clearScrollSettleTimeout, settleScroll]);
-  const handleScroll = React36.useCallback(() => {
+  const handleScroll = React37.useCallback(() => {
     if (!mobileListRef.current) return;
     const nextScrollTop = mobileListRef.current.scrollTop;
     clearScrollAnimationFrame();
@@ -10829,7 +10838,7 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     });
     scheduleScrollSettle();
   }, [clearScrollAnimationFrame, scheduleScrollSettle]);
-  const focusOptionByIndex = React36.useCallback(
+  const focusOptionByIndex = React37.useCallback(
     (index, behavior = "instant", updatePendingImmediately = behavior === "instant") => {
       if (!mobileListRef.current || index < 0 || index >= options.length) return;
       const option = options[index];
@@ -10847,7 +10856,7 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     },
     [options, scheduleScrollSettle]
   );
-  const handleOptionClick = React36.useCallback(
+  const handleOptionClick = React37.useCallback(
     (option) => {
       if (!mobileListRef.current || disabled || option.isDisabled) return;
       const optionIndex = getOptionIndex(options, option);
@@ -10856,7 +10865,7 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     },
     [disabled, focusOptionByIndex, options]
   );
-  const moveByStep = React36.useCallback(
+  const moveByStep = React37.useCallback(
     (step) => {
       const currentIndex = getOptionIndex(options, pendingValue);
       const fallbackIndex = step === 1 ? getFirstEnabledOptionIndex(options) : getLastEnabledOptionIndex(options);
@@ -10868,7 +10877,7 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     },
     [focusOptionByIndex, options, pendingValue]
   );
-  const moveToBoundary = React36.useCallback(
+  const moveToBoundary = React37.useCallback(
     (boundary) => {
       const targetIndex = boundary === "start" ? getFirstEnabledOptionIndex(options) : getLastEnabledOptionIndex(options);
       if (targetIndex >= 0) {
@@ -10877,7 +10886,7 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
     },
     [focusOptionByIndex, options]
   );
-  const syncPendingValue = React36.useCallback(
+  const syncPendingValue = React37.useCallback(
     (nextValue) => {
       const normalizedValue = nextValue ?? null;
       const matchedIndex = getOptionIndex(options, normalizedValue);
@@ -10905,9 +10914,9 @@ function useMobileSelectWheel({ isMobile, isOpen, options, value, disabled }) {
 }
 
 // src/airbnb/select/useSelectIds.ts
-import * as React37 from "react";
+import * as React38 from "react";
 function useSelectIds({ name, hasValue, error, hideErrorMessage }) {
-  const reactId = React37.useId().replace(/:/g, "");
+  const reactId = React38.useId().replace(/:/g, "");
   const baseId = name ? `select-${name}` : `select-${reactId}`;
   const triggerId = `${baseId}-trigger`;
   const labelId = `${baseId}-label`;
@@ -10917,7 +10926,7 @@ function useSelectIds({ name, hasValue, error, hideErrorMessage }) {
   const listboxId = `${baseId}-listbox`;
   const describedErrorId = error && !hideErrorMessage ? errorId : void 0;
   const describedBy = [!hasValue ? helperTextId : null, describedErrorId].filter(Boolean).join(" ") || void 0;
-  const getOptionId2 = React37.useCallback(
+  const getOptionId2 = React38.useCallback(
     (index) => `${baseId}-option-${index}`,
     [baseId]
   );
@@ -10936,7 +10945,7 @@ function useSelectIds({ name, hasValue, error, hideErrorMessage }) {
 
 // src/airbnb/select/Select.tsx
 import { jsx as jsx130, jsxs as jsxs84 } from "react/jsx-runtime";
-var AirbnbSelect = React38.forwardRef(function AirbnbSelect2({
+var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
   options = [],
   value,
   onChange,
@@ -10963,8 +10972,8 @@ var AirbnbSelect = React38.forwardRef(function AirbnbSelect2({
   noOptionsMessage
 }, ref) {
   const { isMatch: isMobile } = useScreenResize(DEVICE.mobileXL);
-  const [isOpen, setIsOpen] = React38.useState(false);
-  const containerRef = React38.useRef(null);
+  const [isOpen, setIsOpen] = React39.useState(false);
+  const containerRef = React39.useRef(null);
   const hasValue = Boolean(value);
   const helperText = placeholder ?? label;
   const isBlocked = Boolean(disabled) || Boolean(loading);
@@ -11022,12 +11031,12 @@ var AirbnbSelect = React38.forwardRef(function AirbnbSelect2({
     onOutsideClick: () => setIsOpen(false),
     isDisabled: !isOpen || isMobile
   });
-  React38.useEffect(() => {
+  React39.useEffect(() => {
     if (isBlocked) {
       setIsOpen(false);
     }
   }, [isBlocked]);
-  React38.useEffect(
+  React39.useEffect(
     function setCorrectOptionIfThereIsOnlyValue() {
       if (value?.value === void 0 || value.value === null || value.label !== "") {
         return;
@@ -11039,7 +11048,7 @@ var AirbnbSelect = React38.forwardRef(function AirbnbSelect2({
     },
     [onChange, options, value]
   );
-  const handleMobileOpenChange = React38.useCallback(
+  const handleMobileOpenChange = React39.useCallback(
     (nextOpen) => {
       if (isBlocked && nextOpen) return;
       setIsOpen(nextOpen);
@@ -11050,7 +11059,7 @@ var AirbnbSelect = React38.forwardRef(function AirbnbSelect2({
     },
     [focusTrigger, isBlocked, syncPendingValue, value]
   );
-  const handleMobileDone = React38.useCallback(() => {
+  const handleMobileDone = React39.useCallback(() => {
     if (isBlocked) return;
     const finalOption = pendingValue;
     if (finalOption && finalOption.value !== value?.value) {
@@ -11059,7 +11068,7 @@ var AirbnbSelect = React38.forwardRef(function AirbnbSelect2({
     setIsOpen(false);
     focusTrigger();
   }, [focusTrigger, isBlocked, onChange, pendingValue, value]);
-  const handleTriggerClick = React38.useCallback(() => {
+  const handleTriggerClick = React39.useCallback(() => {
     if (isBlocked) return;
     setIsOpen((prev) => {
       const nextOpen = !prev;
@@ -11228,7 +11237,7 @@ var AirbnbSelect = React38.forwardRef(function AirbnbSelect2({
 
 // src/airbnb/phone-field/PhoneField.tsx
 import { jsx as jsx131, jsxs as jsxs85 } from "react/jsx-runtime";
-var PhoneField = React39.forwardRef(
+var PhoneField = React40.forwardRef(
   ({
     variant = "default",
     label,
@@ -11252,8 +11261,8 @@ var PhoneField = React39.forwardRef(
     mobileTitle,
     codePlaceholder = "+00"
   }, ref) => {
-    const inputId = React39.useId();
-    const codeOptions = React39.useMemo(
+    const inputId = React40.useId();
+    const codeOptions = React40.useMemo(
       () => options.map((option) => ({
         value: option.value,
         label: `${option.label} (${option.value})`,
@@ -11261,7 +11270,7 @@ var PhoneField = React39.forwardRef(
       })),
       [options]
     );
-    const selectedCodeOption = React39.useMemo(
+    const selectedCodeOption = React40.useMemo(
       () => codeOptions.find((option) => option.value === value?.code) ?? null,
       [codeOptions, value?.code]
     );
@@ -11403,11 +11412,11 @@ var PhoneField = React39.forwardRef(
 PhoneField.displayName = "PhoneField";
 
 // src/airbnb/search-input/SearchInput.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { useTranslation as useTranslation23 } from "react-i18next";
 import { Search as Search3, X as X8 } from "lucide-react";
 import { jsx as jsx132, jsxs as jsxs86 } from "react/jsx-runtime";
-var AirbnbSearchInput = React40.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
+var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
   const { t } = useTranslation23();
   const placeholderText = placeholder || t("search_property") + "...";
   return /* @__PURE__ */ jsxs86("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
@@ -11445,10 +11454,10 @@ var AirbnbSearchInput = React40.forwardRef(({ onReset, placeholder, wrapperClass
 AirbnbSearchInput.displayName = "SearchInput";
 
 // src/searchable-select/SearchableSelect.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import { ChevronDown as ChevronDown3, Search as Search4 } from "lucide-react";
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { useCallback as useCallback25 } from "react";
+import { useCallback as useCallback24 } from "react";
 import { jsx as jsx133, jsxs as jsxs87 } from "react/jsx-runtime";
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
@@ -11490,13 +11499,13 @@ var SearchableSelectInternal = ({
   loadingMessage
 }, ref) => {
   const { isMatch: isMobile } = useScreenResize(DEVICE.mobileXL);
-  const reactId = React41.useId();
-  const [open, setOpen] = React41.useState(false);
-  const [internalSearchValue, setInternalSearchValue] = React41.useState("");
-  const [highlightedIndex, setHighlightedIndex] = React41.useState(-1);
-  const containerRef = React41.useRef(null);
-  const triggerRef = React41.useRef(null);
-  const inputRef = React41.useRef(null);
+  const reactId = React42.useId();
+  const [open, setOpen] = React42.useState(false);
+  const [internalSearchValue, setInternalSearchValue] = React42.useState("");
+  const [highlightedIndex, setHighlightedIndex] = React42.useState(-1);
+  const containerRef = React42.useRef(null);
+  const triggerRef = React42.useRef(null);
+  const inputRef = React42.useRef(null);
   const listboxId = `${reactId}-listbox`;
   const labelId = `${reactId}-label`;
   const valueId = `${reactId}-value`;
@@ -11505,13 +11514,13 @@ var SearchableSelectInternal = ({
   const searchInputId = `${reactId}-search`;
   const effectiveSearchValue = searchValue ?? internalSearchValue;
   const shouldFilterLocally = !onSearchChange && filterOption !== null;
-  const visibleOptions = React41.useMemo(() => {
+  const visibleOptions = React42.useMemo(() => {
     if (!shouldFilterLocally || !effectiveSearchValue) {
       return options;
     }
     return options.filter((option) => filterOption(option, effectiveSearchValue));
   }, [effectiveSearchValue, filterOption, options, shouldFilterLocally]);
-  const selectedIndex = React41.useMemo(
+  const selectedIndex = React42.useMemo(
     () => visibleOptions.findIndex((option) => option.value === value?.value),
     [value?.value, visibleOptions]
   );
@@ -11527,7 +11536,7 @@ var SearchableSelectInternal = ({
     isDisabled: !open || isMobile
   });
   const handleOnOpenChange = useEvent(onOpenChange);
-  const setSelectOpen = useCallback25(
+  const setSelectOpen = useCallback24(
     (nextOpen, options2) => {
       setOpen(nextOpen);
       handleOnOpenChange?.(nextOpen);
@@ -11537,7 +11546,7 @@ var SearchableSelectInternal = ({
     },
     [handleOnOpenChange]
   );
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (isBlocked) {
       setSelectOpen(false);
       return;
@@ -11550,7 +11559,7 @@ var SearchableSelectInternal = ({
       window.cancelAnimationFrame(frameId);
     };
   }, [isBlocked, open, setSelectOpen]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (!open) {
       setHighlightedIndex(-1);
       return;
@@ -11645,7 +11654,7 @@ var SearchableSelectInternal = ({
       onOptionHover: setHighlightedIndex
     }
   );
-  React41.useImperativeHandle(ref, () => triggerRef.current, []);
+  React42.useImperativeHandle(ref, () => triggerRef.current, []);
   return /* @__PURE__ */ jsxs87(
     "div",
     {
@@ -11731,7 +11740,7 @@ var SearchableSelectInternal = ({
     }
   );
 };
-var SearchableSelect = React41.forwardRef(
+var SearchableSelect = React42.forwardRef(
   SearchableSelectInternal
 );
 function SearchableSelectContent({
@@ -11758,9 +11767,9 @@ function SearchableSelectContent({
   onOptionClick,
   onOptionHover
 }) {
-  const listRef = React41.useRef(null);
-  const lastLoadMoreOptionsLengthRef = React41.useRef(null);
-  const previousHighlightedIndexRef = React41.useRef(highlightedIndex);
+  const listRef = React42.useRef(null);
+  const lastLoadMoreOptionsLengthRef = React42.useRef(null);
+  const previousHighlightedIndexRef = React42.useRef(highlightedIndex);
   const rowCount = options.length + (loading && options.length > 0 ? 1 : 0);
   const virtualizer = useVirtualizer({
     count: rowCount,
@@ -11771,7 +11780,7 @@ function SearchableSelectContent({
   const virtualItems = virtualizer.getVirtualItems();
   const emptyMessage = noOptionsMessage?.() ?? "No matches found";
   const loadingText = loadingMessage?.() ?? "Loading...";
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     const lastItem = virtualItems[virtualItems.length - 1];
     const shouldLoadMore = !!lastItem && hasNextPage && !loading && lastItem.index >= options.length - LOAD_MORE_THRESHOLD;
     if (shouldLoadMore && lastLoadMoreOptionsLengthRef.current !== options.length) {
@@ -11779,7 +11788,7 @@ function SearchableSelectContent({
       onLoadMore?.();
     }
   }, [hasNextPage, loading, onLoadMore, options.length, virtualItems]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     const hasHighlightedIndexChanged = previousHighlightedIndexRef.current !== highlightedIndex;
     previousHighlightedIndexRef.current = highlightedIndex;
     if (highlightedIndex >= 0 && hasHighlightedIndexChanged) {
@@ -12152,6 +12161,7 @@ export {
   inputVariants,
   isNumeric,
   labelVariants,
+  scrollToTop,
   sectionTagVariants,
   switchThumbVariants,
   switchVariants,