@chekinapp/ui 0.0.104 → 0.0.105

package/dist/index.js

@@ -2691,7 +2691,7 @@ function useIsMounted() {
 }
 
 // src/hooks/use-load-more.ts
-import { useEffect as useEffect8, useRef as useRef5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef5 } from "react";
 function useLoadMore({
   hasNextPage,
   loading,
@@ -2700,39 +2700,56 @@ function useLoadMore({
   threshold = 0.1,
   rootMargin
 }) {
-  const loadMoreRef = useRef5(null);
+  const elementRef = useRef5(null);
+  const observerRef = useRef5(null);
+  const handleLoadMore = useEvent(onLoadMore);
+  const cleanupObserver = useCallback5(() => {
+    observerRef.current?.disconnect();
+    observerRef.current = null;
+  }, []);
+  const observeElement = useCallback5(
+    (element) => {
+      cleanupObserver();
+      if (!element || typeof IntersectionObserver === "undefined") return;
+      const observer = new IntersectionObserver(
+        (entries) => {
+          const entry = entries[0];
+          if (!entry?.isIntersecting || !hasNextPage || loading || disabled) return;
+          handleLoadMore();
+        },
+        { threshold, rootMargin }
+      );
+      observer.observe(element);
+      observerRef.current = observer;
+    },
+    [cleanupObserver, disabled, handleLoadMore, hasNextPage, loading, rootMargin, threshold]
+  );
+  const loadMoreRef = useCallback5(
+    (element) => {
+      elementRef.current = element;
+      observeElement(element);
+    },
+    [observeElement]
+  );
   useEffect8(() => {
-    const element = loadMoreRef.current;
-    if (!element) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries[0].isIntersecting && hasNextPage && !loading && !disabled) {
-          onLoadMore();
-        }
-      },
-      { threshold, rootMargin }
-    );
-    observer.observe(element);
-    return () => {
-      observer.disconnect();
-    };
-  }, [hasNextPage, loading, disabled, onLoadMore, threshold, rootMargin]);
+    return cleanupObserver;
+  }, [cleanupObserver]);
   return [loadMoreRef];
 }
 
 // src/hooks/use-modal-controls.ts
-import { useCallback as useCallback5, useState as useState7 } from "react";
+import { useCallback as useCallback6, useState as useState7 } from "react";
 function useModalControls(initState = false, { disabled } = {}) {
   const [isOpen, setIsOpen] = useState7(initState);
-  const openModal = useCallback5(() => {
+  const openModal = useCallback6(() => {
     if (disabled) return;
     setIsOpen(true);
   }, [disabled]);
-  const closeModal = useCallback5(() => {
+  const closeModal = useCallback6(() => {
     if (disabled) return;
     setIsOpen(false);
   }, [disabled]);
-  const toggleModal = useCallback5(() => {
+  const toggleModal = useCallback6(() => {
     if (disabled) return;
     setIsOpen((value) => !value);
   }, [disabled]);
@@ -2746,13 +2763,13 @@ function useModalControls(initState = false, { disabled } = {}) {
 }
 
 // src/hooks/use-modal-with-history-controls.ts
-import { useCallback as useCallback7, useEffect as useEffect10, useRef as useRef7, useState as useState8 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect10, useRef as useRef7, useState as useState8 } from "react";
 
 // src/hooks/use-timeout-ref.ts
-import { useCallback as useCallback6, useEffect as useEffect9, useRef as useRef6 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect9, useRef as useRef6 } from "react";
 function useTimeoutRef() {
   const timeoutIdRef = useRef6();
-  const resetTimeout = useCallback6(() => {
+  const resetTimeout = useCallback7(() => {
     if (timeoutIdRef.current) {
       clearTimeout(timeoutIdRef.current);
     }
@@ -2784,7 +2801,7 @@ function useModalWithHistoryControls({
   const scrollRef = useRef7(0);
   const resetDelayRef = useRef7(false);
   const resetDelayTimeoutRef = useTimeoutRef();
-  const addHash = useCallback7(() => {
+  const addHash = useCallback8(() => {
     const targetWindow = getWindow();
     const historyState = targetWindow.history.state;
     if (enabled && historyState?.popupKey !== key) {
@@ -2801,11 +2818,11 @@ function useModalWithHistoryControls({
       targetWindow.scrollTo(0, scrollRef.current);
     }
   }, [enabled, key]);
-  const openModal = useCallback7(() => {
+  const openModal = useCallback8(() => {
     setIsOpen(true);
     addHash();
   }, [addHash]);
-  const resetHash = useCallback7(() => {
+  const resetHash = useCallback8(() => {
     const targetWindow = getWindow();
     const historyState = targetWindow.history.state;
     if (enabled && historyState?.popupKey === key && !resetDelayRef.current) {
@@ -2816,11 +2833,11 @@ function useModalWithHistoryControls({
       }, 300);
     }
   }, [enabled, key, resetDelayTimeoutRef]);
-  const closeModal = useCallback7(() => {
+  const closeModal = useCallback8(() => {
     setIsOpen(false);
     resetHash();
   }, [resetHash]);
-  const toggleModal = useCallback7(() => {
+  const toggleModal = useCallback8(() => {
     setIsOpen(!isOpen);
     if (isOpen) {
       resetHash();
@@ -2860,7 +2877,7 @@ function useModalWithHistoryControls({
 }
 
 // src/hooks/use-outside-click.ts
-import { useCallback as useCallback8, useEffect as useEffect11, useRef as useRef8 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect11, useRef as useRef8 } from "react";
 function useOutsideClick({
   elementRef,
   onOutsideClick,
@@ -2870,7 +2887,7 @@ function useOutsideClick({
 }) {
   const handleOutsideClick = useRef8(onOutsideClick);
   handleOutsideClick.current = onOutsideClick;
-  const checkNestedElements = useCallback8(
+  const checkNestedElements = useCallback9(
     (event, ownerDocument) => {
       const checkIsElementClickedBySelector = (selector) => {
         const nestedElement = ownerDocument.querySelector(selector);
@@ -2962,12 +2979,12 @@ function useScreenResize(maxWidth, matchString) {
 }
 
 // src/hooks/use-lock-body-scroll.ts
-import { useCallback as useCallback9, useLayoutEffect as useLayoutEffect2 } from "react";
+import { useCallback as useCallback10, useLayoutEffect as useLayoutEffect2 } from "react";
 function useLockBodyScroll(needLock) {
-  const lockScroll = useCallback9(() => {
+  const lockScroll = useCallback10(() => {
     getDocument().getElementsByTagName("body")[0].style.overflow = "hidden";
   }, []);
-  const resetScroll = useCallback9(() => {
+  const resetScroll = useCallback10(() => {
     getDocument().getElementsByTagName("body")[0].style.overflow = "auto";
   }, []);
   useLayoutEffect2(() => {
@@ -3083,12 +3100,12 @@ function useDebounce(value, delayMs = 1e3, handleChange) {
 }
 
 // src/hooks/use-debounced-function.ts
-import { useCallback as useCallback10, useRef as useRef10 } from "react";
+import { useCallback as useCallback11, useRef as useRef10 } from "react";
 function useDebouncedFunction(callback, delay) {
   const timerRef = useRef10();
   const immediateCalling = useRef10(false);
   const callbackFn = useEvent(callback);
-  const throttled = useCallback10(
+  const throttled = useCallback11(
     (...args) => {
       clearTimeout(timerRef.current);
       if (immediateCalling.current) {
@@ -3103,7 +3120,7 @@ function useDebouncedFunction(callback, delay) {
     },
     [callbackFn, delay]
   );
-  const immediate = useCallback10(() => {
+  const immediate = useCallback11(() => {
     immediateCalling.current = true;
   }, []);
   return { throttled, immediate };
@@ -3120,7 +3137,7 @@ function usePrevious(value, defaultValue) {
 }
 
 // src/hooks/use-pagination.ts
-import { useCallback as useCallback11, useEffect as useEffect16, useMemo, useState as useState11 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect16, useMemo, useState as useState11 } from "react";
 
 // src/storage/AbstractStorage.ts
 var AbstractStorage = class {
@@ -3223,14 +3240,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 = useCallback11(
+  const setPage = useCallback12(
     (page) => {
       const clampedPage = Math.max(1, Math.min(page, pages || 1));
       setState((prev) => ({ ...prev, page: clampedPage }));
     },
     [pages]
   );
-  const setPageSize = useCallback11((pageSize) => {
+  const setPageSize = useCallback12((pageSize) => {
     const validPageSize = Math.max(1, pageSize);
     setState((prev) => {
       const currentFirstItem = (prev.page - 1) * prev.pageSize + 1;
@@ -3242,7 +3259,7 @@ function usePagination(config) {
       };
     });
   }, []);
-  const setTotalItems = useCallback11((totalItems) => {
+  const setTotalItems = useCallback12((totalItems) => {
     const validTotalItems = Math.max(0, totalItems);
     setState((prev) => {
       const newPages = validTotalItems > 0 ? Math.ceil(validTotalItems / prev.pageSize) : 0;
@@ -3254,19 +3271,19 @@ function usePagination(config) {
       };
     });
   }, []);
-  const nextPage = useCallback11(() => {
+  const nextPage = useCallback12(() => {
     setPage(state.page + 1);
   }, [setPage, state.page]);
-  const previousPage = useCallback11(() => {
+  const previousPage = useCallback12(() => {
     setPage(state.page - 1);
   }, [setPage, state.page]);
-  const goToFirstPage = useCallback11(() => {
+  const goToFirstPage = useCallback12(() => {
     setPage(1);
   }, [setPage]);
-  const goToLastPage = useCallback11(() => {
+  const goToLastPage = useCallback12(() => {
     setPage(pages);
   }, [setPage, pages]);
-  const reset = useCallback11(() => {
+  const reset = useCallback12(() => {
     setState({
       page: defaultPage,
       pageSize: defaultPageSize,
@@ -3295,11 +3312,11 @@ function usePagination(config) {
 }
 
 // src/hooks/use-search-input.ts
-import { useCallback as useCallback12, useState as useState12 } from "react";
+import { useCallback as useCallback13, useState as useState12 } from "react";
 function useSearchInput({ value, onChange }) {
   const [innerValue, setInnerValue] = useState12(value || "");
   const [, setDebouncedValue] = useDebounce(innerValue, 600, onChange);
-  const handleChange = useCallback12(
+  const handleChange = useCallback13(
     (event) => {
       if (event.target.value === "") {
         setDebouncedValue("");
@@ -3349,7 +3366,7 @@ function useStickyStuck(ref) {
 }
 
 // src/hooks/use-switch-section-active.ts
-import { useCallback as useCallback13, useEffect as useEffect18, useLayoutEffect as useLayoutEffect3, useState as useState14 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect18, useLayoutEffect as useLayoutEffect3, useState as useState14 } from "react";
 function useSwitchSectionActive(preloadedSectionActive, { canToggle, onToggle, onSectionActiveChange, onTouched } = {}) {
   const [isSectionActive, setIsSectionActive] = useState14(false);
   const [preloadedIsSendingEnabled, setPreloadedIsSendingEnabled] = useState14(null);
@@ -3367,7 +3384,7 @@ function useSwitchSectionActive(preloadedSectionActive, { canToggle, onToggle, o
     },
     [preloadedSectionActive]
   );
-  const toggleIsSectionActive = useCallback13(() => {
+  const toggleIsSectionActive = useCallback14(() => {
     const isTogglingDisabled = canToggle && !canToggle(isSectionActive);
     if (isTogglingDisabled) {
       return;
@@ -3468,13 +3485,13 @@ function useTimeout(callback, ms = 0) {
 }
 
 // src/hooks/use-hover.ts
-import { useCallback as useCallback14, useState as useState16 } from "react";
+import { useCallback as useCallback15, useState as useState16 } from "react";
 function useHover() {
   const [isHovering, setIsHovering] = useState16(false);
-  const handleMouseEnter = useCallback14(() => {
+  const handleMouseEnter = useCallback15(() => {
     setIsHovering(true);
   }, []);
-  const handleMouseLeave = useCallback14(() => {
+  const handleMouseLeave = useCallback15(() => {
     setIsHovering(false);
   }, []);
   return {
@@ -3485,7 +3502,7 @@ function useHover() {
 }
 
 // src/hooks/use-key-down.ts
-import { useCallback as useCallback15, useEffect as useEffect21 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect21 } from "react";
 function useKeyDown({
   key,
   cb,
@@ -3499,7 +3516,7 @@ function useKeyDown({
     altKey = false
   } = options ?? {};
   const handleCallback = useEvent(cb);
-  const handleKeyDown = useCallback15(
+  const handleKeyDown = useCallback16(
     (event) => {
       const keys = Array.isArray(key) ? key : [key];
       const isKeyMatch = keys.includes(event.key);
@@ -4553,7 +4570,7 @@ ExternalLink.displayName = "ExternalLink";
 
 // src/expandable-content/ExpandableContent.tsx
 import {
-  useCallback as useCallback17,
+  useCallback as useCallback18,
   useEffect as useEffect24,
   useRef as useRef16,
   useState as useState19
@@ -4590,7 +4607,7 @@ function ExpandableContent({
   const [internalOpen, setInternalOpen] = useState19(defaultOpen);
   const isOpen = open ?? internalOpen;
   const isOverflowing = contentHeight > heightLimit;
-  const measureContent = useCallback17(() => {
+  const measureContent = useCallback18(() => {
     const nextHeight = contentRef.current?.getBoundingClientRect().height ?? 0;
     setContentHeight(nextHeight);
   }, []);
@@ -4649,7 +4666,7 @@ function ExpandableContent({
 // src/file-input-button/FileInputButton.tsx
 import {
   forwardRef as forwardRef24,
-  useCallback as useCallback18
+  useCallback as useCallback19
 } from "react";
 import { Upload } from "lucide-react";
 import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
@@ -4665,7 +4682,7 @@ var FileInputButton = forwardRef24(
     size = "default",
     ...props
   }, ref) => {
-    const handleChange = useCallback18(
+    const handleChange = useCallback19(
       (event) => {
         onChange?.(event);
         event.target.value = "";
@@ -5084,7 +5101,7 @@ function extractDigits(str) {
 }
 
 // src/input-otp/useInputOTP.ts
-import { useCallback as useCallback19, useEffect as useEffect25, useMemo as useMemo3, useRef as useRef17, useState as useState22 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect25, useMemo as useMemo3, useRef as useRef17, useState as useState22 } from "react";
 function useInputOTP({
   maxLength,
   value,
@@ -5109,7 +5126,7 @@ function useInputOTP({
     return nextSlots;
   }, [value, maxLength]);
   slotsRef.current = slots;
-  const emitValue = useCallback19(
+  const emitValue = useCallback20(
     (newSlots) => {
       let lastFilledIndex = -1;
       for (let index = newSlots.length - 1; index >= 0; index -= 1) {
@@ -5135,7 +5152,7 @@ function useInputOTP({
       inputRefs.current[0].focus();
     }
   }, [autoFocus]);
-  const handleContainerFocusIn = useCallback19((event) => {
+  const handleContainerFocusIn = useCallback20((event) => {
     clearTimeout(blurTimeoutRef.current);
     const target = event.target;
     const slotIndex = inputRefs.current.indexOf(target);
@@ -5143,7 +5160,7 @@ function useInputOTP({
       setActiveIndex(slotIndex);
     }
   }, []);
-  const handleContainerFocusOut = useCallback19(() => {
+  const handleContainerFocusOut = useCallback20(() => {
     clearTimeout(blurTimeoutRef.current);
     blurTimeoutRef.current = setTimeout(() => {
       if (!containerRef.current?.contains(document.activeElement)) {
@@ -5152,7 +5169,7 @@ function useInputOTP({
     }, 0);
   }, []);
   useEffect25(() => () => clearTimeout(blurTimeoutRef.current), []);
-  const handleDigitInput = useCallback19(
+  const handleDigitInput = useCallback20(
     (index, digit) => {
       if (!DIGIT_REGEX.test(digit)) return;
       const newSlots = [...slotsRef.current];
@@ -5166,7 +5183,7 @@ function useInputOTP({
     },
     [maxLength, emitValue]
   );
-  const handleDelete = useCallback19(
+  const handleDelete = useCallback20(
     (index) => {
       const newSlots = [...slotsRef.current];
       if (newSlots[index]) {
@@ -5181,7 +5198,7 @@ function useInputOTP({
     },
     [emitValue]
   );
-  const handlePaste = useCallback19(
+  const handlePaste = useCallback20(
     (text) => {
       const digits = extractDigits(text).slice(0, maxLength);
       if (digits.length > 0) {
@@ -5231,7 +5248,7 @@ function useInputOTP({
 
 // src/input-otp/useInputOTPSlot.ts
 import {
-  useCallback as useCallback20
+  useCallback as useCallback21
 } from "react";
 function useInputOTPSlot(index) {
   const {
@@ -5302,13 +5319,13 @@ function useInputOTPSlot(index) {
     event.preventDefault();
     handlePaste(event.clipboardData.getData("text/plain"));
   };
-  const setInputRef = useCallback20(
+  const setInputRef = useCallback21(
     (element) => {
       inputRefs.current[index] = element;
     },
     [index, inputRefs]
   );
-  const focusSlot = useCallback20(() => {
+  const focusSlot = useCallback21(() => {
     inputRefs.current[index]?.focus();
   }, [index, inputRefs]);
   return {
@@ -6778,7 +6795,7 @@ var LegacyMultiSelect = forwardRef33(LegacyMultiSelectInner);
 
 // src/legacy-fields/select/InfinitySelect.tsx
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { useCallback as useCallback21, useEffect as useEffect26, useId as useId7, useRef as useRef19, useState as useState27 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect26, useId as useId7, useRef as useRef19, useState as useState27 } from "react";
 import { jsx as jsx79, jsxs as jsxs50 } from "react/jsx-runtime";
 function LegacyInfinitySelect({
   label,
@@ -6802,7 +6819,7 @@ function LegacyInfinitySelect({
     estimateSize: () => itemHeight,
     overscan: 5
   });
-  const loadMore = useCallback21(() => {
+  const loadMore = useCallback22(() => {
     if (hasNextPage && !isFetchingNextPage) {
       fetchNextPage();
     }
@@ -7172,7 +7189,7 @@ var RadioGroupItem = React25.forwardRef(({ className, size = "default", ...props
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/radio/useRadioOptions.ts
-import { useCallback as useCallback22, useEffect as useEffect27, useState as useState28 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect27, useState as useState28 } from "react";
 function getSelectedValue(options, defaultValue) {
   return (typeof defaultValue === "string" ? options.find((option) => option.value === defaultValue) : defaultValue) || "";
 }
@@ -7183,7 +7200,7 @@ function useRadioOptions({ options, defaultValue, onChange }) {
   useEffect27(() => {
     setSelectedValue(getSelectedValue(options, defaultValue));
   }, [defaultValue, options]);
-  const handleValueChange = useCallback22(
+  const handleValueChange = useCallback23(
     (value) => {
       setSelectedValue(value);
       const selectedOption = options.find((option) => option.value === value) || "";
@@ -8848,7 +8865,7 @@ import {
   useEffect as useEffect30,
   useRef as useRef21,
   useState as useState32,
-  useCallback as useCallback24,
+  useCallback as useCallback25,
   useImperativeHandle,
   useLayoutEffect as useLayoutEffect4
 } from "react";
@@ -8864,7 +8881,13 @@ var SIGNATURE_PROPS = {
   throttle: 16
 };
 var ASPECT_RATIO = 330 / 190;
-function getTrimmedCanvasData(canvas, padding = 10) {
+function getCanvasPixelPadding(canvas, padding) {
+  if (!Number.isFinite(padding) || padding <= 0) return 0;
+  const cssWidth = canvas.getBoundingClientRect().width;
+  const scale = cssWidth > 0 ? canvas.width / cssWidth : 1;
+  return Math.round(padding * scale);
+}
+function getTrimmedCanvas(canvas, padding = 10) {
   const ctx = canvas.getContext("2d");
   if (!ctx) return null;
   const { width, height } = canvas;
@@ -8880,18 +8903,19 @@ function getTrimmedCanvasData(canvas, padding = 10) {
       const alpha = data[(y * width + x) * 4 + 3];
       if (alpha > 0) {
         hasContent = true;
-        minX = Math.min(minX, x);
-        minY = Math.min(minY, y);
-        maxX = Math.max(maxX, x);
-        maxY = Math.max(maxY, y);
+        if (x < minX) minX = x;
+        if (y < minY) minY = y;
+        if (x > maxX) maxX = x;
+        if (y > maxY) maxY = y;
       }
     }
   }
   if (!hasContent) return null;
-  minX = Math.max(0, minX - padding);
-  minY = Math.max(0, minY - padding);
-  maxX = Math.min(width - 1, maxX + padding);
-  maxY = Math.min(height - 1, maxY + padding);
+  const pixelPadding = getCanvasPixelPadding(canvas, padding);
+  minX = Math.max(0, minX - pixelPadding);
+  minY = Math.max(0, minY - pixelPadding);
+  maxX = Math.min(width - 1, maxX + pixelPadding);
+  maxY = Math.min(height - 1, maxY + pixelPadding);
   const trimmedWidth = maxX - minX + 1;
   const trimmedHeight = maxY - minY + 1;
   const trimmedCanvas = document.createElement("canvas");
@@ -8910,10 +8934,7 @@ function getTrimmedCanvasData(canvas, padding = 10) {
     trimmedWidth,
     trimmedHeight
   );
-  return {
-    canvas: trimmedCanvas,
-    bounds: { x: minX, y: minY, width: trimmedWidth, height: trimmedHeight }
-  };
+  return trimmedCanvas;
 }
 var SignatureCanvas = forwardRef41(
   ({ onClear, onEnd, onEnable, className, enabled }, ref) => {
@@ -8923,7 +8944,7 @@ var SignatureCanvas = forwardRef41(
     const containerRef = useRef21(null);
     const [size, setSize] = useState32({ width: 330, height: 190 });
     const [hasSignature, setHasSignature] = useState32(false);
-    const calculateSize = useCallback24((containerWidth) => {
+    const calculateSize = useCallback25((containerWidth) => {
       const width = Math.floor(Math.min(containerWidth, 646));
       const height = Math.floor(width / ASPECT_RATIO);
       setSize((prev) => {
@@ -8957,12 +8978,12 @@ var SignatureCanvas = forwardRef41(
       canvas.style.width = `${size.width}px`;
       canvas.style.height = `${size.height}px`;
     }, [size, enabled]);
-    const handleEnd = useCallback24(() => {
+    const handleEnd = useCallback25(() => {
       const isEmpty = canvasRef.current?.isEmpty() ?? true;
       setHasSignature(!isEmpty);
       onEnd?.();
     }, [onEnd]);
-    const handleClear = useCallback24(() => {
+    const handleClear = useCallback25(() => {
       canvasRef.current?.clear();
       setHasSignature(false);
       onClear?.();
@@ -8978,9 +8999,9 @@ var SignatureCanvas = forwardRef41(
       toTrimmedDataURL: (type = "image/png", encoderOptions, padding = 10) => {
         const canvas = canvasRef.current?.getCanvas();
         if (!canvas) return "";
-        const trimmed = getTrimmedCanvasData(canvas, padding);
+        const trimmed = getTrimmedCanvas(canvas, padding);
         if (!trimmed) return "";
-        return trimmed.canvas.toDataURL(type, encoderOptions);
+        return trimmed.toDataURL(type, encoderOptions);
       },
       getCanvas: (...args) => canvasRef.current?.getCanvas(...args)
     }));
@@ -10085,11 +10106,11 @@ function TimelineDescription({ className, asChild, ...props }) {
 import { Toaster, toast as toast2 } from "sonner";
 
 // src/toaster/useUpdateToast.ts
-import { useCallback as useCallback26, useRef as useRef22 } from "react";
+import { useCallback as useCallback27, useRef as useRef22 } from "react";
 import { toast } from "sonner";
 function useUpdateToast({ id }) {
   const toastIdRef = useRef22("");
-  const getToastOptions = useCallback26(
+  const getToastOptions = useCallback27(
     (options) => ({
       id: toastIdRef.current,
       dismissible: false,
@@ -10924,7 +10945,7 @@ function VideoPlayer({
 import {
   forwardRef as forwardRef54,
   memo as memo7,
-  useCallback as useCallback28,
+  useCallback as useCallback29,
   useImperativeHandle as useImperativeHandle2,
   useMemo as useMemo7,
   useRef as useRef25,
@@ -10983,7 +11004,7 @@ async function compressImage(image) {
 }
 
 // src/webcam/useErrorHandler.ts
-import { useCallback as useCallback27 } from "react";
+import { useCallback as useCallback28 } from "react";
 import { useTranslation as useTranslation23 } from "react-i18next";
 import { isSafari as isSafari2 } from "react-device-detect";
 
@@ -11149,7 +11170,7 @@ var GET_USER_MEDIA_ERROR = "getUserMedia is not implemented in this browser";
 function useErrorHandler({ onError }) {
   const { t } = useTranslation23();
   const handleError = useEvent(onError);
-  const handleUserMediaError = useCallback27(
+  const handleUserMediaError = useCallback28(
     (error) => {
       console.error(error);
       let errorText = "";
@@ -11279,7 +11300,7 @@ var Webcam = memo7(
           onError(errorDetails);
         }
       });
-      const handleUserMediaErrorWithFallback = useCallback28(
+      const handleUserMediaErrorWithFallback = useCallback29(
         (error) => {
           if (error instanceof DOMException && error.name === "OverconstrainedError" && !useReducedConstraints && !videoConstraints) {
             console.warn("Camera constraints failed, trying reduced constraints:", error);
@@ -11329,7 +11350,7 @@ var Webcam = memo7(
           ...webcamRef.current
         })
       );
-      const handleUserMediaSuccess = useCallback28(
+      const handleUserMediaSuccess = useCallback29(
         (stream) => {
           if (!isMobile2) {
             const track = stream.getVideoTracks()[0];
@@ -11420,17 +11441,17 @@ Webcam.displayName = "Webcam";
 
 // src/mobile-webcam/MobileWebcam.tsx
 import { Camera, ChevronLeft as ChevronLeft4 } from "lucide-react";
-import { forwardRef as forwardRef55, useCallback as useCallback30 } from "react";
+import { forwardRef as forwardRef55, useCallback as useCallback31 } from "react";
 import { createPortal } from "react-dom";
 import { useTranslation as useTranslation25 } from "react-i18next";
 
 // src/mobile-webcam/DeviceCamera/DeviceCamera.tsx
-import { useCallback as useCallback29 } from "react";
+import { useCallback as useCallback30 } from "react";
 import { useTranslation as useTranslation24 } from "react-i18next";
 import { jsx as jsx136, jsxs as jsxs84 } from "react/jsx-runtime";
 function DeviceCamera({ onChange, facingMode, className }) {
   const { t } = useTranslation24();
-  const handleNativeScreenshot = useCallback29(
+  const handleNativeScreenshot = useCallback30(
     (event) => {
       const file = event.target.files?.[0];
       onChange(file ? compressImage(file) : void 0);
@@ -11478,7 +11499,7 @@ var MobileWebcam = forwardRef55(
   ({ onScreenshot, onBack, title, text, disabled, className, ...props }, ref) => {
     const rootElement = getDocument()?.body;
     const { t } = useTranslation25();
-    const handleNativeScreenshot = useCallback30(
+    const handleNativeScreenshot = useCallback31(
       (photo) => onScreenshot({ isNative: true, photo }),
       [onScreenshot]
     );
@@ -18176,7 +18197,7 @@ AirbnbPhoneField.displayName = "AirbnbPhoneField";
 import * as React71 from "react";
 import { ChevronDown as ChevronDown6, Search as Search3 } from "lucide-react";
 import { useVirtualizer as useVirtualizer3 } from "@tanstack/react-virtual";
-import { useCallback as useCallback50 } from "react";
+import { useCallback as useCallback51 } from "react";
 import { jsx as jsx178, jsxs as jsxs118 } from "react/jsx-runtime";
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
@@ -18255,7 +18276,7 @@ var AirbnbSearchableSelectInternal = ({
     isDisabled: !open || isMobile3
   });
   const handleOnOpenChange = useEvent(onOpenChange);
-  const setSelectOpen = useCallback50(
+  const setSelectOpen = useCallback51(
     (nextOpen, options2) => {
       setOpen(nextOpen);
       handleOnOpenChange?.(nextOpen);