@chekinapp/ui 0.0.91 → 0.0.92

package/dist/index.js

@@ -2803,7 +2803,11 @@ function useModalWithHistoryControls({
   }, [resetHash]);
   const toggleModal = useCallback7(() => {
     setIsOpen(!isOpen);
-    !isOpen ? addHash() : resetHash();
+    if (isOpen) {
+      resetHash();
+    } else {
+      addHash();
+    }
   }, [addHash, isOpen, resetHash]);
   useEffect10(() => {
     const targetWindow = getWindow();
@@ -3004,7 +3008,7 @@ function useScrollFrameIntoView(active, options = {}) {
 }
 
 // src/hooks/use-scrollable-area.ts
-import { useCallback as useCallback10, useEffect as useEffect13, useRef as useRef9, useState as useState9 } from "react";
+import { useEffect as useEffect13, useRef as useRef9, useState as useState9 } from "react";
 var SCROLL_THRESHOLD = 1;
 function getScrollableAreaState(element) {
   const { scrollTop, scrollHeight, clientHeight } = element;
@@ -3016,17 +3020,15 @@ function useScrollableArea(options = {}) {
   const internalRef = useRef9(null);
   const ref = options.ref ?? internalRef;
   const [state, setState] = useState9({ canScrollUp: false, canScrollDown: false });
-  const updateState = useCallback10(() => {
-    const element = ref.current;
-    if (!element) return;
-    const newState = getScrollableAreaState(element);
-    setState(
-      (prev) => prev.canScrollUp !== newState.canScrollUp || prev.canScrollDown !== newState.canScrollDown ? newState : prev
-    );
-  }, [ref]);
   useEffect13(() => {
     const element = ref.current;
     if (!element) return;
+    const updateState = () => {
+      const newState = getScrollableAreaState(element);
+      setState(
+        (prev) => prev.canScrollUp !== newState.canScrollUp || prev.canScrollDown !== newState.canScrollDown ? newState : prev
+      );
+    };
     updateState();
     const resizeObserver = new ResizeObserver(updateState);
     resizeObserver.observe(element);
@@ -3035,7 +3037,7 @@ function useScrollableArea(options = {}) {
       resizeObserver.disconnect();
       element.removeEventListener("scroll", updateState);
     };
-  }, [ref, updateState]);
+  }, [ref]);
   return {
     ref,
     ...state
@@ -3062,12 +3064,12 @@ function useDebounce(value, delayMs = 1e3, handleChange) {
 }
 
 // src/hooks/use-debounced-function.ts
-import { useCallback as useCallback11, useRef as useRef10 } from "react";
+import { useCallback as useCallback10, useRef as useRef10 } from "react";
 function useDebouncedFunction(callback, delay) {
   const timerRef = useRef10();
   const immediateCalling = useRef10(false);
   const callbackFn = useEvent(callback);
-  const throttled = useCallback11(
+  const throttled = useCallback10(
     (...args) => {
       clearTimeout(timerRef.current);
       if (immediateCalling.current) {
@@ -3082,7 +3084,7 @@ function useDebouncedFunction(callback, delay) {
     },
     [callbackFn, delay]
   );
-  const immediate = useCallback11(() => {
+  const immediate = useCallback10(() => {
     immediateCalling.current = true;
   }, []);
   return { throttled, immediate };
@@ -3099,7 +3101,7 @@ function usePrevious(value, defaultValue) {
 }
 
 // src/hooks/use-pagination.ts
-import { useCallback as useCallback12, useEffect as useEffect16, useMemo, useState as useState11 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect16, useMemo, useState as useState11 } from "react";
 
 // src/storage/AbstractStorage.ts
 var AbstractStorage = class {
@@ -3202,14 +3204,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 = useCallback12(
+  const setPage = useCallback11(
     (page) => {
       const clampedPage = Math.max(1, Math.min(page, pages || 1));
       setState((prev) => ({ ...prev, page: clampedPage }));
     },
     [pages]
   );
-  const setPageSize = useCallback12((pageSize) => {
+  const setPageSize = useCallback11((pageSize) => {
     const validPageSize = Math.max(1, pageSize);
     setState((prev) => {
       const currentFirstItem = (prev.page - 1) * prev.pageSize + 1;
@@ -3221,7 +3223,7 @@ function usePagination(config) {
       };
     });
   }, []);
-  const setTotalItems = useCallback12((totalItems) => {
+  const setTotalItems = useCallback11((totalItems) => {
     const validTotalItems = Math.max(0, totalItems);
     setState((prev) => {
       const newPages = validTotalItems > 0 ? Math.ceil(validTotalItems / prev.pageSize) : 0;
@@ -3233,19 +3235,19 @@ function usePagination(config) {
       };
     });
   }, []);
-  const nextPage = useCallback12(() => {
+  const nextPage = useCallback11(() => {
     setPage(state.page + 1);
   }, [setPage, state.page]);
-  const previousPage = useCallback12(() => {
+  const previousPage = useCallback11(() => {
     setPage(state.page - 1);
   }, [setPage, state.page]);
-  const goToFirstPage = useCallback12(() => {
+  const goToFirstPage = useCallback11(() => {
     setPage(1);
   }, [setPage]);
-  const goToLastPage = useCallback12(() => {
+  const goToLastPage = useCallback11(() => {
     setPage(pages);
   }, [setPage, pages]);
-  const reset = useCallback12(() => {
+  const reset = useCallback11(() => {
     setState({
       page: defaultPage,
       pageSize: defaultPageSize,
@@ -3274,11 +3276,11 @@ function usePagination(config) {
 }
 
 // src/hooks/use-search-input.ts
-import { useCallback as useCallback13, useState as useState12 } from "react";
+import { useCallback as useCallback12, useState as useState12 } from "react";
 function useSearchInput({ value, onChange }) {
   const [innerValue, setInnerValue] = useState12(value || "");
   const [, setDebouncedValue] = useDebounce(innerValue, 600, onChange);
-  const handleChange = useCallback13(
+  const handleChange = useCallback12(
     (event) => {
       if (event.target.value === "") {
         setDebouncedValue("");
@@ -3328,7 +3330,7 @@ function useStickyStuck(ref) {
 }
 
 // src/hooks/use-switch-section-active.ts
-import { useCallback as useCallback14, useEffect as useEffect18, useLayoutEffect as useLayoutEffect3, useState as useState14 } from "react";
+import { useCallback as useCallback13, 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);
@@ -3346,7 +3348,7 @@ function useSwitchSectionActive(preloadedSectionActive, { canToggle, onToggle, o
     },
     [preloadedSectionActive]
   );
-  const toggleIsSectionActive = useCallback14(() => {
+  const toggleIsSectionActive = useCallback13(() => {
     const isTogglingDisabled = canToggle && !canToggle(isSectionActive);
     if (isTogglingDisabled) {
       return;
@@ -3433,13 +3435,13 @@ function useTimeout(callback, ms = 0) {
 }
 
 // src/hooks/use-hover.ts
-import { useCallback as useCallback15, useState as useState16 } from "react";
+import { useCallback as useCallback14, useState as useState16 } from "react";
 function useHover() {
   const [isHovering, setIsHovering] = useState16(false);
-  const handleMouseEnter = useCallback15(() => {
+  const handleMouseEnter = useCallback14(() => {
     setIsHovering(true);
   }, []);
-  const handleMouseLeave = useCallback15(() => {
+  const handleMouseLeave = useCallback14(() => {
     setIsHovering(false);
   }, []);
   return {
@@ -3450,7 +3452,7 @@ function useHover() {
 }
 
 // src/hooks/use-key-down.ts
-import { useCallback as useCallback16, useEffect as useEffect21 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect21 } from "react";
 function useKeyDown({
   key,
   cb,
@@ -3464,7 +3466,7 @@ function useKeyDown({
     altKey = false
   } = options ?? {};
   const handleCallback = useEvent(cb);
-  const handleKeyDown = useCallback16(
+  const handleKeyDown = useCallback15(
     (event) => {
       const keys = Array.isArray(key) ? key : [key];
       const isKeyMatch = keys.includes(event.key);
@@ -4518,7 +4520,7 @@ ExternalLink.displayName = "ExternalLink";
 
 // src/expandable-content/ExpandableContent.tsx
 import {
-  useCallback as useCallback18,
+  useCallback as useCallback17,
   useEffect as useEffect24,
   useRef as useRef16,
   useState as useState19
@@ -4555,7 +4557,7 @@ function ExpandableContent({
   const [internalOpen, setInternalOpen] = useState19(defaultOpen);
   const isOpen = open ?? internalOpen;
   const isOverflowing = contentHeight > heightLimit;
-  const measureContent = useCallback18(() => {
+  const measureContent = useCallback17(() => {
     const nextHeight = contentRef.current?.getBoundingClientRect().height ?? 0;
     setContentHeight(nextHeight);
   }, []);
@@ -4614,7 +4616,7 @@ function ExpandableContent({
 // src/file-input-button/FileInputButton.tsx
 import {
   forwardRef as forwardRef24,
-  useCallback as useCallback19
+  useCallback as useCallback18
 } from "react";
 import { Upload } from "lucide-react";
 import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
@@ -4630,7 +4632,7 @@ var FileInputButton = forwardRef24(
     size = "default",
     ...props
   }, ref) => {
-    const handleChange = useCallback19(
+    const handleChange = useCallback18(
       (event) => {
         onChange?.(event);
         event.target.value = "";
@@ -5049,7 +5051,7 @@ function extractDigits(str) {
 }
 
 // src/input-otp/useInputOTP.ts
-import { useCallback as useCallback20, useEffect as useEffect25, useMemo as useMemo3, useRef as useRef17, useState as useState22 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect25, useMemo as useMemo3, useRef as useRef17, useState as useState22 } from "react";
 function useInputOTP({
   maxLength,
   value,
@@ -5074,7 +5076,7 @@ function useInputOTP({
     return nextSlots;
   }, [value, maxLength]);
   slotsRef.current = slots;
-  const emitValue = useCallback20(
+  const emitValue = useCallback19(
     (newSlots) => {
       let lastFilledIndex = -1;
       for (let index = newSlots.length - 1; index >= 0; index -= 1) {
@@ -5100,7 +5102,7 @@ function useInputOTP({
       inputRefs.current[0].focus();
     }
   }, [autoFocus]);
-  const handleContainerFocusIn = useCallback20((event) => {
+  const handleContainerFocusIn = useCallback19((event) => {
     clearTimeout(blurTimeoutRef.current);
     const target = event.target;
     const slotIndex = inputRefs.current.indexOf(target);
@@ -5108,7 +5110,7 @@ function useInputOTP({
       setActiveIndex(slotIndex);
     }
   }, []);
-  const handleContainerFocusOut = useCallback20(() => {
+  const handleContainerFocusOut = useCallback19(() => {
     clearTimeout(blurTimeoutRef.current);
     blurTimeoutRef.current = setTimeout(() => {
       if (!containerRef.current?.contains(document.activeElement)) {
@@ -5117,7 +5119,7 @@ function useInputOTP({
     }, 0);
   }, []);
   useEffect25(() => () => clearTimeout(blurTimeoutRef.current), []);
-  const handleDigitInput = useCallback20(
+  const handleDigitInput = useCallback19(
     (index, digit) => {
       if (!DIGIT_REGEX.test(digit)) return;
       const newSlots = [...slotsRef.current];
@@ -5131,7 +5133,7 @@ function useInputOTP({
     },
     [maxLength, emitValue]
   );
-  const handleDelete = useCallback20(
+  const handleDelete = useCallback19(
     (index) => {
       const newSlots = [...slotsRef.current];
       if (newSlots[index]) {
@@ -5146,7 +5148,7 @@ function useInputOTP({
     },
     [emitValue]
   );
-  const handlePaste = useCallback20(
+  const handlePaste = useCallback19(
     (text) => {
       const digits = extractDigits(text).slice(0, maxLength);
       if (digits.length > 0) {
@@ -5196,7 +5198,7 @@ function useInputOTP({
 
 // src/input-otp/useInputOTPSlot.ts
 import {
-  useCallback as useCallback21
+  useCallback as useCallback20
 } from "react";
 function useInputOTPSlot(index) {
   const {
@@ -5267,13 +5269,13 @@ function useInputOTPSlot(index) {
     event.preventDefault();
     handlePaste(event.clipboardData.getData("text/plain"));
   };
-  const setInputRef = useCallback21(
+  const setInputRef = useCallback20(
     (element) => {
       inputRefs.current[index] = element;
     },
     [index, inputRefs]
   );
-  const focusSlot = useCallback21(() => {
+  const focusSlot = useCallback20(() => {
     inputRefs.current[index]?.focus();
   }, [index, inputRefs]);
   return {
@@ -6721,7 +6723,7 @@ var LegacyMultiSelect = forwardRef33(LegacyMultiSelectInner);
 
 // src/legacy-fields/select/InfinitySelect.tsx
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { useCallback as useCallback22, useEffect as useEffect26, useId as useId7, useRef as useRef19, useState as useState27 } from "react";
+import { useCallback as useCallback21, 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,
@@ -6745,7 +6747,7 @@ function LegacyInfinitySelect({
     estimateSize: () => itemHeight,
     overscan: 5
   });
-  const loadMore = useCallback22(() => {
+  const loadMore = useCallback21(() => {
     if (hasNextPage && !isFetchingNextPage) {
       fetchNextPage();
     }
@@ -7113,11 +7115,11 @@ var RadioGroupItem = React25.forwardRef(({ className, size = "default", ...props
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/radio/useRadioOptions.ts
-import { useCallback as useCallback23, useState as useState28 } from "react";
+import { useCallback as useCallback22, useState as useState28 } from "react";
 function useRadioOptions({ options, defaultValue, onChange }) {
   const initialValue = (typeof defaultValue === "string" ? options.find((option) => option.value === defaultValue) : defaultValue) || "";
   const [selectedValue, setSelectedValue] = useState28(initialValue);
-  const handleValueChange = useCallback23(
+  const handleValueChange = useCallback22(
     (value) => {
       setSelectedValue(value);
       const selectedOption = options.find((option) => option.value === value) || "";
@@ -9895,11 +9897,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 useCallback25, useRef as useRef22 } from "react";
 import { toast } from "sonner";
 function useUpdateToast({ id }) {
   const toastIdRef = useRef22("");
-  const getToastOptions = useCallback26(
+  const getToastOptions = useCallback25(
     (options) => ({
       id: toastIdRef.current,
       dismissible: false,
@@ -10141,7 +10143,7 @@ function TogglesInternal({
 var Toggles = forwardRef53(TogglesInternal);
 
 // src/three-dots-loader/ThreeDotsLoader.tsx
-import { Fragment as Fragment12, jsx as jsx131, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx131, jsxs as jsxs79 } from "react/jsx-runtime";
 function Dots({
   height,
   width,
@@ -10197,10 +10199,10 @@ function ThreeDotsLoader({
           className
         ),
         role: "progressbar",
-        children: labelPlacement === "right" ? /* @__PURE__ */ jsxs79(Fragment12, { children: [
+        children: labelPlacement === "right" ? /* @__PURE__ */ jsxs79(Fragment11, { children: [
           dots,
           /* @__PURE__ */ jsx131("div", { children: label })
-        ] }) : /* @__PURE__ */ jsxs79(Fragment12, { children: [
+        ] }) : /* @__PURE__ */ jsxs79(Fragment11, { children: [
           /* @__PURE__ */ jsx131("div", { children: label }),
           dots
         ] })
@@ -10429,7 +10431,7 @@ import {
   VolumeX,
   X as X8
 } from "lucide-react";
-import { Fragment as Fragment13, jsx as jsx135, jsxs as jsxs83 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx135, jsxs as jsxs83 } from "react/jsx-runtime";
 function VideoPlayer({
   src,
   poster,
@@ -10625,7 +10627,7 @@ function VideoPlayer({
             onLoad: () => setIsLoading(false),
             title: title || "Vimeo video player"
           }
-        ) : /* @__PURE__ */ jsxs83(Fragment13, { children: [
+        ) : /* @__PURE__ */ jsxs83(Fragment12, { children: [
           /* @__PURE__ */ jsxs83(
             "video",
             {
@@ -10731,7 +10733,7 @@ function VideoPlayer({
 }
 
 // src/webcam/Webcam.tsx
-import { forwardRef as forwardRef54, useCallback as useCallback27, useEffect as useEffect34, useMemo as useMemo7, useState as useState35 } from "react";
+import { forwardRef as forwardRef54, useCallback as useCallback26, useEffect as useEffect34, useMemo as useMemo7, useState as useState35 } from "react";
 import { useTranslation as useTranslation23 } from "react-i18next";
 import { isMobile, isTablet } from "react-device-detect";
 import ReactWebcam from "react-webcam";
@@ -10742,7 +10744,7 @@ function isDOMException(error) {
 }
 
 // src/webcam/Webcam.tsx
-import { Fragment as Fragment14, jsx as jsx136, jsxs as jsxs84 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx136, jsxs as jsxs84 } from "react/jsx-runtime";
 var SCREENSHOT_FORMAT = "image/jpeg";
 var MEDIA_CONSTRAINTS = {
   audio: false,
@@ -10822,7 +10824,7 @@ var Webcam = forwardRef54(
         }
       }
     }, [constraints, isMounted, onException]);
-    const handleUserMediaError = useCallback27(
+    const handleUserMediaError = useCallback26(
       (error) => {
         if (isDOMException(error) && ["PermissionDeniedError", "NotAllowedError"].includes(error.name)) {
           setIsCameraPermissionsDenied(true);
@@ -10833,7 +10835,7 @@ var Webcam = forwardRef54(
       },
       [onUserMediaError, onException]
     );
-    return /* @__PURE__ */ jsxs84(Fragment14, { children: [
+    return /* @__PURE__ */ jsxs84(Fragment13, { children: [
       /* @__PURE__ */ jsx136(
         "div",
         {
@@ -11188,7 +11190,7 @@ function ResponsiveSheet({
 
 // src/responsive-dropdown/ResponsiveDropdown.tsx
 import * as React43 from "react";
-import { Fragment as Fragment15, jsx as jsx140, jsxs as jsxs87 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx140, jsxs as jsxs87 } from "react/jsx-runtime";
 function ResponsiveDropdown({
   trigger,
   options,
@@ -11220,7 +11222,7 @@ function ResponsiveDropdown({
     setOpen(false);
   };
   if (isMobileMode) {
-    return /* @__PURE__ */ jsxs87(Fragment15, { children: [
+    return /* @__PURE__ */ jsxs87(Fragment14, { children: [
       /* @__PURE__ */ jsx140(
         "div",
         {
@@ -11291,7 +11293,7 @@ import { Eye, Minus as Minus4, Plus as Plus3, X as X9 } from "lucide-react";
 import { useTranslation as useTranslation24 } from "react-i18next";
 
 // src/dashboard/_fieldset/Fieldset.tsx
-import { Fragment as Fragment16, jsx as jsx141, jsxs as jsxs88 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx141, jsxs as jsxs88 } from "react/jsx-runtime";
 function Fieldset({
   isActivated,
   isFocused,
@@ -11311,7 +11313,7 @@ function Fieldset({
 }) {
   const showLegendText = Boolean(legend || typeof label === "string");
   const raised = !isEmpty || isFocused;
-  return /* @__PURE__ */ jsxs88(Fragment16, { children: [
+  return /* @__PURE__ */ jsxs88(Fragment15, { children: [
     /* @__PURE__ */ jsxs88(
       "div",
       {
@@ -11479,7 +11481,7 @@ var DashboardInput = React44.forwardRef(
       "div",
       {
         className: cn(
-          "relative block min-h-[68px] max-w-[var(--dashboard-input-max-width,none)]",
+          "relative block w-full min-h-[68px] max-w-[var(--dashboard-input-max-width,none)]",
           disabled && "cursor-not-allowed opacity-50",
           loading && "cursor-progress opacity-50",
           wrapperClassName,
@@ -14163,7 +14165,6 @@ var DashboardDatepicker = React54.forwardRef(
       setIsWheelOpen(false);
       mobileTriggerRef.current?.focus();
     }, []);
-    const closeMonth = () => setIsMonthOpen(false);
     const showCoverage = isEmpty && !isFocused && !isMobile2;
     const wheel = useDatePickerWheel({
       isOpen: isWheelOpen,
@@ -14616,7 +14617,7 @@ function useRangeTextInputs({
     }
     setFromText(value?.from ? format2(value.from) : "");
     return void 0;
-  }, [format2, fromText, onBlur, onCommit, parse3, value?.from, value?.to]);
+  }, [format2, fromText, onBlur, onCommit, parse3, value]);
   const handleToBlur = React56.useCallback(() => {
     if (!toText) {
       const next = { from: value?.from, to: void 0 };
@@ -14632,7 +14633,7 @@ function useRangeTextInputs({
       return;
     }
     setToText(value?.to ? format2(value.to) : "");
-  }, [format2, onBlur, onCommit, parse3, toText, value?.from, value?.to]);
+  }, [format2, onBlur, onCommit, parse3, toText, value]);
   return {
     fromText,
     toText,
@@ -15373,15 +15374,6 @@ import * as React61 from "react";
 import { Download, Paperclip, SquareX as SquareX5 } from "lucide-react";
 import { useTranslation as useTranslation36 } from "react-i18next";
 import { jsx as jsx163, jsxs as jsxs106 } from "react/jsx-runtime";
-function defaultFileNameFromUrl(url) {
-  try {
-    const parsed = new URL(url);
-    const segments = parsed.pathname.split("/");
-    return decodeURIComponent(segments[segments.length - 1] ?? url);
-  } catch {
-    return url;
-  }
-}
 function defaultDownload(url) {
   window.open(url, "_blank", "noopener,noreferrer");
 }
@@ -15406,8 +15398,7 @@ var DashboardFileInput = React61.forwardRef(
     hideErrorMessage,
     className,
     width,
-    downloadLabel,
-    fileNameFromUrl = defaultFileNameFromUrl
+    downloadLabel
   }, ref) {
     const internalRef = React61.useRef(null);
     const inputRef = useCombinedRef(ref, internalRef);
@@ -15760,7 +15751,7 @@ import { Calendar as Calendar2 } from "lucide-react";
 import * as React63 from "react";
 import { Loader2 as Loader24 } from "lucide-react";
 import { useTranslation as useTranslation37 } from "react-i18next";
-import { Fragment as Fragment18, jsx as jsx167, jsxs as jsxs110 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx167, jsxs as jsxs110 } from "react/jsx-runtime";
 var AirbnbFieldTrigger = React63.forwardRef(
   ({
     as = "button",
@@ -15839,7 +15830,7 @@ var AirbnbFieldTrigger = React63.forwardRef(
       disabled ? "cursor-not-allowed opacity-50" : loading ? "cursor-progress" : isAirbnbVariant ? "cursor-pointer" : "cursor-text",
       className
     );
-    const sharedContent = /* @__PURE__ */ jsxs110(Fragment18, { children: [
+    const sharedContent = /* @__PURE__ */ jsxs110(Fragment17, { children: [
       /* @__PURE__ */ jsxs110(
         "span",
         {
@@ -17521,7 +17512,7 @@ AirbnbPhoneField.displayName = "AirbnbPhoneField";
 import * as React72 from "react";
 import { ChevronDown as ChevronDown6, Search as Search3 } from "lucide-react";
 import { useVirtualizer as useVirtualizer3 } from "@tanstack/react-virtual";
-import { useCallback as useCallback47 } from "react";
+import { useCallback as useCallback46 } from "react";
 import { jsx as jsx177, jsxs as jsxs117 } from "react/jsx-runtime";
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
@@ -17600,7 +17591,7 @@ var AirbnbSearchableSelectInternal = ({
     isDisabled: !open || isMobile2
   });
   const handleOnOpenChange = useEvent(onOpenChange);
-  const setSelectOpen = useCallback47(
+  const setSelectOpen = useCallback46(
     (nextOpen, options2) => {
       setOpen(nextOpen);
       handleOnOpenChange?.(nextOpen);