@chekinapp/ui 0.0.107 → 0.0.109

package/dist/index.js

@@ -11973,10 +11973,75 @@ function ResponsiveDropdown({
 }
 
 // src/dashboard/input/Input.tsx
-import * as React43 from "react";
+import * as React44 from "react";
 import { Eye, Minus as Minus4, Plus as Plus3, X as X9 } from "lucide-react";
 import { useTranslation as useTranslation26 } from "react-i18next";
 
+// src/dashboard/input/useInputValueState.ts
+import * as React43 from "react";
+var isEmptyValue = (value) => {
+  if (value === void 0 || value === null) return true;
+  return String(value).length === 0;
+};
+var getInputEmptyState = ({
+  empty,
+  defaultValue,
+  value
+}) => {
+  if (typeof empty !== "undefined") return empty;
+  if (typeof value !== "undefined") return isEmptyValue(value);
+  return isEmptyValue(defaultValue);
+};
+function useInputValueState({
+  empty,
+  value,
+  defaultValue
+}) {
+  const inputRef = React43.useRef(null);
+  const isControlled = typeof empty !== "undefined" || typeof value !== "undefined";
+  const propsAreEmpty = getInputEmptyState({ empty, value, defaultValue });
+  const [nativeIsEmpty, setNativeIsEmpty] = React43.useState(propsAreEmpty);
+  const isEmpty = isControlled ? propsAreEmpty : nativeIsEmpty;
+  const setNativeValue = React43.useCallback(
+    (nextValue) => {
+      if (isControlled) return;
+      const nextIsEmpty = nextValue.length === 0;
+      setNativeIsEmpty(
+        (prevIsEmpty) => prevIsEmpty === nextIsEmpty ? prevIsEmpty : nextIsEmpty
+      );
+    },
+    [isControlled]
+  );
+  const syncValueState = React43.useCallback(() => {
+    if (!inputRef.current) return;
+    setNativeValue(inputRef.current.value);
+  }, [setNativeValue]);
+  React43.useLayoutEffect(() => {
+    syncValueState();
+  });
+  React43.useEffect(() => {
+    const input = inputRef.current;
+    const form = input?.form;
+    if (isControlled || !form) return;
+    const handleReset = () => {
+      if (typeof window !== "undefined" && window.requestAnimationFrame) {
+        window.requestAnimationFrame(syncValueState);
+        return;
+      }
+      globalThis.setTimeout(syncValueState, 0);
+    };
+    form.addEventListener("reset", handleReset);
+    return () => form.removeEventListener("reset", handleReset);
+  }, [isControlled, syncValueState]);
+  return {
+    inputRef,
+    isControlled,
+    isEmpty,
+    setNativeValue,
+    syncValueState
+  };
+}
+
 // src/dashboard/_fieldset/Fieldset.tsx
 import { Fragment as Fragment15, jsx as jsx142, jsxs as jsxs89 } from "react/jsx-runtime";
 function Fieldset({
@@ -12072,17 +12137,7 @@ function Fieldset({
 
 // src/dashboard/input/Input.tsx
 import { jsx as jsx143, jsxs as jsxs90 } from "react/jsx-runtime";
-var checkIfEmpty = ({
-  empty,
-  defaultValue,
-  value
-}) => {
-  if (typeof empty !== "undefined") return empty;
-  if (value === 0 || defaultValue === 0) return false;
-  return !value && !defaultValue;
-};
-var checkInputValueIfEmpty = (value) => value.length === 0;
-var DashboardInput = React43.forwardRef(
+var Input = React44.forwardRef(
   ({
     value,
     defaultValue,
@@ -12120,18 +12175,18 @@ var DashboardInput = React43.forwardRef(
     renderErrorMessage = true,
     ...props
   }, ref) => {
-    const generatedId = React43.useId();
+    const generatedId = React44.useId();
     const inputId = id ?? name ?? generatedId;
     const errorId = `${inputId}-error`;
     const { t } = useTranslation26();
-    const isEmptyControlled = typeof empty !== "undefined" || typeof value !== "undefined";
-    const propsAreEmpty = checkIfEmpty({ empty, value, defaultValue });
-    const [uncontrolledIsEmpty, setUncontrolledIsEmpty] = React43.useState(propsAreEmpty);
-    const isEmpty = isEmptyControlled ? propsAreEmpty : uncontrolledIsEmpty;
-    const [inputType, setInputType] = React43.useState(type);
-    const [isPasswordRevealed, setIsPasswordRevealed] = React43.useState(false);
-    const [isFocused, setIsFocused] = React43.useState(false);
-    const inputRef = React43.useRef(null);
+    const { inputRef, isControlled, isEmpty, setNativeValue, syncValueState } = useInputValueState({
+      empty,
+      value,
+      defaultValue
+    });
+    const [inputType, setInputType] = React44.useState(type);
+    const [isPasswordRevealed, setIsPasswordRevealed] = React44.useState(false);
+    const [isFocused, setIsFocused] = React44.useState(false);
     const combinedInputRef = useCombinedRef(inputRef, ref);
     const prevInputType = usePrevious(inputType);
     const isPasswordReveal = (prevInputType === "password" || type === "password") && !isEmpty;
@@ -12146,13 +12201,13 @@ var DashboardInput = React43.forwardRef(
         setIsPasswordRevealed(true);
       }
     };
-    React43.useEffect(() => {
+    React44.useEffect(() => {
       setInputType(type);
     }, [type]);
     const handleChange = (event) => {
       if (readOnly || disabled) return;
-      if (!isEmptyControlled) {
-        setUncontrolledIsEmpty(checkInputValueIfEmpty(event.currentTarget.value));
+      if (!isControlled) {
+        setNativeValue(event.currentTarget.value);
       }
       onChange?.(event);
     };
@@ -12163,10 +12218,12 @@ var DashboardInput = React43.forwardRef(
     const handleFocus = (event) => {
       if (readOnly || disabled) return;
       onFocus?.(event);
+      syncValueState();
       setIsFocused(true);
     };
     const handleBlur = (event) => {
       onBlur?.(event);
+      syncValueState();
       setIsFocused(false);
     };
     const showRightPaddingForReset = Boolean(onReset);
@@ -12340,10 +12397,10 @@ var DashboardInput = React43.forwardRef(
     );
   }
 );
-DashboardInput.displayName = "DashboardInput";
+Input.displayName = "Input";
 
 // src/dashboard/select/Select.tsx
-import * as React47 from "react";
+import * as React48 from "react";
 import { useTranslation as useTranslation30 } from "react-i18next";
 
 // src/dashboard/_select-internals/SelectFieldShell.tsx
@@ -12694,14 +12751,14 @@ function SelectTrigger({
 }
 
 // src/dashboard/_select-internals/useSelectIds.ts
-import * as React44 from "react";
+import * as React45 from "react";
 function useSelectIds({
   name,
   hasValue,
   error,
   hideErrorMessage
 }) {
-  const reactId = React44.useId().replace(/:/g, "");
+  const reactId = React45.useId().replace(/:/g, "");
   const baseId = name ? `dash-select-${name}` : `dash-select-${reactId}`;
   const triggerId = `${baseId}-trigger`;
   const labelId = `${baseId}-label`;
@@ -12711,7 +12768,7 @@ function useSelectIds({
   const listboxId = `${baseId}-listbox`;
   const describedErrorId = error && !hideErrorMessage ? errorId : void 0;
   const describedBy = [!hasValue ? helperTextId : null, describedErrorId].filter(Boolean).join(" ") || void 0;
-  const getOptionId2 = React44.useCallback(
+  const getOptionId2 = React45.useCallback(
     (index) => `${baseId}-option-${index}`,
     [baseId]
   );
@@ -12729,21 +12786,21 @@ function useSelectIds({
 }
 
 // src/dashboard/_select-internals/useSelectMenuState.ts
-import * as React45 from "react";
+import * as React46 from "react";
 function useSelectMenuState({
   isBlocked,
   isMobile: isMobile3,
   onOutsideClick
 }) {
-  const containerRef = React45.useRef(null);
-  const [isOpen, setIsOpen] = React45.useState(false);
-  const openMenu = React45.useCallback(() => {
+  const containerRef = React46.useRef(null);
+  const [isOpen, setIsOpen] = React46.useState(false);
+  const openMenu = React46.useCallback(() => {
     setIsOpen(true);
   }, []);
-  const closeMenu = React45.useCallback(() => {
+  const closeMenu = React46.useCallback(() => {
     setIsOpen(false);
   }, []);
-  const toggleMenu = React45.useCallback(() => {
+  const toggleMenu = React46.useCallback(() => {
     if (isBlocked) return;
     setIsOpen((prev) => !prev);
   }, [isBlocked]);
@@ -12755,31 +12812,31 @@ function useSelectMenuState({
     },
     isDisabled: !isOpen || isMobile3
   });
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (isBlocked) setIsOpen(false);
   }, [isBlocked]);
   return { containerRef, isOpen, openMenu, closeMenu, toggleMenu, setIsOpen };
 }
 
 // src/dashboard/_select-internals/useSelectSearch.ts
-import * as React46 from "react";
+import * as React47 from "react";
 function useSelectSearch({
   options,
   searchable = true,
   filterOption = defaultFilterOption
 }) {
-  const [searchValue, setSearchValue] = React46.useState("");
-  const filteredOptions = React46.useMemo(() => {
+  const [searchValue, setSearchValue] = React47.useState("");
+  const filteredOptions = React47.useMemo(() => {
     if (!searchable || !searchValue) return options;
     return options.filter((option) => filterOption(option, searchValue));
   }, [options, searchable, searchValue, filterOption]);
-  const clearSearch = React46.useCallback(() => setSearchValue(""), []);
+  const clearSearch = React47.useCallback(() => setSearchValue(""), []);
   return { searchValue, setSearchValue, filteredOptions, clearSearch };
 }
 
 // src/dashboard/select/Select.tsx
 import { jsx as jsx149, jsxs as jsxs96 } from "react/jsx-runtime";
-function DashboardSelectInternal({
+function SelectInternal({
   options = [],
   value,
   onChange,
@@ -12807,11 +12864,11 @@ function DashboardSelectInternal({
   filterOption,
   helperText
 }, ref) {
-  const triggerRef = React47.useRef(null);
-  const searchInputRef = React47.useRef(null);
-  const listRef = React47.useRef(null);
-  const optionRefs = React47.useRef([]);
-  const [highlightedIndex, setHighlightedIndex] = React47.useState(-1);
+  const triggerRef = React48.useRef(null);
+  const searchInputRef = React48.useRef(null);
+  const listRef = React48.useRef(null);
+  const optionRefs = React48.useRef([]);
+  const [highlightedIndex, setHighlightedIndex] = React48.useState(-1);
   const isMobile3 = useIsMobile();
   const { t } = useTranslation30();
   const resolvedSearchPlaceholder = searchPlaceholder ?? t("search_placeholder");
@@ -12831,8 +12888,8 @@ function DashboardSelectInternal({
     searchable,
     filterOption
   });
-  React47.useImperativeHandle(ref, () => triggerRef.current, []);
-  React47.useEffect(() => {
+  React48.useImperativeHandle(ref, () => triggerRef.current, []);
+  React48.useEffect(() => {
     if (!isOpen) {
       setSearchValue("");
       setHighlightedIndex(-1);
@@ -12847,11 +12904,11 @@ function DashboardSelectInternal({
       return () => window.cancelAnimationFrame(frame);
     }
   }, [isOpen, filteredOptions, searchable, value, setSearchValue]);
-  React47.useEffect(() => {
+  React48.useEffect(() => {
     if (!isOpen || highlightedIndex < 0) return;
     optionRefs.current[highlightedIndex]?.scrollIntoView({ block: "nearest" });
   }, [highlightedIndex, isOpen]);
-  React47.useEffect(
+  React48.useEffect(
     function setCorrectOptionIfThereIsOnlyValue() {
       if (value?.value === void 0 || value.value === null || value.label !== "")
         return;
@@ -13009,12 +13066,12 @@ function DashboardSelectInternal({
     }
   );
 }
-var DashboardSelect = React47.forwardRef(
-  DashboardSelectInternal
+var Select = React48.forwardRef(
+  SelectInternal
 );
 
 // src/dashboard/multi-select/MultiSelect.tsx
-import * as React48 from "react";
+import * as React49 from "react";
 import { Search as Search4, SquareX as SquareX3 } from "lucide-react";
 import { useTranslation as useTranslation32 } from "react-i18next";
 
@@ -13050,7 +13107,7 @@ function MultiSelectChip({
 // src/dashboard/multi-select/MultiSelect.tsx
 import { jsx as jsx151, jsxs as jsxs98 } from "react/jsx-runtime";
 var isValueSelected = (selected, option) => selected.some((item) => item.value === option.value);
-function DashboardMultiSelectInternal({
+function MultiSelectInternal({
   options = [],
   value,
   onChange,
@@ -13082,15 +13139,15 @@ function DashboardMultiSelectInternal({
   formatCreateLabel = (input) => `Create "${input}"`,
   isValidNewOption
 }, ref) {
-  const inputRef = React48.useRef(null);
-  const mobileSearchInputRef = React48.useRef(null);
-  const listRef = React48.useRef(null);
-  const optionRefs = React48.useRef([]);
-  const [isFocused, setIsFocused] = React48.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React48.useState(-1);
+  const inputRef = React49.useRef(null);
+  const mobileSearchInputRef = React49.useRef(null);
+  const listRef = React49.useRef(null);
+  const optionRefs = React49.useRef([]);
+  const [isFocused, setIsFocused] = React49.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React49.useState(-1);
   const isMobile3 = useIsMobile();
   const { t } = useTranslation32();
-  const selectedValues = React48.useMemo(() => value ?? [], [value]);
+  const selectedValues = React49.useMemo(() => value ?? [], [value]);
   const hasValue = selectedValues.length > 0;
   const isEmpty = !hasValue;
   const isBlocked = Boolean(disabled) || Boolean(loading) || Boolean(readOnly);
@@ -13108,7 +13165,7 @@ function DashboardMultiSelectInternal({
     filterOption
   });
   const trimmedSearch = searchValue.trim();
-  const canCreateNewOption = React48.useMemo(() => {
+  const canCreateNewOption = React49.useMemo(() => {
     if (!isCreatable || !trimmedSearch) return false;
     if (isValidNewOption) return isValidNewOption(trimmedSearch, selectedValues, options);
     const lower = trimmedSearch.toLowerCase();
@@ -13120,17 +13177,17 @@ function DashboardMultiSelectInternal({
     );
     return !existsInOptions && !existsInSelected;
   }, [isCreatable, trimmedSearch, isValidNewOption, options, selectedValues]);
-  React48.useImperativeHandle(
+  React49.useImperativeHandle(
     ref,
     () => containerRef.current
   );
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!isOpen) {
       clearSearch();
       setHighlightedIndex(-1);
     }
   }, [isOpen, clearSearch]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!isOpen || filteredOptions.length === 0) {
       setHighlightedIndex(-1);
       return;
@@ -13140,7 +13197,7 @@ function DashboardMultiSelectInternal({
       return getFirstEnabledOptionIndex(filteredOptions);
     });
   }, [isOpen, filteredOptions]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!isOpen || !isMobile3) return;
     const frame = window.requestAnimationFrame(
       () => mobileSearchInputRef.current?.focus()
@@ -13174,7 +13231,7 @@ function DashboardMultiSelectInternal({
     onChange([]);
     inputRef.current?.focus();
   };
-  const createOption = React48.useCallback(() => {
+  const createOption = React49.useCallback(() => {
     if (!canCreateNewOption) return;
     const newOption = onCreateOption?.(trimmedSearch) ?? { value: trimmedSearch, label: trimmedSearch };
     onChange([...selectedValues, newOption]);
@@ -13285,7 +13342,7 @@ function DashboardMultiSelectInternal({
             ),
             children: [
               selectedValues.map(
-                (option) => renderChip ? /* @__PURE__ */ jsx151(React48.Fragment, { children: renderChip(option, () => removeOption(option)) }, String(option.value)) : /* @__PURE__ */ jsx151(
+                (option) => renderChip ? /* @__PURE__ */ jsx151(React49.Fragment, { children: renderChip(option, () => removeOption(option)) }, String(option.value)) : /* @__PURE__ */ jsx151(
                   MultiSelectChip,
                   {
                     option,
@@ -13452,21 +13509,21 @@ function DashboardMultiSelectInternal({
     }
   );
 }
-var DashboardMultiSelect = React48.forwardRef(
-  DashboardMultiSelectInternal
+var MultiSelect = React49.forwardRef(
+  MultiSelectInternal
 );
 
 // src/dashboard/creatable-multi-select/CreatableMultiSelect.tsx
-import * as React49 from "react";
+import * as React50 from "react";
 import { jsx as jsx152 } from "react/jsx-runtime";
-var DashboardCreatableMultiSelect = React49.forwardRef(
-  function DashboardCreatableMultiSelect2(props, ref) {
-    return /* @__PURE__ */ jsx152(DashboardMultiSelect, { ref, ...props, isCreatable: true });
+var CreatableMultiSelect = React50.forwardRef(
+  function CreatableMultiSelect2(props, ref) {
+    return /* @__PURE__ */ jsx152(MultiSelect, { ref, ...props, isCreatable: true });
   }
 );
 
 // src/dashboard/infinite-scroll-select/InfiniteScrollSelect.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 import { useVirtualizer as useVirtualizer2 } from "@tanstack/react-virtual";
 import { useTranslation as useTranslation33 } from "react-i18next";
 
@@ -13567,7 +13624,7 @@ var DEFAULT_ITEM_HEIGHT = 60;
 var DEFAULT_LIST_HEIGHT = 322;
 var DEFAULT_OVERSCAN = 5;
 var DEFAULT_LOAD_MORE_THRESHOLD = 5;
-function DashboardInfiniteScrollSelectInternal({
+function InfiniteScrollSelectInternal({
   options = [],
   value,
   onChange,
@@ -13604,12 +13661,12 @@ function DashboardInfiniteScrollSelectInternal({
   overscan = DEFAULT_OVERSCAN,
   loadMoreThreshold = DEFAULT_LOAD_MORE_THRESHOLD
 }, ref) {
-  const triggerRef = React50.useRef(null);
-  const searchInputRef = React50.useRef(null);
-  const scrollRef = React50.useRef(null);
-  const previousHighlightedIndexRef = React50.useRef(-1);
-  const lastLoadMoreOptionsLengthRef = React50.useRef(null);
-  const [highlightedIndex, setHighlightedIndex] = React50.useState(-1);
+  const triggerRef = React51.useRef(null);
+  const searchInputRef = React51.useRef(null);
+  const scrollRef = React51.useRef(null);
+  const previousHighlightedIndexRef = React51.useRef(-1);
+  const lastLoadMoreOptionsLengthRef = React51.useRef(null);
+  const [highlightedIndex, setHighlightedIndex] = React51.useState(-1);
   const isMobile3 = useIsMobile();
   const { t } = useTranslation33();
   const resolvedSearchPlaceholder = searchPlaceholder ?? t("search_placeholder");
@@ -13637,15 +13694,15 @@ function DashboardInfiniteScrollSelectInternal({
     estimateSize: () => itemHeight,
     overscan
   });
-  React50.useImperativeHandle(ref, () => triggerRef.current, []);
-  React50.useEffect(() => {
+  React51.useImperativeHandle(ref, () => triggerRef.current, []);
+  React51.useEffect(() => {
     if (isOpen) return;
     setSearchValue("");
     setHighlightedIndex(-1);
     previousHighlightedIndexRef.current = -1;
     lastLoadMoreOptionsLengthRef.current = null;
   }, [isOpen, setSearchValue]);
-  React50.useEffect(() => {
+  React51.useEffect(() => {
     if (!isOpen) return;
     setHighlightedIndex((current) => {
       const option = current >= 0 ? filteredOptions[current] : void 0;
@@ -13654,13 +13711,13 @@ function DashboardInfiniteScrollSelectInternal({
       return selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex(filteredOptions);
     });
   }, [isOpen, filteredOptions, value]);
-  React50.useEffect(() => {
+  React51.useEffect(() => {
     if (!isOpen || !searchable) return;
     const frame = window.requestAnimationFrame(() => searchInputRef.current?.focus());
     return () => window.cancelAnimationFrame(frame);
   }, [isOpen, searchable]);
   const virtualItems = virtualizer.getVirtualItems();
-  React50.useEffect(() => {
+  React51.useEffect(() => {
     if (!isOpen || !canLoadMore || isLoadingMore || !loadMoreItems) return;
     if (virtualItems.length === 0) return;
     const lastItem = virtualItems[virtualItems.length - 1];
@@ -13677,7 +13734,7 @@ function DashboardInfiniteScrollSelectInternal({
     loadMoreThreshold,
     virtualItems
   ]);
-  React50.useEffect(() => {
+  React51.useEffect(() => {
     const changed = previousHighlightedIndexRef.current !== highlightedIndex;
     previousHighlightedIndexRef.current = highlightedIndex;
     if (!isOpen || highlightedIndex < 0 || !changed) return;
@@ -13846,12 +13903,12 @@ function DashboardInfiniteScrollSelectInternal({
     }
   );
 }
-var DashboardInfiniteScrollSelect = React50.forwardRef(
-  DashboardInfiniteScrollSelectInternal
+var InfiniteScrollSelect = React51.forwardRef(
+  InfiniteScrollSelectInternal
 );
 
 // src/dashboard/textarea/Textarea.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 import { useTranslation as useTranslation34 } from "react-i18next";
 import { jsx as jsx155, jsxs as jsxs101 } from "react/jsx-runtime";
 var LINE_HEIGHT = 20;
@@ -13861,8 +13918,8 @@ function getEmptyState(empty, value, defaultValue) {
   if (value !== void 0) return !String(value);
   return !defaultValue;
 }
-var DashboardTextarea = React51.forwardRef(
-  function DashboardTextarea2({
+var Textarea = React52.forwardRef(
+  function Textarea2({
     className,
     textareaClassName,
     label,
@@ -13885,15 +13942,15 @@ var DashboardTextarea = React51.forwardRef(
     onInput,
     ...textareaProps
   }, ref) {
-    const innerRef = React51.useRef(null);
+    const innerRef = React52.useRef(null);
     const combinedRef = useCombinedRef(ref, innerRef);
-    const reactId = React51.useId();
+    const reactId = React52.useId();
     const textareaId = id ?? name ?? `dash-textarea-${reactId}`;
     const { t } = useTranslation34();
     const isInvalid = Boolean(invalid || error);
     const isEmpty = getEmptyState(empty, value, defaultValue);
     const isBlocked = Boolean(disabled);
-    const resize = React51.useCallback(() => {
+    const resize = React52.useCallback(() => {
       const el = innerRef.current;
       if (!el || !autosize) return;
       el.style.height = "auto";
@@ -13903,7 +13960,7 @@ var DashboardTextarea = React51.forwardRef(
       el.style.height = `${nextHeight}px`;
       el.style.overflowY = el.scrollHeight > nextHeight ? "auto" : "hidden";
     }, [autosize, maxRows, minRows]);
-    React51.useLayoutEffect(() => {
+    React52.useLayoutEffect(() => {
       resize();
     }, [resize, value]);
     const handleInput = (event) => {
@@ -13977,12 +14034,12 @@ var DashboardTextarea = React51.forwardRef(
 );
 
 // src/dashboard/datepicker/Datepicker.tsx
-import * as React53 from "react";
+import * as React54 from "react";
 import { ChevronDown as ChevronDown3 } from "lucide-react";
 import { useTranslation as useTranslation35 } from "react-i18next";
 
 // src/airbnb-fields/datepicker/useDatePickerWheel.ts
-import * as React52 from "react";
+import * as React53 from "react";
 
 // src/airbnb-fields/datepicker/datePicker.utils.ts
 var DISPLAY_PAD_LENGTH = 2;
@@ -14133,21 +14190,21 @@ function useDatePickerWheel({
   minDate,
   maxDate
 }) {
-  const years = React52.useMemo(() => getYearRange(minDate, maxDate), [maxDate, minDate]);
-  const [draftDate, setDraftDate] = React52.useState(
+  const years = React53.useMemo(() => getYearRange(minDate, maxDate), [maxDate, minDate]);
+  const [draftDate, setDraftDate] = React53.useState(
     () => resolveInitialDate({ value, defaultValue, minDate, maxDate })
   );
   const draftYear = draftDate.getFullYear();
   const draftMonth = draftDate.getMonth();
-  const [monthScrollTop, setMonthScrollTop] = React52.useState(0);
-  const [dayScrollTop, setDayScrollTop] = React52.useState(0);
-  const [yearScrollTop, setYearScrollTop] = React52.useState(0);
-  const monthListRef = React52.useRef(null);
-  const dayListRef = React52.useRef(null);
-  const yearListRef = React52.useRef(null);
-  const settleTimeoutsRef = React52.useRef({});
-  const animationFramesRef = React52.useRef({});
-  const columnRefs = React52.useMemo(
+  const [monthScrollTop, setMonthScrollTop] = React53.useState(0);
+  const [dayScrollTop, setDayScrollTop] = React53.useState(0);
+  const [yearScrollTop, setYearScrollTop] = React53.useState(0);
+  const monthListRef = React53.useRef(null);
+  const dayListRef = React53.useRef(null);
+  const yearListRef = React53.useRef(null);
+  const settleTimeoutsRef = React53.useRef({});
+  const animationFramesRef = React53.useRef({});
+  const columnRefs = React53.useMemo(
     () => ({
       month: monthListRef,
       day: dayListRef,
@@ -14155,7 +14212,7 @@ function useDatePickerWheel({
     }),
     []
   );
-  const setColumnScrollTop = React52.useCallback(
+  const setColumnScrollTop = React53.useCallback(
     (column, nextScrollTop) => {
       if (column === "month") {
         setMonthScrollTop(nextScrollTop);
@@ -14169,19 +14226,19 @@ function useDatePickerWheel({
     },
     []
   );
-  const clearSettleTimeout = React52.useCallback((column) => {
+  const clearSettleTimeout = React53.useCallback((column) => {
     const timeoutId = settleTimeoutsRef.current[column];
     if (timeoutId === void 0) return;
     window.clearTimeout(timeoutId);
     delete settleTimeoutsRef.current[column];
   }, []);
-  const clearAnimationFrame = React52.useCallback((column) => {
+  const clearAnimationFrame = React53.useCallback((column) => {
     const frameId = animationFramesRef.current[column];
     if (frameId === void 0) return;
     window.cancelAnimationFrame(frameId);
     delete animationFramesRef.current[column];
   }, []);
-  React52.useEffect(
+  React53.useEffect(
     () => () => {
       ["month", "day", "year"].forEach((column) => {
         clearSettleTimeout(column);
@@ -14190,22 +14247,22 @@ function useDatePickerWheel({
     },
     [clearAnimationFrame, clearSettleTimeout]
   );
-  React52.useEffect(() => {
+  React53.useEffect(() => {
     if (isOpen) return;
     setDraftDate(resolveInitialDate({ value, defaultValue, minDate, maxDate }));
   }, [defaultValue, isOpen, maxDate, minDate, value]);
-  const months = React52.useMemo(
+  const months = React53.useMemo(
     () => getAllowedMonths(draftYear, minDate, maxDate),
     [draftYear, maxDate, minDate]
   );
-  const days = React52.useMemo(
+  const days = React53.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 = React52.useCallback(
+  const syncScrollPositions = React53.useCallback(
     (nextDate, behavior = "auto") => {
       const nextMonths = getAllowedMonths(nextDate.getFullYear(), minDate, maxDate);
       const nextMonthIndex = nextMonths.findIndex((month) => month === nextDate.getMonth());
@@ -14229,7 +14286,7 @@ function useDatePickerWheel({
     },
     [maxDate, minDate, years]
   );
-  React52.useLayoutEffect(() => {
+  React53.useLayoutEffect(() => {
     if (!isOpen) return;
     const nextDate = resolveInitialDate({ value, defaultValue, minDate, maxDate });
     setDraftDate(nextDate);
@@ -14240,7 +14297,7 @@ function useDatePickerWheel({
       window.cancelAnimationFrame(frameId);
     };
   }, [defaultValue, isOpen, maxDate, minDate, syncScrollPositions, value]);
-  const updateDraftDate = React52.useCallback(
+  const updateDraftDate = React53.useCallback(
     (column, targetIndex, behavior = "smooth") => {
       const currentDate = stripTime(draftDate);
       const currentYear = currentDate.getFullYear();
@@ -14285,7 +14342,7 @@ function useDatePickerWheel({
     },
     [days, draftDate, maxDate, minDate, months, syncScrollPositions, years]
   );
-  const settleColumnScroll = React52.useCallback(
+  const settleColumnScroll = React53.useCallback(
     (column) => {
       const list = columnRefs[column].current;
       if (!list) return;
@@ -14298,7 +14355,7 @@ function useDatePickerWheel({
     },
     [columnRefs, days.length, months.length, updateDraftDate, years.length]
   );
-  const scheduleScrollSettle = React52.useCallback(
+  const scheduleScrollSettle = React53.useCallback(
     (column) => {
       clearSettleTimeout(column);
       settleTimeoutsRef.current[column] = window.setTimeout(() => {
@@ -14307,7 +14364,7 @@ function useDatePickerWheel({
     },
     [clearSettleTimeout, settleColumnScroll]
   );
-  const handleColumnScroll = React52.useCallback(
+  const handleColumnScroll = React53.useCallback(
     (column) => {
       const list = columnRefs[column].current;
       if (!list) return;
@@ -14321,13 +14378,13 @@ function useDatePickerWheel({
     },
     [clearAnimationFrame, columnRefs, scheduleScrollSettle, setColumnScrollTop]
   );
-  const handleOptionSelect = React52.useCallback(
+  const handleOptionSelect = React53.useCallback(
     (column, targetIndex) => {
       updateDraftDate(column, targetIndex, "smooth");
     },
     [updateDraftDate]
   );
-  const focusAdjacentColumn = React52.useCallback(
+  const focusAdjacentColumn = React53.useCallback(
     (column, direction) => {
       const order = ["month", "day", "year"];
       const currentIndex = order.indexOf(column);
@@ -14337,7 +14394,7 @@ function useDatePickerWheel({
     },
     [columnRefs]
   );
-  const handleColumnKeyDown = React52.useCallback(
+  const handleColumnKeyDown = React53.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;
@@ -14659,8 +14716,8 @@ function dateFromParts(day, monthIndex, year) {
   if (!isValidCalendarDate(yearNum, monthIndex, dayNum)) return null;
   return new Date(yearNum, monthIndex, dayNum);
 }
-var DashboardDatepicker = React53.forwardRef(
-  function DashboardDatepicker2({
+var Datepicker = React54.forwardRef(
+  function Datepicker2({
     label,
     value,
     defaultValue,
@@ -14689,14 +14746,14 @@ var DashboardDatepicker = React53.forwardRef(
     maxDate,
     formatValue
   }, ref) {
-    const containerRef = React53.useRef(null);
-    const dayInputRef = React53.useRef(null);
-    const monthInputRef = React53.useRef(null);
-    const monthListRef = React53.useRef(null);
-    const yearInputRef = React53.useRef(null);
-    const mobileTriggerRef = React53.useRef(null);
-    const wheelBaseId = React53.useId();
-    const reactId = React53.useId();
+    const containerRef = React54.useRef(null);
+    const dayInputRef = React54.useRef(null);
+    const monthInputRef = React54.useRef(null);
+    const monthListRef = React54.useRef(null);
+    const yearInputRef = React54.useRef(null);
+    const mobileTriggerRef = React54.useRef(null);
+    const wheelBaseId = React54.useId();
+    const reactId = React54.useId();
     const baseId = name ?? `dash-datepicker-${reactId}`;
     const dayId = `${baseId}-day`;
     const monthId = `${baseId}-month`;
@@ -14704,51 +14761,51 @@ var DashboardDatepicker = React53.forwardRef(
     const labelId = `${baseId}-label`;
     const errorId = `${baseId}-error`;
     const { t } = useTranslation35();
-    const resolvedMonthLabels = React53.useMemo(
+    const resolvedMonthLabels = React54.useMemo(
       () => monthLabels ?? getMonthLabels2(locale),
       [locale, monthLabels]
     );
     const resolvedMonthPlaceholder = monthPlaceholder ?? t("month");
     const resolvedDoneLabel = doneLabel ?? t("done");
     const isControlled = value !== void 0;
-    const initialParts = React53.useMemo(
+    const initialParts = React54.useMemo(
       () => partsFromDate(value ?? defaultValue ?? null),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    const [day, setDay] = React53.useState(initialParts.day);
-    const [monthIndex, setMonthIndex] = React53.useState(
+    const [day, setDay] = React54.useState(initialParts.day);
+    const [monthIndex, setMonthIndex] = React54.useState(
       initialParts.monthIndex
     );
-    const [year, setYear] = React53.useState(initialParts.year);
-    const [isMonthOpen, setIsMonthOpen] = React53.useState(false);
-    const [isWheelOpen, setIsWheelOpen] = React53.useState(false);
-    const [focusedField, setFocusedField] = React53.useState(null);
-    const [monthInputValue, setMonthInputValue] = React53.useState("");
-    const [monthHighlightIndex, setMonthHighlightIndex] = React53.useState(-1);
+    const [year, setYear] = React54.useState(initialParts.year);
+    const [isMonthOpen, setIsMonthOpen] = React54.useState(false);
+    const [isWheelOpen, setIsWheelOpen] = React54.useState(false);
+    const [focusedField, setFocusedField] = React54.useState(null);
+    const [monthInputValue, setMonthInputValue] = React54.useState("");
+    const [monthHighlightIndex, setMonthHighlightIndex] = React54.useState(-1);
     const isMobile3 = useIsMobile();
-    React53.useImperativeHandle(ref, () => dayInputRef.current, []);
-    React53.useEffect(() => {
+    React54.useImperativeHandle(ref, () => dayInputRef.current, []);
+    React54.useEffect(() => {
       if (!isControlled) return;
       const next = partsFromDate(value ?? null);
       setDay(next.day);
       setMonthIndex(next.monthIndex);
       setYear(next.year);
     }, [isControlled, value]);
-    React53.useEffect(() => {
+    React54.useEffect(() => {
       if (focusedField === "month") return;
       setMonthInputValue(
         monthIndex !== null ? resolvedMonthLabels[monthIndex] ?? "" : ""
       );
     }, [monthIndex, resolvedMonthLabels, focusedField]);
-    const filteredMonths = React53.useMemo(() => {
+    const filteredMonths = React54.useMemo(() => {
       const all = resolvedMonthLabels.map((label2, index) => ({ label: label2, index }));
       const query = monthInputValue.trim().toLowerCase();
       const currentLabel = monthIndex !== null ? resolvedMonthLabels[monthIndex] ?? "" : "";
       if (!query || monthInputValue === currentLabel) return all;
       return all.filter((opt) => opt.label.toLowerCase().includes(query));
     }, [monthInputValue, monthIndex, resolvedMonthLabels]);
-    React53.useEffect(() => {
+    React54.useEffect(() => {
       if (!isMonthOpen) {
         setMonthHighlightIndex(-1);
         return;
@@ -14769,7 +14826,7 @@ var DashboardDatepicker = React53.forwardRef(
     const isFocused = focusedField !== null || isMonthOpen || isWheelOpen;
     const isInvalid = Boolean(invalid || error);
     const wrapperWidth = toCssSize(width);
-    const currentDate = React53.useMemo(
+    const currentDate = React54.useMemo(
       () => dateFromParts(day, monthIndex, year),
       [day, monthIndex, year]
     );
@@ -14778,7 +14835,7 @@ var DashboardDatepicker = React53.forwardRef(
       onOutsideClick: () => setIsMonthOpen(false),
       isDisabled: !isMonthOpen || isMobile3
     });
-    const emitChange = React53.useCallback(
+    const emitChange = React54.useCallback(
       (nextDay, nextMonth, nextYear) => {
         if (!onChange) return;
         const date = dateFromParts(nextDay, nextMonth, nextYear);
@@ -14813,7 +14870,7 @@ var DashboardDatepicker = React53.forwardRef(
       setIsMonthOpen(true);
       setMonthHighlightIndex(0);
     };
-    const commitMonthInput = React53.useCallback(() => {
+    const commitMonthInput = React54.useCallback(() => {
       const query = monthInputValue.trim().toLowerCase();
       if (!query) {
         if (monthIndex !== null) {
@@ -14873,15 +14930,15 @@ var DashboardDatepicker = React53.forwardRef(
         setIsMonthOpen(false);
       }
     };
-    const focusDayInput = React53.useCallback(() => {
+    const focusDayInput = React54.useCallback(() => {
       if (isBlocked || readOnly) return;
       dayInputRef.current?.focus();
     }, [isBlocked, readOnly]);
-    const openWheel = React53.useCallback(() => {
+    const openWheel = React54.useCallback(() => {
       if (isBlocked || readOnly) return;
       setIsWheelOpen(true);
     }, [isBlocked, readOnly]);
-    const closeWheel = React53.useCallback(() => {
+    const closeWheel = React54.useCallback(() => {
       setIsWheelOpen(false);
       mobileTriggerRef.current?.focus();
     }, []);
@@ -14893,7 +14950,7 @@ var DashboardDatepicker = React53.forwardRef(
       minDate,
       maxDate
     });
-    const handleWheelDone = React53.useCallback(() => {
+    const handleWheelDone = React54.useCallback(() => {
       const next = wheel.draftDate;
       setDay(String(next.getDate()));
       setMonthIndex(next.getMonth());
@@ -14902,7 +14959,7 @@ var DashboardDatepicker = React53.forwardRef(
       setIsWheelOpen(false);
       mobileTriggerRef.current?.focus();
     }, [name, onChange, wheel.draftDate]);
-    const defaultFormatValue = React53.useCallback(
+    const defaultFormatValue = React54.useCallback(
       (date) => `${date.getDate()} ${resolvedMonthLabels[date.getMonth()]} ${date.getFullYear()}`,
       [resolvedMonthLabels]
     );
@@ -15193,7 +15250,7 @@ var DashboardDatepicker = React53.forwardRef(
 );
 
 // src/dashboard/date-range-picker/DateRangePicker.tsx
-import * as React57 from "react";
+import * as React58 from "react";
 import { useTranslation as useTranslation36 } from "react-i18next";
 
 // src/dashboard/date-range-picker/isDayBlocked.ts
@@ -15272,7 +15329,7 @@ var createDisabledMatchers = ({
 };
 
 // src/dashboard/date-range-picker/hooks/useRangeValue.ts
-import * as React54 from "react";
+import * as React55 from "react";
 var getRangeKey = (range) => `${range?.from?.getTime() ?? ""}-${range?.to?.getTime() ?? ""}`;
 function useRangeValue({
   value: externalValue,
@@ -15281,10 +15338,10 @@ function useRangeValue({
   name
 }) {
   const isControlled = externalValue !== void 0;
-  const [draft, setDraft] = React54.useState(
+  const [draft, setDraft] = React55.useState(
     isControlled ? externalValue : defaultValue
   );
-  const lastExternalKeyRef = React54.useRef(getRangeKey(externalValue));
+  const lastExternalKeyRef = React55.useRef(getRangeKey(externalValue));
   if (isControlled) {
     const externalKey = getRangeKey(externalValue);
     if (externalKey !== lastExternalKeyRef.current) {
@@ -15292,7 +15349,7 @@ function useRangeValue({
       setDraft(externalValue);
     }
   }
-  const commit = React54.useCallback(
+  const commit = React55.useCallback(
     (next) => {
       setDraft(next);
       if (next === void 0) {
@@ -15307,7 +15364,7 @@ function useRangeValue({
 }
 
 // src/dashboard/date-range-picker/hooks/useRangeTextInputs.ts
-import * as React55 from "react";
+import * as React56 from "react";
 function useRangeTextInputs({
   value,
   format: format2,
@@ -15315,13 +15372,13 @@ function useRangeTextInputs({
   onCommit,
   onBlur
 }) {
-  const [fromText, setFromText] = React55.useState(value?.from ? format2(value.from) : "");
-  const [toText, setToText] = React55.useState(value?.to ? format2(value.to) : "");
-  React55.useEffect(() => {
+  const [fromText, setFromText] = React56.useState(value?.from ? format2(value.from) : "");
+  const [toText, setToText] = React56.useState(value?.to ? format2(value.to) : "");
+  React56.useEffect(() => {
     setFromText(value?.from ? format2(value.from) : "");
     setToText(value?.to ? format2(value.to) : "");
   }, [format2, value?.from, value?.to]);
-  const handleFromBlur = React55.useCallback(() => {
+  const handleFromBlur = React56.useCallback(() => {
     if (!fromText) {
       const next = { from: void 0, to: value?.to };
       onCommit(next);
@@ -15338,7 +15395,7 @@ function useRangeTextInputs({
     setFromText(value?.from ? format2(value.from) : "");
     return void 0;
   }, [format2, fromText, onBlur, onCommit, parse3, value]);
-  const handleToBlur = React55.useCallback(() => {
+  const handleToBlur = React56.useCallback(() => {
     if (!toText) {
       const next = { from: value?.from, to: void 0 };
       onCommit(next);
@@ -15365,21 +15422,21 @@ function useRangeTextInputs({
 }
 
 // src/dashboard/date-range-picker/hooks/useRangeMonthSync.ts
-import * as React56 from "react";
+import * as React57 from "react";
 function useRangeMonthSync(value) {
-  const isPreloadedRef = React56.useRef(false);
-  const [month, setMonth] = React56.useState(value?.from ?? /* @__PURE__ */ new Date());
-  React56.useEffect(() => {
+  const isPreloadedRef = React57.useRef(false);
+  const [month, setMonth] = React57.useState(value?.from ?? /* @__PURE__ */ new Date());
+  React57.useEffect(() => {
     if (value?.from && !isPreloadedRef.current) {
       setMonth(value.from);
       isPreloadedRef.current = true;
     }
   }, [value?.from]);
-  const syncMonthToValue = React56.useCallback((next) => {
+  const syncMonthToValue = React57.useCallback((next) => {
     isPreloadedRef.current = true;
     if (next?.from) setMonth(next.from);
   }, []);
-  const resetPreload = React56.useCallback(() => {
+  const resetPreload = React57.useCallback(() => {
     isPreloadedRef.current = false;
   }, []);
   return { month, setMonth, syncMonthToValue, resetPreload };
@@ -15638,7 +15695,7 @@ function DateRangePopover({
 
 // src/dashboard/date-range-picker/DateRangePicker.tsx
 import { jsx as jsx162, jsxs as jsxs107 } from "react/jsx-runtime";
-var DashboardDateRangePicker = React57.forwardRef(function DashboardDateRangePicker2({
+var DateRangePicker = React58.forwardRef(function DateRangePicker2({
   label,
   value: externalValue,
   defaultValue,
@@ -15672,20 +15729,20 @@ var DashboardDateRangePicker = React57.forwardRef(function DashboardDateRangePic
   components: customComponents,
   ...dayPickerProps
 }, ref) {
-  const containerRef = React57.useRef(null);
-  const fromInputRef = React57.useRef(null);
-  const toInputRef = React57.useRef(null);
-  const reactId = React57.useId();
+  const containerRef = React58.useRef(null);
+  const fromInputRef = React58.useRef(null);
+  const toInputRef = React58.useRef(null);
+  const reactId = React58.useId();
   const baseId = name ?? `dash-daterange-${reactId}`;
   const fromId = `${baseId}-from`;
   const toId = `${baseId}-to`;
   const labelId = `${baseId}-label`;
   const errorId = `${baseId}-error`;
-  const normalizedValue = React57.useMemo(() => {
+  const normalizedValue = React58.useMemo(() => {
     if (externalValue === void 0) return void 0;
     return { from: toDate(externalValue?.from), to: toDate(externalValue?.to) };
   }, [externalValue]);
-  const normalizedDefaultValue = React57.useMemo(() => {
+  const normalizedDefaultValue = React58.useMemo(() => {
     if (defaultValue === void 0) return void 0;
     return { from: toDate(defaultValue?.from), to: toDate(defaultValue?.to) };
   }, [defaultValue]);
@@ -15695,10 +15752,10 @@ var DashboardDateRangePicker = React57.forwardRef(function DashboardDateRangePic
     onChange,
     name
   });
-  const normalizedMinDate = React57.useMemo(() => toDate(minDate), [minDate]);
-  const normalizedMaxDate = React57.useMemo(() => toDate(maxDate), [maxDate]);
-  const formatter = React57.useMemo(() => formatDate(displayFormat), [displayFormat]);
-  const parser = React57.useMemo(() => parseDate(displayFormat), [displayFormat]);
+  const normalizedMinDate = React58.useMemo(() => toDate(minDate), [minDate]);
+  const normalizedMaxDate = React58.useMemo(() => toDate(maxDate), [maxDate]);
+  const formatter = React58.useMemo(() => formatDate(displayFormat), [displayFormat]);
+  const parser = React58.useMemo(() => parseDate(displayFormat), [displayFormat]);
   const { fromText, toText, setFromText, setToText, handleFromBlur, handleToBlur } = useRangeTextInputs({
     value,
     format: formatter,
@@ -15707,9 +15764,9 @@ var DashboardDateRangePicker = React57.forwardRef(function DashboardDateRangePic
     onBlur
   });
   const { month, setMonth, syncMonthToValue } = useRangeMonthSync(value);
-  const [isOpen, setIsOpen] = React57.useState(false);
-  const [focusedInput, setFocusedInput] = React57.useState(null);
-  const [autoFocus, setAutoFocus] = React57.useState(false);
+  const [isOpen, setIsOpen] = React58.useState(false);
+  const [focusedInput, setFocusedInput] = React58.useState(null);
+  const [autoFocus, setAutoFocus] = React58.useState(false);
   const isMobile3 = useIsMobile();
   const { t } = useTranslation36();
   const drawerTitle = label ?? t("select_dates");
@@ -15720,13 +15777,13 @@ var DashboardDateRangePicker = React57.forwardRef(function DashboardDateRangePic
   const isFocused = focusedInput !== null || isOpen;
   const wrapperWidth = toCssSize(width);
   const monthsToShow = numberOfMonths ?? (isMobile3 ? 1 : 2);
-  const closeCalendar = React57.useCallback(() => {
+  const closeCalendar = React58.useCallback(() => {
     setIsOpen(false);
     setFocusedInput(null);
     setAutoFocus(false);
     if (value?.from) setMonth(value.from);
   }, [setMonth, value?.from]);
-  const openCalendar = React57.useCallback(() => {
+  const openCalendar = React58.useCallback(() => {
     if (isBlocked || readOnly) return;
     setIsOpen(true);
   }, [isBlocked, readOnly]);
@@ -15735,7 +15792,7 @@ var DashboardDateRangePicker = React57.forwardRef(function DashboardDateRangePic
     onOutsideClick: closeCalendar,
     isDisabled: !isOpen || isMobile3
   });
-  const handlePickerChange = React57.useCallback(
+  const handlePickerChange = React58.useCallback(
     (range, pickedDate) => {
       const { next, shouldClose } = resolveRangeSelection({
         previous: value,
@@ -15756,7 +15813,7 @@ var DashboardDateRangePicker = React57.forwardRef(function DashboardDateRangePic
     setToText("");
     setMonth(/* @__PURE__ */ new Date());
   };
-  const disabledMatchers = React57.useMemo(
+  const disabledMatchers = React58.useMemo(
     () => createDisabledMatchers({
       minDate: normalizedMinDate,
       maxDate: normalizedMaxDate,
@@ -15775,7 +15832,7 @@ var DashboardDateRangePicker = React57.forwardRef(function DashboardDateRangePic
     openCalendar();
     if (autoFocusOnOpen) setAutoFocus(true);
   };
-  React57.useImperativeHandle(
+  React58.useImperativeHandle(
     ref,
     () => ({
       setDateRange: (range) => {
@@ -15954,7 +16011,7 @@ var DashboardDateRangePicker = React57.forwardRef(function DashboardDateRangePic
 });
 
 // src/dashboard/date-range-picker/useValidateDates.ts
-import * as React58 from "react";
+import * as React59 from "react";
 import { useTranslation as useTranslation37 } from "react-i18next";
 import { differenceInDays as differenceInDays2, isAfter as isAfter2, isBefore as isBefore3 } from "date-fns";
 import {
@@ -15980,11 +16037,11 @@ function useValidateDates({
   const { t } = useTranslation37();
   const handleError = useEvent(onError);
   const handleSuccess = useEvent(onSuccess);
-  const errorFormatter = React58.useMemo(
+  const errorFormatter = React59.useMemo(
     () => formatDate(displayFormat ?? DEFAULT_DISPLAY_FORMAT),
     [displayFormat]
   );
-  const validateDates = React58.useCallback(
+  const validateDates = React59.useCallback(
     (dates) => {
       const startDate = dates?.from;
       const endDate = dates?.to;
@@ -16034,7 +16091,7 @@ function useValidateDates({
 }
 
 // src/dashboard/time-picker/TimePicker.tsx
-import * as React59 from "react";
+import * as React60 from "react";
 import { addDays, addHours, addMinutes, format, parse as parse2 } from "date-fns";
 import { jsx as jsx163 } from "react/jsx-runtime";
 var SHORT_TIME_FORMAT = "HH:mm";
@@ -16078,27 +16135,27 @@ var FORMAT_SETTINGS = {
   },
   hours: { intervalUnit: "H", interval: 1, minTime: "00:00", maxTime: "23:00" }
 };
-var DashboardTimePicker = React59.forwardRef(
-  function DashboardTimePicker2({ format: formatName = "time", timeSettings, options, ...selectProps }, ref) {
-    const resolvedOptions = React59.useMemo(() => {
+var TimePicker = React60.forwardRef(
+  function TimePicker2({ format: formatName = "time", timeSettings, options, ...selectProps }, ref) {
+    const resolvedOptions = React60.useMemo(() => {
       if (options) return options;
       const settings = timeSettings ?? FORMAT_SETTINGS[formatName];
       return buildOptions(settings);
     }, [formatName, options, timeSettings]);
-    return /* @__PURE__ */ jsx163(DashboardSelect, { ref, ...selectProps, options: resolvedOptions });
+    return /* @__PURE__ */ jsx163(Select, { ref, ...selectProps, options: resolvedOptions });
   }
 );
 
 // src/dashboard/file-input/FileInput.tsx
-import * as React60 from "react";
+import * as React61 from "react";
 import { Download, Paperclip, SquareX as SquareX5 } from "lucide-react";
 import { useTranslation as useTranslation38 } from "react-i18next";
 import { jsx as jsx164, jsxs as jsxs108 } from "react/jsx-runtime";
 function defaultDownload(url) {
   window.open(url, "_blank", "noopener,noreferrer");
 }
-var DashboardFileInput = React60.forwardRef(
-  function DashboardFileInput2({
+var FileInput = React61.forwardRef(
+  function FileInput2({
     label,
     value,
     onChange,
@@ -16120,12 +16177,12 @@ var DashboardFileInput = React60.forwardRef(
     width,
     downloadLabel
   }, ref) {
-    const internalRef = React60.useRef(null);
+    const internalRef = React61.useRef(null);
     const inputRef = useCombinedRef(ref, internalRef);
     const { t } = useTranslation38();
     const resolvedLabel = label ?? t("upload_file");
     const resolvedDownloadLabel = downloadLabel ?? t("download_attachment");
-    const reactId = React60.useId();
+    const reactId = React61.useId();
     const inputId = `${name || "dash-file"}-${reactId}`;
     const labelId = `${inputId}-label`;
     const errorId = `${inputId}-error`;
@@ -16265,9 +16322,9 @@ var DashboardFileInput = React60.forwardRef(
 );
 
 // src/dashboard/select-icons-box/SelectIconsBox.tsx
-import * as React61 from "react";
+import * as React62 from "react";
 import { jsx as jsx165, jsxs as jsxs109 } from "react/jsx-runtime";
-function DashboardSelectIconsBox({
+function SelectIconsBox({
   children,
   icons,
   renderIcon,
@@ -16281,9 +16338,9 @@ function DashboardSelectIconsBox({
   className,
   boxClassName
 }) {
-  const containerRef = React61.useRef(null);
+  const containerRef = React62.useRef(null);
   const isControlled = controlledOpen !== void 0;
-  const [internalOpen, setInternalOpen] = React61.useState(defaultOpen);
+  const [internalOpen, setInternalOpen] = React62.useState(defaultOpen);
   const isOpen = isControlled ? controlledOpen : internalOpen;
   const setOpen = (next) => {
     if (!isControlled) setInternalOpen(next);
@@ -16464,15 +16521,15 @@ var LegacyTextarea = forwardRef68(
 LegacyTextarea.displayName = "LegacyTextarea";
 
 // src/airbnb-fields/datepicker/DatePicker.tsx
-import * as React63 from "react";
+import * as React64 from "react";
 import { Calendar as Calendar2 } from "lucide-react";
 
 // src/airbnb-fields/field-trigger/FieldTrigger.tsx
-import * as React62 from "react";
+import * as React63 from "react";
 import { Loader2 as Loader24 } from "lucide-react";
 import { useTranslation as useTranslation39 } from "react-i18next";
 import { Fragment as Fragment17, jsx as jsx168, jsxs as jsxs112 } from "react/jsx-runtime";
-var AirbnbFieldTrigger = React62.forwardRef(
+var AirbnbFieldTrigger = React63.forwardRef(
   ({
     as = "button",
     variant = "airbnb",
@@ -16645,7 +16702,7 @@ AirbnbFieldTrigger.displayName = "AirbnbFieldTrigger";
 // src/airbnb-fields/datepicker/DatePicker.tsx
 import { jsx as jsx169, jsxs as jsxs113 } from "react/jsx-runtime";
 var DEFAULT_MIN_DATE = new Date(1920, 0, 1);
-var AirbnbDatePicker = React63.forwardRef(
+var AirbnbDatePicker = React64.forwardRef(
   ({
     variant = "default",
     label,
@@ -16671,24 +16728,24 @@ var AirbnbDatePicker = React63.forwardRef(
     formatValue = formatDateValue
   }, ref) => {
     const { isMatch: isMobile3 } = useScreenResize(DEVICE.mobileXL);
-    const [isOpen, setIsOpen] = React63.useState(false);
-    const triggerId = React63.useId();
-    const pickerId = React63.useId();
-    const labelId = React63.useId();
-    const valueId = React63.useId();
-    const helperTextId = React63.useId();
-    const errorId = React63.useId();
-    const internalRef = React63.useRef(null);
+    const [isOpen, setIsOpen] = React64.useState(false);
+    const triggerId = React64.useId();
+    const pickerId = React64.useId();
+    const labelId = React64.useId();
+    const valueId = React64.useId();
+    const helperTextId = React64.useId();
+    const errorId = React64.useId();
+    const internalRef = React64.useRef(null);
     const combinedRef = useCombinedRef(ref, internalRef);
-    const monthLabels = React63.useMemo(() => getMonthLabels(locale), [locale]);
-    const resolvedMinDate = React63.useMemo(() => minDate ?? DEFAULT_MIN_DATE, [minDate]);
-    const resolvedMaxDate = React63.useMemo(() => maxDate ?? /* @__PURE__ */ new Date(), [maxDate]);
-    const normalizedValue = React63.useMemo(() => normalizeDateValue(value), [value]);
-    const normalizedDefaultValue = React63.useMemo(
+    const monthLabels = React64.useMemo(() => getMonthLabels(locale), [locale]);
+    const resolvedMinDate = React64.useMemo(() => minDate ?? DEFAULT_MIN_DATE, [minDate]);
+    const resolvedMaxDate = React64.useMemo(() => maxDate ?? /* @__PURE__ */ new Date(), [maxDate]);
+    const normalizedValue = React64.useMemo(() => normalizeDateValue(value), [value]);
+    const normalizedDefaultValue = React64.useMemo(
       () => normalizeDateValue(defaultValue),
       [defaultValue]
     );
-    const resolvedValue = React63.useMemo(
+    const resolvedValue = React64.useMemo(
       () => normalizedValue ? clampDate(normalizedValue, resolvedMinDate, resolvedMaxDate) : null,
       [normalizedValue, resolvedMaxDate, resolvedMinDate]
     );
@@ -16719,7 +16776,7 @@ var AirbnbDatePicker = React63.forwardRef(
       minDate: resolvedMinDate,
       maxDate: resolvedMaxDate
     });
-    const handleOpenChange = React63.useCallback(
+    const handleOpenChange = React64.useCallback(
       (nextOpen) => {
         if (isBlocked && nextOpen) return;
         setIsOpen(nextOpen);
@@ -16729,7 +16786,7 @@ var AirbnbDatePicker = React63.forwardRef(
       },
       [isBlocked]
     );
-    const handleDone = React63.useCallback(() => {
+    const handleDone = React64.useCallback(() => {
       if (isBlocked) return;
       onChange(clampDate(draftDate, resolvedMinDate, resolvedMaxDate));
       handleOpenChange(false);
@@ -16741,11 +16798,11 @@ var AirbnbDatePicker = React63.forwardRef(
       resolvedMaxDate,
       resolvedMinDate
     ]);
-    const handleTriggerClick = React63.useCallback(() => {
+    const handleTriggerClick = React64.useCallback(() => {
       if (isBlocked) return;
       setIsOpen(true);
     }, [isBlocked]);
-    const handleTriggerKeyDown = React63.useCallback(
+    const handleTriggerKeyDown = React64.useCallback(
       (event) => {
         if (isBlocked) return;
         if (event.key === "ArrowDown" || event.key === "ArrowUp" || event.key === "Enter" || event.key === " ") {
@@ -16755,7 +16812,7 @@ var AirbnbDatePicker = React63.forwardRef(
       },
       [isBlocked]
     );
-    React63.useEffect(() => {
+    React64.useEffect(() => {
       if (isBlocked) {
         setIsOpen(false);
       }
@@ -16833,10 +16890,10 @@ var AirbnbDatePicker = React63.forwardRef(
 AirbnbDatePicker.displayName = "AirbnbDatePicker";
 
 // src/airbnb-fields/input/Input.tsx
-import * as React64 from "react";
+import * as React65 from "react";
 import { jsx as jsx170 } from "react/jsx-runtime";
 var getInputValue = (value) => value != null ? String(value) : "";
-var AirbnbInput = React64.forwardRef(
+var AirbnbInput = React65.forwardRef(
   ({
     variant = "default",
     label,
@@ -16865,15 +16922,15 @@ var AirbnbInput = React64.forwardRef(
     placeholder,
     ...props
   }, ref) => {
-    const generatedId = React64.useId();
-    const inputRef = React64.useRef(null);
+    const generatedId = React65.useId();
+    const inputRef = React65.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] = React64.useState(false);
-    const [currentValue, setCurrentValue] = React64.useState(
+    const [isFocused, setIsFocused] = React65.useState(false);
+    const [currentValue, setCurrentValue] = React65.useState(
       () => value != null ? getInputValue(value) : getInputValue(defaultValue)
     );
     const resolvedValue = value != null ? getInputValue(value) : currentValue;
@@ -16883,11 +16940,11 @@ var AirbnbInput = React64.forwardRef(
     const triggerError = error ?? invalid;
     const hasLabelMeta = Boolean(optional) || Boolean(tooltip);
     const isBlocked = Boolean(disabled) || Boolean(loading);
-    React64.useLayoutEffect(() => {
+    React65.useLayoutEffect(() => {
       const nextValue = value != null ? getInputValue(value) : getInputValue(inputRef.current?.value);
       setCurrentValue((prevValue) => prevValue === nextValue ? prevValue : nextValue);
     }, [value]);
-    const setRefs = React64.useCallback(
+    const setRefs = React65.useCallback(
       (node) => {
         inputRef.current = node;
         if (node && value == null) {
@@ -16985,11 +17042,11 @@ var AirbnbInput = React64.forwardRef(
 AirbnbInput.displayName = "AirbnbInput";
 
 // src/airbnb-fields/phone-field/PhoneField.tsx
-import * as React70 from "react";
+import * as React71 from "react";
 import { ChevronDown as ChevronDown5 } from "lucide-react";
 
 // src/airbnb-fields/select/Select.tsx
-import * as React69 from "react";
+import * as React70 from "react";
 
 // src/airbnb-fields/select/SelectDesktopMenu.tsx
 import { jsx as jsx171, jsxs as jsxs114 } from "react/jsx-runtime";
@@ -17334,10 +17391,10 @@ function AirbnbSelectMobileContent({
 }
 
 // src/airbnb-fields/select/SelectTrigger.tsx
-import * as React65 from "react";
+import * as React66 from "react";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
 import { jsx as jsx175 } from "react/jsx-runtime";
-var AirbnbSelectTrigger = React65.forwardRef(
+var AirbnbSelectTrigger = React66.forwardRef(
   ({
     id,
     open,
@@ -17404,7 +17461,7 @@ var AirbnbSelectTrigger = React65.forwardRef(
 AirbnbSelectTrigger.displayName = "AirbnbSelectTrigger";
 
 // src/airbnb-fields/select/useDesktopSelect.ts
-import * as React66 from "react";
+import * as React67 from "react";
 function useDesktopSelect({
   isMobile: isMobile3,
   isOpen,
@@ -17413,12 +17470,12 @@ function useDesktopSelect({
   disabled,
   onChange
 }) {
-  const [highlightedIndex, setHighlightedIndex] = React66.useState(-1);
-  const triggerRef = React66.useRef(null);
-  const listRef = React66.useRef(null);
-  const optionRefs = React66.useRef([]);
+  const [highlightedIndex, setHighlightedIndex] = React67.useState(-1);
+  const triggerRef = React67.useRef(null);
+  const listRef = React67.useRef(null);
+  const optionRefs = React67.useRef([]);
   const selectedIndex = getOptionIndex2(options, value);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (!isOpen || isMobile3) return;
     setHighlightedIndex((currentIndex) => {
       if (currentIndex >= 0) {
@@ -17433,34 +17490,34 @@ function useDesktopSelect({
       window.cancelAnimationFrame(frameId);
     };
   }, [isMobile3, isOpen, options, selectedIndex]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (!isOpen || isMobile3 || highlightedIndex < 0) return;
     optionRefs.current[highlightedIndex]?.scrollIntoView({
       block: "nearest"
     });
   }, [highlightedIndex, isMobile3, isOpen]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (isOpen) return;
     setHighlightedIndex(-1);
   }, [isOpen]);
-  const focusTrigger = React66.useCallback(() => {
+  const focusTrigger = React67.useCallback(() => {
     triggerRef.current?.focus();
   }, []);
-  const handleSelect = React66.useCallback(
+  const handleSelect = React67.useCallback(
     (option) => {
       if (option.isDisabled || disabled) return;
       onChange(option);
     },
     [disabled, onChange]
   );
-  const openMenu = React66.useCallback(
+  const openMenu = React67.useCallback(
     (targetIndex) => {
       const fallbackIndex = selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex2(options);
       setHighlightedIndex(targetIndex ?? fallbackIndex);
     },
     [options, selectedIndex]
   );
-  const handleTriggerKeyDown = React66.useCallback(
+  const handleTriggerKeyDown = React67.useCallback(
     (event, onOpen) => {
       if (disabled) return;
       if (event.key === "ArrowDown") {
@@ -17485,7 +17542,7 @@ function useDesktopSelect({
     },
     [disabled, openMenu, options, selectedIndex]
   );
-  const handleMenuKeyDown = React66.useCallback(
+  const handleMenuKeyDown = React67.useCallback(
     (event, onClose) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -17535,7 +17592,7 @@ function useDesktopSelect({
     },
     [focusTrigger, highlightedIndex, onChange, options]
   );
-  const setOptionRef = React66.useCallback(
+  const setOptionRef = React67.useCallback(
     (index, node) => {
       optionRefs.current[index] = node;
     },
@@ -17555,23 +17612,23 @@ function useDesktopSelect({
 }
 
 // src/airbnb-fields/select/useMobileSelectWheel.ts
-import * as React67 from "react";
+import * as React68 from "react";
 function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, disabled }) {
-  const [pendingValue, setPendingValue] = React67.useState(
+  const [pendingValue, setPendingValue] = React68.useState(
     value ?? null
   );
-  const [mobileScrollTop, setMobileScrollTop] = React67.useState(0);
-  const mobileListRef = React67.useRef(null);
-  const scrollSettleTimeoutRef = React67.useRef(null);
-  const scrollAnimationFrameRef = React67.useRef(null);
-  const getTargetIndex = React67.useCallback(
+  const [mobileScrollTop, setMobileScrollTop] = React68.useState(0);
+  const mobileListRef = React68.useRef(null);
+  const scrollSettleTimeoutRef = React68.useRef(null);
+  const scrollAnimationFrameRef = React68.useRef(null);
+  const getTargetIndex = React68.useCallback(
     (targetValue) => {
       const selectedIndex = getOptionIndex2(options, targetValue);
       return selectedIndex >= 0 ? selectedIndex : getFirstEnabledOptionIndex2(options);
     },
     [options]
   );
-  const syncScrollPosition = React67.useCallback(
+  const syncScrollPosition = React68.useCallback(
     (targetValue, behavior = "instant") => {
       const targetIndex = getTargetIndex(targetValue);
       if (targetIndex < 0) return;
@@ -17590,27 +17647,27 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [getTargetIndex, options]
   );
-  const clearScrollSettleTimeout = React67.useCallback(() => {
+  const clearScrollSettleTimeout = React68.useCallback(() => {
     if (scrollSettleTimeoutRef.current === null) return;
     window.clearTimeout(scrollSettleTimeoutRef.current);
     scrollSettleTimeoutRef.current = null;
   }, []);
-  const clearScrollAnimationFrame = React67.useCallback(() => {
+  const clearScrollAnimationFrame = React68.useCallback(() => {
     if (scrollAnimationFrameRef.current === null) return;
     window.cancelAnimationFrame(scrollAnimationFrameRef.current);
     scrollAnimationFrameRef.current = null;
   }, []);
-  React67.useEffect(
+  React68.useEffect(
     () => () => {
       clearScrollSettleTimeout();
       clearScrollAnimationFrame();
     },
     [clearScrollAnimationFrame, clearScrollSettleTimeout]
   );
-  React67.useEffect(() => {
+  React68.useEffect(() => {
     setPendingValue(value ?? null);
   }, [value]);
-  React67.useLayoutEffect(() => {
+  React68.useLayoutEffect(() => {
     if (!isMobile3 || !isOpen) return;
     const frameId = window.requestAnimationFrame(() => {
       syncScrollPosition(value ?? null, "instant");
@@ -17619,7 +17676,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
       window.cancelAnimationFrame(frameId);
     };
   }, [isMobile3, isOpen, syncScrollPosition, value]);
-  const settleScroll = React67.useCallback(() => {
+  const settleScroll = React68.useCallback(() => {
     if (!mobileListRef.current) return;
     const nextIndex = Math.round(mobileListRef.current.scrollTop / MOBILE_OPTION_HEIGHT);
     const nextOption = options[nextIndex];
@@ -17631,13 +17688,13 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     }
     setPendingValue(nextOption);
   }, [options, pendingValue]);
-  const scheduleScrollSettle = React67.useCallback(() => {
+  const scheduleScrollSettle = React68.useCallback(() => {
     clearScrollSettleTimeout();
     scrollSettleTimeoutRef.current = window.setTimeout(() => {
       settleScroll();
     }, MOBILE_SCROLL_SETTLE_DELAY);
   }, [clearScrollSettleTimeout, settleScroll]);
-  const handleScroll = React67.useCallback(() => {
+  const handleScroll = React68.useCallback(() => {
     if (!mobileListRef.current) return;
     const nextScrollTop = mobileListRef.current.scrollTop;
     clearScrollAnimationFrame();
@@ -17647,7 +17704,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     });
     scheduleScrollSettle();
   }, [clearScrollAnimationFrame, scheduleScrollSettle]);
-  const focusOptionByIndex = React67.useCallback(
+  const focusOptionByIndex = React68.useCallback(
     (index, behavior = "instant", updatePendingImmediately = behavior === "instant") => {
       if (!mobileListRef.current || index < 0 || index >= options.length) return;
       const option = options[index];
@@ -17665,7 +17722,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [options, scheduleScrollSettle]
   );
-  const handleOptionClick = React67.useCallback(
+  const handleOptionClick = React68.useCallback(
     (option) => {
       if (!mobileListRef.current || disabled || option.isDisabled) return;
       const optionIndex = getOptionIndex2(options, option);
@@ -17674,7 +17731,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [disabled, focusOptionByIndex, options]
   );
-  const moveByStep = React67.useCallback(
+  const moveByStep = React68.useCallback(
     (step) => {
       const currentIndex = getOptionIndex2(options, pendingValue);
       const fallbackIndex = step === 1 ? getFirstEnabledOptionIndex2(options) : getLastEnabledOptionIndex2(options);
@@ -17686,7 +17743,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [focusOptionByIndex, options, pendingValue]
   );
-  const moveToBoundary = React67.useCallback(
+  const moveToBoundary = React68.useCallback(
     (boundary) => {
       const targetIndex = boundary === "start" ? getFirstEnabledOptionIndex2(options) : getLastEnabledOptionIndex2(options);
       if (targetIndex >= 0) {
@@ -17695,7 +17752,7 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
     },
     [focusOptionByIndex, options]
   );
-  const syncPendingValue = React67.useCallback(
+  const syncPendingValue = React68.useCallback(
     (nextValue) => {
       const normalizedValue = nextValue ?? null;
       const matchedIndex = getOptionIndex2(options, normalizedValue);
@@ -17723,9 +17780,9 @@ function useMobileSelectWheel({ isMobile: isMobile3, isOpen, options, value, dis
 }
 
 // src/airbnb-fields/select/useSelectIds.ts
-import * as React68 from "react";
+import * as React69 from "react";
 function useSelectIds2({ name, hasValue, error, hideErrorMessage }) {
-  const reactId = React68.useId().replace(/:/g, "");
+  const reactId = React69.useId().replace(/:/g, "");
   const baseId = name ? `select-${name}` : `select-${reactId}`;
   const triggerId = `${baseId}-trigger`;
   const labelId = `${baseId}-label`;
@@ -17735,7 +17792,7 @@ function useSelectIds2({ 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 = React68.useCallback(
+  const getOptionId2 = React69.useCallback(
     (index) => `${baseId}-option-${index}`,
     [baseId]
   );
@@ -17754,7 +17811,7 @@ function useSelectIds2({ name, hasValue, error, hideErrorMessage }) {
 
 // src/airbnb-fields/select/Select.tsx
 import { jsx as jsx176, jsxs as jsxs117 } from "react/jsx-runtime";
-var AirbnbSelect = React69.forwardRef(function AirbnbSelect2({
+var AirbnbSelect = React70.forwardRef(function AirbnbSelect2({
   options = [],
   value,
   onChange,
@@ -17781,8 +17838,8 @@ var AirbnbSelect = React69.forwardRef(function AirbnbSelect2({
   noOptionsMessage
 }, ref) {
   const { isMatch: isMobile3 } = useScreenResize(DEVICE.mobileXL);
-  const [isOpen, setIsOpen] = React69.useState(false);
-  const containerRef = React69.useRef(null);
+  const [isOpen, setIsOpen] = React70.useState(false);
+  const containerRef = React70.useRef(null);
   const hasValue = Boolean(value);
   const helperText = placeholder ?? label;
   const shouldDescribeHelperText = !hasValue && helperText !== label;
@@ -17843,12 +17900,12 @@ var AirbnbSelect = React69.forwardRef(function AirbnbSelect2({
     onOutsideClick: () => setIsOpen(false),
     isDisabled: !isOpen || isMobile3
   });
-  React69.useEffect(() => {
+  React70.useEffect(() => {
     if (isBlocked) {
       setIsOpen(false);
     }
   }, [isBlocked]);
-  React69.useEffect(
+  React70.useEffect(
     function setCorrectOptionIfThereIsOnlyValue() {
       if (value?.value === void 0 || value.value === null || value.label !== "") {
         return;
@@ -17860,7 +17917,7 @@ var AirbnbSelect = React69.forwardRef(function AirbnbSelect2({
     },
     [onChange, options, value]
   );
-  const handleMobileOpenChange = React69.useCallback(
+  const handleMobileOpenChange = React70.useCallback(
     (nextOpen) => {
       if (isBlocked && nextOpen) return;
       setIsOpen(nextOpen);
@@ -17871,7 +17928,7 @@ var AirbnbSelect = React69.forwardRef(function AirbnbSelect2({
     },
     [focusTrigger, isBlocked, syncPendingValue, value]
   );
-  const handleMobileDone = React69.useCallback(() => {
+  const handleMobileDone = React70.useCallback(() => {
     if (isBlocked) return;
     const finalOption = pendingValue;
     if (finalOption && finalOption.value !== value?.value) {
@@ -17880,7 +17937,7 @@ var AirbnbSelect = React69.forwardRef(function AirbnbSelect2({
     setIsOpen(false);
     focusTrigger();
   }, [focusTrigger, isBlocked, onChange, pendingValue, value]);
-  const handleTriggerClick = React69.useCallback(() => {
+  const handleTriggerClick = React70.useCallback(() => {
     if (isBlocked) return;
     setIsOpen((prev) => {
       const nextOpen = !prev;
@@ -18054,7 +18111,7 @@ function formatPhoneCodeOptionLabel(option) {
   const value = String(option.value);
   return label.includes(value) ? label : `${label} (${value})`;
 }
-var AirbnbPhoneField = React70.forwardRef(
+var AirbnbPhoneField = React71.forwardRef(
   ({
     variant = "default",
     label,
@@ -18078,8 +18135,8 @@ var AirbnbPhoneField = React70.forwardRef(
     mobileTitle,
     codePlaceholder = "+00"
   }, ref) => {
-    const inputId = React70.useId();
-    const codeOptions = React70.useMemo(
+    const inputId = React71.useId();
+    const codeOptions = React71.useMemo(
       () => options.map((option) => ({
         value: option.value,
         label: formatPhoneCodeOptionLabel(option),
@@ -18087,7 +18144,7 @@ var AirbnbPhoneField = React70.forwardRef(
       })),
       [options]
     );
-    const selectedCodeOption = React70.useMemo(
+    const selectedCodeOption = React71.useMemo(
       () => codeOptions.find((option) => option.value === value?.code) ?? null,
       [codeOptions, value?.code]
     );
@@ -18229,10 +18286,10 @@ var AirbnbPhoneField = React70.forwardRef(
 AirbnbPhoneField.displayName = "AirbnbPhoneField";
 
 // src/airbnb-fields/searchable-select/SearchableSelect.tsx
-import * as React71 from "react";
+import * as React72 from "react";
 import { ChevronDown as ChevronDown6, Search as Search5 } from "lucide-react";
 import { useVirtualizer as useVirtualizer3 } from "@tanstack/react-virtual";
-import { useCallback as useCallback51 } from "react";
+import { useCallback as useCallback52 } from "react";
 import { jsx as jsx178, jsxs as jsxs119 } from "react/jsx-runtime";
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
@@ -18274,13 +18331,13 @@ var AirbnbSearchableSelectInternal = ({
   loadingMessage
 }, ref) => {
   const { isMatch: isMobile3 } = useScreenResize(DEVICE.mobileXL);
-  const reactId = React71.useId();
-  const [open, setOpen] = React71.useState(false);
-  const [internalSearchValue, setInternalSearchValue] = React71.useState("");
-  const [highlightedIndex, setHighlightedIndex] = React71.useState(-1);
-  const containerRef = React71.useRef(null);
-  const triggerRef = React71.useRef(null);
-  const inputRef = React71.useRef(null);
+  const reactId = React72.useId();
+  const [open, setOpen] = React72.useState(false);
+  const [internalSearchValue, setInternalSearchValue] = React72.useState("");
+  const [highlightedIndex, setHighlightedIndex] = React72.useState(-1);
+  const containerRef = React72.useRef(null);
+  const triggerRef = React72.useRef(null);
+  const inputRef = React72.useRef(null);
   const listboxId = `${reactId}-listbox`;
   const labelId = `${reactId}-label`;
   const valueId = `${reactId}-value`;
@@ -18289,13 +18346,13 @@ var AirbnbSearchableSelectInternal = ({
   const searchInputId = `${reactId}-search`;
   const effectiveSearchValue = searchValue ?? internalSearchValue;
   const shouldFilterLocally = !onSearchChange && filterOption !== null;
-  const visibleOptions = React71.useMemo(() => {
+  const visibleOptions = React72.useMemo(() => {
     if (!shouldFilterLocally || !effectiveSearchValue) {
       return options;
     }
     return options.filter((option) => filterOption(option, effectiveSearchValue));
   }, [effectiveSearchValue, filterOption, options, shouldFilterLocally]);
-  const selectedIndex = React71.useMemo(
+  const selectedIndex = React72.useMemo(
     () => visibleOptions.findIndex((option) => option.value === value?.value),
     [value?.value, visibleOptions]
   );
@@ -18311,7 +18368,7 @@ var AirbnbSearchableSelectInternal = ({
     isDisabled: !open || isMobile3
   });
   const handleOnOpenChange = useEvent(onOpenChange);
-  const setSelectOpen = useCallback51(
+  const setSelectOpen = useCallback52(
     (nextOpen, options2) => {
       setOpen(nextOpen);
       handleOnOpenChange?.(nextOpen);
@@ -18321,7 +18378,7 @@ var AirbnbSearchableSelectInternal = ({
     },
     [handleOnOpenChange]
   );
-  React71.useEffect(() => {
+  React72.useEffect(() => {
     if (isBlocked) {
       setSelectOpen(false);
       return;
@@ -18334,7 +18391,7 @@ var AirbnbSearchableSelectInternal = ({
       window.cancelAnimationFrame(frameId);
     };
   }, [isBlocked, open, setSelectOpen]);
-  React71.useEffect(() => {
+  React72.useEffect(() => {
     if (!open) {
       setHighlightedIndex(-1);
       return;
@@ -18429,7 +18486,7 @@ var AirbnbSearchableSelectInternal = ({
       onOptionHover: setHighlightedIndex
     }
   );
-  React71.useImperativeHandle(ref, () => triggerRef.current, []);
+  React72.useImperativeHandle(ref, () => triggerRef.current, []);
   return /* @__PURE__ */ jsxs119("div", { ref: containerRef, className: cn("relative w-full max-w-[425px]", className), children: [
     name && /* @__PURE__ */ jsx178("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
     /* @__PURE__ */ jsx178(
@@ -18508,7 +18565,7 @@ var AirbnbSearchableSelectInternal = ({
     ) : null
   ] });
 };
-var AirbnbSearchableSelect = React71.forwardRef(
+var AirbnbSearchableSelect = React72.forwardRef(
   AirbnbSearchableSelectInternal
 );
 function AirbnbSearchableSelectContent({
@@ -18535,9 +18592,9 @@ function AirbnbSearchableSelectContent({
   onOptionClick,
   onOptionHover
 }) {
-  const listRef = React71.useRef(null);
-  const lastLoadMoreOptionsLengthRef = React71.useRef(null);
-  const previousHighlightedIndexRef = React71.useRef(highlightedIndex);
+  const listRef = React72.useRef(null);
+  const lastLoadMoreOptionsLengthRef = React72.useRef(null);
+  const previousHighlightedIndexRef = React72.useRef(highlightedIndex);
   const rowCount = options.length + (loading && options.length > 0 ? 1 : 0);
   const virtualizer = useVirtualizer3({
     count: rowCount,
@@ -18548,7 +18605,7 @@ function AirbnbSearchableSelectContent({
   const virtualItems = virtualizer.getVirtualItems();
   const emptyMessage = noOptionsMessage?.() ?? "No matches found";
   const loadingText = loadingMessage?.() ?? "Loading...";
-  React71.useEffect(() => {
+  React72.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) {
@@ -18556,7 +18613,7 @@ function AirbnbSearchableSelectContent({
       onLoadMore?.();
     }
   }, [hasNextPage, loading, onLoadMore, options.length, virtualItems]);
-  React71.useEffect(() => {
+  React72.useEffect(() => {
     const hasHighlightedIndexChanged = previousHighlightedIndexRef.current !== highlightedIndex;
     previousHighlightedIndexRef.current = highlightedIndex;
     if (highlightedIndex >= 0 && hasHighlightedIndexChanged) {
@@ -18674,11 +18731,11 @@ function getNextEnabledIndex(options, startIndex, step) {
 }
 
 // src/airbnb-fields/search-input/SearchInput.tsx
-import * as React72 from "react";
+import * as React73 from "react";
 import { useTranslation as useTranslation40 } from "react-i18next";
 import { Search as Search6, X as X10 } from "lucide-react";
 import { jsx as jsx179, jsxs as jsxs120 } from "react/jsx-runtime";
-var AirbnbSearchInput = React72.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
+var AirbnbSearchInput = React73.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
   const { t } = useTranslation40();
   const placeholderText = placeholder || t("search_property") + "...";
   return /* @__PURE__ */ jsxs120("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
@@ -18779,22 +18836,14 @@ export {
   CopyString,
   Counter,
   CounterSize,
+  CreatableMultiSelect,
   CustomCheckboxDropdownGroup,
   DEFAULT_DISPLAY_FORMAT,
   DEVICE_BREAKPOINTS,
-  DashboardCreatableMultiSelect,
-  DashboardDateRangePicker,
-  DashboardDatepicker,
-  DashboardFileInput,
-  DashboardInfiniteScrollSelect,
-  DashboardInput,
-  DashboardMultiSelect,
-  DashboardSelect,
-  DashboardSelectIconsBox,
-  DashboardTextarea,
-  DashboardTimePicker,
   DataTable,
+  DateRangePicker,
   DateTableFilter,
+  Datepicker,
   DebouncedSearchInput,
   DefaultSelectTrigger,
   Dialog,
@@ -18847,6 +18896,7 @@ export {
   ExpandableContent,
   ExternalLink,
   FieldErrorMessage,
+  FileInput,
   FileInputButton,
   FormBox,
   Content5 as FormBoxContent,
@@ -18862,7 +18912,9 @@ export {
   IconsDropdown,
   Image2 as Image,
   ImageFullScreenView,
+  InfiniteScrollSelect,
   InfoBox,
+  Input,
   InputOTP,
   InputOTPGroup,
   InputOTPSeparator,
@@ -18892,6 +18944,7 @@ export {
   Modal,
   ModalButton,
   ModalLoader,
+  MultiSelect,
   NumberedList,
   OverlayLoader,
   Pagination,
@@ -18921,6 +18974,8 @@ export {
   SectionGroup,
   SectionTag,
   SectionTagColors,
+  Select,
+  SelectIconsBox,
   Separator3 as Separator,
   Sheet,
   SheetClose,
@@ -18985,7 +19040,9 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  Textarea,
   ThreeDotsLoader,
+  TimePicker,
   Timeline,
   TimelineConnector,
   TimelineContent,