@chekinapp/ui 0.0.23 → 0.0.25

package/dist/index.js

@@ -2059,29 +2059,42 @@ function useAbortController() {
 }
 
 // src/hooks/use-click-escape.ts
-import { useEffect as useEffect5, useRef as useRef3 } from "react";
+import { useEffect as useEffect5 } from "react";
+
+// src/hooks/use-event.ts
+import { useCallback as useCallback2, useLayoutEffect, useRef as useRef3 } from "react";
+function useEvent(fn) {
+  const fnRef = useRef3(fn);
+  useLayoutEffect(() => {
+    fnRef.current = fn;
+  }, [fn]);
+  const eventCb = useCallback2(
+    (...args) => {
+      return fnRef.current?.apply(null, args);
+    },
+    [fnRef]
+  );
+  return eventCb;
+}
+
+// src/hooks/use-click-escape.ts
 function useClickEscape({ enabled = true, onClick }) {
-  const onClickRef = useRef3(onClick);
-  useEffect5(() => {
-    onClickRef.current = onClick;
-  }, [onClick]);
+  const handler = useEvent(onClick);
   useEffect5(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape" && enabled) {
-        onClickRef.current?.();
+        handler();
       }
     };
     window.addEventListener("keydown", handleKeyDown);
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [enabled]);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [handler, enabled]);
 }
 
 // src/hooks/use-combined-ref.ts
-import { useCallback as useCallback2 } from "react";
+import { useCallback as useCallback3 } from "react";
 function useCombinedRef(...refs) {
-  return useCallback2(
+  return useCallback3(
     (node) => {
       refs.forEach((ref) => {
         if (!ref) return;
@@ -2097,22 +2110,6 @@ function useCombinedRef(...refs) {
   );
 }
 
-// src/hooks/use-event.ts
-import { useCallback as useCallback3, useLayoutEffect, useRef as useRef4 } from "react";
-function useEvent(fn) {
-  const fnRef = useRef4(fn);
-  useLayoutEffect(() => {
-    fnRef.current = fn;
-  }, [fn]);
-  const eventCb = useCallback3(
-    (...args) => {
-      return fnRef.current?.apply(null, args);
-    },
-    [fnRef]
-  );
-  return eventCb;
-}
-
 // src/hooks/use-is-mobile.ts
 import { useEffect as useEffect6, useState as useState5 } from "react";
 var MOBILE_BREAKPOINT = 768;
@@ -2133,9 +2130,9 @@ function useIsMobile({ breakpoint = MOBILE_BREAKPOINT } = {}) {
 }
 
 // src/hooks/use-is-mounted.ts
-import { useEffect as useEffect7, useRef as useRef5 } from "react";
+import { useEffect as useEffect7, useRef as useRef4 } from "react";
 function useIsMounted() {
-  const isMounted = useRef5(false);
+  const isMounted = useRef4(false);
   useEffect7(() => {
     isMounted.current = true;
     return () => {
@@ -2171,9 +2168,9 @@ function useModalControls(initState = false, { disabled } = {}) {
 }
 
 // src/hooks/use-outside-click.ts
-import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef5 } from "react";
 function useOutsideClick(elementRef, onOutsideClick, nested) {
-  const handleOutsideClick = useRef6(onOutsideClick);
+  const handleOutsideClick = useRef5(onOutsideClick);
   handleOutsideClick.current = onOutsideClick;
   const checkNestedElements = useCallback5(
     (event) => {
@@ -2309,6 +2306,33 @@ function useDebounce(value, delayMs = 1e3, handleChange) {
   return [debouncedValue, setDebouncedValue];
 }
 
+// src/hooks/use-debounced-function.ts
+import { useCallback as useCallback7, useRef as useRef6 } from "react";
+function useDebouncedFunction(callback, delay) {
+  const timerRef = useRef6();
+  const immediateCalling = useRef6(false);
+  const callbackFn = useEvent(callback);
+  const throttled = useCallback7(
+    (...args) => {
+      clearTimeout(timerRef.current);
+      if (immediateCalling.current) {
+        immediateCalling.current = false;
+        callbackFn?.(...args);
+      } else {
+        timerRef.current = setTimeout(() => {
+          immediateCalling.current = false;
+          callbackFn?.(...args);
+        }, delay);
+      }
+    },
+    [callbackFn, delay]
+  );
+  const immediate = useCallback7(() => {
+    immediateCalling.current = true;
+  }, []);
+  return { throttled, immediate };
+}
+
 // src/hooks/use-previous.ts
 import { useEffect as useEffect11, useRef as useRef7 } from "react";
 function usePrevious(value, defaultValue) {
@@ -2319,12 +2343,187 @@ function usePrevious(value, defaultValue) {
   return ref.current;
 }
 
+// src/hooks/use-pagination.ts
+import { useCallback as useCallback8, useEffect as useEffect12, useMemo, useState as useState9 } from "react";
+
+// src/storage/AbstractStorage.ts
+var AbstractStorage = class {
+  static get(key) {
+    if (!key) {
+      throw new Error("The key is not valid");
+    }
+    return null;
+  }
+  static set(key, value) {
+    if (!key) {
+      throw new Error("The key is not valid");
+    }
+    if (!value) {
+      throw new Error("The value not passed");
+    }
+  }
+  static remove(key) {
+    if (!key) {
+      throw new Error("The key is not valid");
+    }
+  }
+  static clear() {
+  }
+};
+var AbstractStorage_default = AbstractStorage;
+
+// src/storage/utils.ts
+function jsonParse(data) {
+  try {
+    if (data) {
+      return JSON.parse(data);
+    }
+    return null;
+  } catch {
+    return data;
+  }
+}
+
+// src/storage/SessionStorage.ts
+var SessionStorage = class _SessionStorage extends AbstractStorage_default {
+  static get(key) {
+    const data = sessionStorage.getItem(key);
+    return jsonParse(data);
+  }
+  static set(key, value) {
+    if (value) {
+      sessionStorage.setItem(key, JSON.stringify(value));
+    }
+  }
+  static update(key, field, value) {
+    const data = _SessionStorage.get(key);
+    if (data) {
+      data[field] = value;
+      _SessionStorage.set(key, data);
+    } else {
+      _SessionStorage.set(key, { [field]: value });
+    }
+  }
+  static remove(key) {
+    sessionStorage.removeItem(key);
+  }
+  static clear() {
+    sessionStorage.clear();
+  }
+};
+
+// src/hooks/use-pagination.ts
+var DEFAULT_PAGE_SIZE = 20;
+var DEFAULT_PAGE = 1;
+function usePagination(config) {
+  const { key, defaultPageSize = DEFAULT_PAGE_SIZE, defaultPage = DEFAULT_PAGE } = config;
+  const [state, setState] = useState9(() => {
+    const stored = SessionStorage.get(`pagination-${key}`);
+    if (stored) {
+      return {
+        page: stored.page || defaultPage,
+        pageSize: stored.pageSize || defaultPageSize,
+        totalItems: stored.totalItems || 0
+      };
+    }
+    return {
+      page: defaultPage,
+      pageSize: defaultPageSize,
+      totalItems: 0
+    };
+  });
+  useEffect12(() => {
+    SessionStorage.set(`pagination-${key}`, state);
+  }, [key, state]);
+  const pages = useMemo(() => {
+    return state.totalItems > 0 ? Math.ceil(state.totalItems / state.pageSize) : 0;
+  }, [state.totalItems, state.pageSize]);
+  const hasNextPage = useMemo(() => state.page < pages, [state.page, pages]);
+  const hasPreviousPage = useMemo(() => state.page > 1, [state.page]);
+  const startItem = useMemo(() => {
+    return state.totalItems === 0 ? 0 : (state.page - 1) * state.pageSize + 1;
+  }, [state.page, state.pageSize, state.totalItems]);
+  const endItem = useMemo(() => {
+    return Math.min(state.page * state.pageSize, state.totalItems);
+  }, [state.page, state.pageSize, state.totalItems]);
+  const isEmpty = useMemo(() => state.totalItems === 0, [state.totalItems]);
+  const setPage = useCallback8(
+    (page) => {
+      const clampedPage = Math.max(1, Math.min(page, pages || 1));
+      setState((prev) => ({ ...prev, page: clampedPage }));
+    },
+    [pages]
+  );
+  const setPageSize = useCallback8((pageSize) => {
+    const validPageSize = Math.max(1, pageSize);
+    setState((prev) => {
+      const currentFirstItem = (prev.page - 1) * prev.pageSize + 1;
+      const newPage = Math.max(1, Math.ceil(currentFirstItem / validPageSize));
+      return {
+        ...prev,
+        pageSize: validPageSize,
+        page: newPage
+      };
+    });
+  }, []);
+  const setTotalItems = useCallback8((totalItems) => {
+    const validTotalItems = Math.max(0, totalItems);
+    setState((prev) => {
+      const newPages = validTotalItems > 0 ? Math.ceil(validTotalItems / prev.pageSize) : 0;
+      const clampedPage = prev.page > newPages && newPages > 0 ? newPages : prev.page;
+      return {
+        ...prev,
+        totalItems: validTotalItems,
+        page: clampedPage
+      };
+    });
+  }, []);
+  const nextPage = useCallback8(() => {
+    setPage(state.page + 1);
+  }, [setPage, state.page]);
+  const previousPage = useCallback8(() => {
+    setPage(state.page - 1);
+  }, [setPage, state.page]);
+  const goToFirstPage = useCallback8(() => {
+    setPage(1);
+  }, [setPage]);
+  const goToLastPage = useCallback8(() => {
+    setPage(pages);
+  }, [setPage, pages]);
+  const reset = useCallback8(() => {
+    setState({
+      page: defaultPage,
+      pageSize: defaultPageSize,
+      totalItems: 0
+    });
+  }, [defaultPage, defaultPageSize]);
+  return {
+    page: state.page,
+    pageSize: state.pageSize,
+    totalItems: state.totalItems,
+    pages,
+    setPage,
+    setPageSize,
+    setTotalItems,
+    nextPage,
+    previousPage,
+    goToFirstPage,
+    goToLastPage,
+    reset,
+    hasNextPage,
+    hasPreviousPage,
+    startItem,
+    endItem,
+    isEmpty
+  };
+}
+
 // src/hooks/use-timer.ts
-import { useEffect as useEffect12, useState as useState9 } from "react";
+import { useEffect as useEffect13, useState as useState10 } from "react";
 var useTimer = ({ seconds }) => {
-  const [timeLeft, setTimeLeft] = useState9(seconds);
-  const [isTimerRunning, setIsTimerRunning] = useState9(true);
-  useEffect12(() => {
+  const [timeLeft, setTimeLeft] = useState10(seconds);
+  const [isTimerRunning, setIsTimerRunning] = useState10(true);
+  useEffect13(() => {
     if (!isTimerRunning) return;
     const timer = setInterval(() => {
       setTimeLeft((prev) => {
@@ -2350,32 +2549,32 @@ var useTimer = ({ seconds }) => {
 };
 
 // src/hooks/use-timeout.ts
-import { useCallback as useCallback7, useEffect as useEffect13, useRef as useRef8 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect14, useRef as useRef8 } from "react";
 function useTimeout() {
   const timeoutRef = useRef8();
-  const clearTimeoutRef = useCallback7(() => {
+  const clearTimeoutRef = useCallback9(() => {
     clearTimeout(timeoutRef.current);
     timeoutRef.current = void 0;
   }, []);
-  const scheduleTimeout = useCallback7(
+  const scheduleTimeout = useCallback9(
     (callback, delay) => {
       clearTimeoutRef();
       timeoutRef.current = setTimeout(callback, delay);
     },
     [clearTimeoutRef]
   );
-  useEffect13(() => clearTimeoutRef, [clearTimeoutRef]);
+  useEffect14(() => clearTimeoutRef, [clearTimeoutRef]);
   return { scheduleTimeout, clearTimeoutRef };
 }
 
 // src/hooks/use-hover.ts
-import { useCallback as useCallback8, useState as useState10 } from "react";
+import { useCallback as useCallback10, useState as useState11 } from "react";
 function useHover() {
-  const [isHovering, setIsHovering] = useState10(false);
-  const handleMouseEnter = useCallback8(() => {
+  const [isHovering, setIsHovering] = useState11(false);
+  const handleMouseEnter = useCallback10(() => {
     setIsHovering(true);
   }, []);
-  const handleMouseLeave = useCallback8(() => {
+  const handleMouseLeave = useCallback10(() => {
     setIsHovering(false);
   }, []);
   return {
@@ -2385,6 +2584,25 @@ function useHover() {
   };
 }
 
+// src/hooks/use-promised-modal-controls.ts
+import { useRef as useRef9 } from "react";
+var usePromisedModalControls = () => {
+  const { closeModal, isOpen, openModal } = useModalControls();
+  const resolveRef = useRef9();
+  const openModalWithPromise = async () => {
+    openModal();
+    return new Promise((resolve) => {
+      resolveRef.current = resolve;
+    });
+  };
+  return {
+    isOpen,
+    openModal: openModalWithPromise,
+    closeModal,
+    resolveRef
+  };
+};
+
 // src/dialog/Dialog.tsx
 import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 function useIframeTitleFix(titleRef) {
@@ -2620,7 +2838,7 @@ function DownloadEntryFormsButton({
 }
 
 // src/dropdown-button/DropdownButton.tsx
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 
 // src/dropdown-menu/DropdownMenu.tsx
 import * as React13 from "react";
@@ -2684,7 +2902,7 @@ function DropdownButton({
   modal,
   className
 }) {
-  const [isOpen, setIsOpen] = useState11(false);
+  const [isOpen, setIsOpen] = useState12(false);
   return /* @__PURE__ */ jsxs25(DropdownMenu, { onOpenChange: setIsOpen, modal, children: [
     /* @__PURE__ */ jsx34(DropdownMenuTrigger, { asChild: true, children: typeof trigger === "function" ? trigger(isOpen) : trigger }),
     /* @__PURE__ */ jsx34(
@@ -3022,7 +3240,7 @@ var Switch = React15.forwardRef(
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/video-player/VideoPlayer.tsx
-import { useEffect as useEffect15, useRef as useRef10, useState as useState12 } from "react";
+import { useEffect as useEffect16, useRef as useRef11, useState as useState13 } from "react";
 import { useTranslation as useTranslation8 } from "react-i18next";
 import {
   Loader2,
@@ -3046,20 +3264,20 @@ function VideoPlayer({
   autoPlay = false
 }) {
   const { t } = useTranslation8();
-  const videoRef = useRef10(null);
-  const iframeRef = useRef10(null);
-  const containerRef = useRef10(null);
-  const [isPlaying, setIsPlaying] = useState12(false);
-  const [isMuted, setIsMuted] = useState12(false);
-  const [currentTime, setCurrentTime] = useState12(0);
-  const [duration, setDuration] = useState12(0);
-  const [isFullScreenMode, setIsFullScreenMode] = useState12(isFullScreen);
-  const [isLoading, setIsLoading] = useState12(true);
-  const [videoSource, setVideoSource] = useState12("file");
-  const [youtubeEmbedUrl, setYoutubeEmbedUrl] = useState12("");
-  const [vimeoEmbedUrl, setVimeoEmbedUrl] = useState12("");
+  const videoRef = useRef11(null);
+  const iframeRef = useRef11(null);
+  const containerRef = useRef11(null);
+  const [isPlaying, setIsPlaying] = useState13(false);
+  const [isMuted, setIsMuted] = useState13(false);
+  const [currentTime, setCurrentTime] = useState13(0);
+  const [duration, setDuration] = useState13(0);
+  const [isFullScreenMode, setIsFullScreenMode] = useState13(isFullScreen);
+  const [isLoading, setIsLoading] = useState13(true);
+  const [videoSource, setVideoSource] = useState13("file");
+  const [youtubeEmbedUrl, setYoutubeEmbedUrl] = useState13("");
+  const [vimeoEmbedUrl, setVimeoEmbedUrl] = useState13("");
   useClickEscape({ enabled: isFullScreenMode, onClick: onClose });
-  useEffect15(() => {
+  useEffect16(() => {
     const youtubeRegex = /(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([a-zA-Z0-9_-]{11})/;
     const vimeoRegex = /(?:vimeo\.com\/|vimeo\.com\/video\/)(\d+)/;
     const youtubeMatch = src.match(youtubeRegex);
@@ -3088,7 +3306,7 @@ function VideoPlayer({
     setYoutubeEmbedUrl("");
     setVimeoEmbedUrl("");
   }, [src, autoPlay]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (videoSource !== "file") return;
     const video = videoRef.current;
     if (!video) return;
@@ -3116,7 +3334,7 @@ function VideoPlayer({
       video.removeEventListener("canplay", handleCanPlay);
     };
   }, [videoSource]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (isFullScreenMode && videoRef.current && videoSource === "file") {
       void videoRef.current.play();
       setIsPlaying(true);
@@ -3395,7 +3613,7 @@ function FeatureCard({
 // src/file-input-button/FileInputButton.tsx
 import {
   forwardRef as forwardRef19,
-  useCallback as useCallback9
+  useCallback as useCallback11
 } from "react";
 import { Upload } from "lucide-react";
 import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
@@ -3411,7 +3629,7 @@ var FileInputButton = forwardRef19(
     size = "default",
     ...props
   }, ref) => {
-    const handleChange = useCallback9(
+    const handleChange = useCallback11(
       (event) => {
         onChange?.(event);
         event.target.value = "";
@@ -3494,7 +3712,7 @@ var FormBox = {
 import {
   forwardRef as forwardRef20,
   useId as useId4,
-  useState as useState13
+  useState as useState14
 } from "react";
 import { useTranslation as useTranslation10 } from "react-i18next";
 
@@ -3526,8 +3744,8 @@ var FreeTextField = forwardRef20(
   }, ref) => {
     const { t } = useTranslation10();
     const inputId = useId4();
-    const [internalValue, setInternalValue] = useState13(defaultValue ?? "");
-    const [isFocused, setIsFocused] = useState13(false);
+    const [internalValue, setInternalValue] = useState14(defaultValue ?? "");
+    const [isFocused, setIsFocused] = useState14(false);
     const currentValue = value !== void 0 ? value : internalValue;
     const isEmpty = !currentValue || String(currentValue).length === 0;
     const hasError = Boolean(error);
@@ -3859,7 +4077,7 @@ function InfoBox({ className, children }) {
 }
 
 // src/image/Image.tsx
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 import { jsx as jsx59 } from "react/jsx-runtime";
 function Image2({
   src,
@@ -3868,7 +4086,7 @@ function Image2({
   fallbackSrc = "https://placehold.co/600x400?text=Image",
   ...props
 }) {
-  const [error, setError] = useState14(false);
+  const [error, setError] = useState15(false);
   return /* @__PURE__ */ jsx59(
     "img",
     {
@@ -3927,7 +4145,7 @@ function extractDigits(str) {
 }
 
 // src/input-otp/useInputOTP.ts
-import { useCallback as useCallback10, useEffect as useEffect16, useMemo, useRef as useRef11, useState as useState15 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect17, useMemo as useMemo2, useRef as useRef12, useState as useState16 } from "react";
 function useInputOTP({
   maxLength,
   value,
@@ -3936,12 +4154,12 @@ function useInputOTP({
   autoFocus,
   error
 }) {
-  const [activeIndex, setActiveIndex] = useState15(-1);
-  const inputRefs = useRef11([]);
-  const containerRef = useRef11(null);
-  const blurTimeoutRef = useRef11();
-  const slotsRef = useRef11(Array.from({ length: maxLength }, () => ""));
-  const slots = useMemo(() => {
+  const [activeIndex, setActiveIndex] = useState16(-1);
+  const inputRefs = useRef12([]);
+  const containerRef = useRef12(null);
+  const blurTimeoutRef = useRef12();
+  const slotsRef = useRef12(Array.from({ length: maxLength }, () => ""));
+  const slots = useMemo2(() => {
     const nextSlots = Array.from({ length: maxLength }, () => "");
     for (let index = 0; index < Math.min(value.length, maxLength); index += 1) {
       const char = value[index];
@@ -3952,7 +4170,7 @@ function useInputOTP({
     return nextSlots;
   }, [value, maxLength]);
   slotsRef.current = slots;
-  const emitValue = useCallback10(
+  const emitValue = useCallback12(
     (newSlots) => {
       let lastFilledIndex = -1;
       for (let index = newSlots.length - 1; index >= 0; index -= 1) {
@@ -3973,12 +4191,12 @@ function useInputOTP({
     },
     [onChange]
   );
-  useEffect16(() => {
+  useEffect17(() => {
     if (autoFocus && inputRefs.current[0]) {
       inputRefs.current[0].focus();
     }
   }, [autoFocus]);
-  const handleContainerFocusIn = useCallback10((event) => {
+  const handleContainerFocusIn = useCallback12((event) => {
     clearTimeout(blurTimeoutRef.current);
     const target = event.target;
     const slotIndex = inputRefs.current.indexOf(target);
@@ -3986,7 +4204,7 @@ function useInputOTP({
       setActiveIndex(slotIndex);
     }
   }, []);
-  const handleContainerFocusOut = useCallback10(() => {
+  const handleContainerFocusOut = useCallback12(() => {
     clearTimeout(blurTimeoutRef.current);
     blurTimeoutRef.current = setTimeout(() => {
       if (!containerRef.current?.contains(document.activeElement)) {
@@ -3994,8 +4212,8 @@ function useInputOTP({
       }
     }, 0);
   }, []);
-  useEffect16(() => () => clearTimeout(blurTimeoutRef.current), []);
-  const handleDigitInput = useCallback10(
+  useEffect17(() => () => clearTimeout(blurTimeoutRef.current), []);
+  const handleDigitInput = useCallback12(
     (index, digit) => {
       if (!DIGIT_REGEX.test(digit)) return;
       const newSlots = [...slotsRef.current];
@@ -4009,7 +4227,7 @@ function useInputOTP({
     },
     [maxLength, emitValue]
   );
-  const handleDelete = useCallback10(
+  const handleDelete = useCallback12(
     (index) => {
       const newSlots = [...slotsRef.current];
       if (newSlots[index]) {
@@ -4024,7 +4242,7 @@ function useInputOTP({
     },
     [emitValue]
   );
-  const handlePaste = useCallback10(
+  const handlePaste = useCallback12(
     (text) => {
       const digits = extractDigits(text).slice(0, maxLength);
       if (digits.length > 0) {
@@ -4040,7 +4258,7 @@ function useInputOTP({
     },
     [maxLength, emitValue]
   );
-  const contextValue = useMemo(
+  const contextValue = useMemo2(
     () => ({
       slots,
       activeIndex,
@@ -4074,7 +4292,7 @@ function useInputOTP({
 
 // src/input-otp/useInputOTPSlot.ts
 import {
-  useCallback as useCallback11
+  useCallback as useCallback13
 } from "react";
 function useInputOTPSlot(index) {
   const {
@@ -4145,13 +4363,13 @@ function useInputOTPSlot(index) {
     event.preventDefault();
     handlePaste(event.clipboardData.getData("text/plain"));
   };
-  const setInputRef = useCallback11(
+  const setInputRef = useCallback13(
     (element) => {
       inputRefs.current[index] = element;
     },
     [index, inputRefs]
   );
-  const focusSlot = useCallback11(() => {
+  const focusSlot = useCallback13(() => {
     inputRefs.current[index]?.focus();
   }, [index, inputRefs]);
   return {
@@ -4253,7 +4471,7 @@ var InputOTPSeparator = React19.forwardRef(
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/icons-dropdown/IconsDropdown.tsx
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 import { jsx as jsx62, jsxs as jsxs36 } from "react/jsx-runtime";
 function IconsDropdown({
   icons,
@@ -4265,7 +4483,7 @@ function IconsDropdown({
   defaultOpen,
   onOpenChange: onOpenChangeProp
 }) {
-  const [open, setOpen] = useState16(defaultOpen ?? false);
+  const [open, setOpen] = useState17(defaultOpen ?? false);
   function handleOpenChange(value) {
     setOpen(value);
     onOpenChangeProp?.(value);
@@ -4872,14 +5090,14 @@ LinkInternal.displayName = "Link";
 var Link = memo3(LinkInternal);
 
 // src/image-full-screen-view/ImageFullScreenView.tsx
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 import { RotateCw, X as X4, ZoomIn, ZoomOut } from "lucide-react";
 import { useTranslation as useTranslation13 } from "react-i18next";
 import { jsx as jsx67, jsxs as jsxs40 } from "react/jsx-runtime";
 function ImageFullScreenView({ src, alt, onClose }) {
   const { t } = useTranslation13();
-  const [scale, setScale] = useState17(1);
-  const [rotation, setRotation] = useState17(0);
+  const [scale, setScale] = useState18(1);
+  const [rotation, setRotation] = useState18(0);
   useClickEscape({ onClick: onClose });
   const zoomIn = () => setScale((value) => Math.min(value + 0.25, 3));
   const zoomOut = () => setScale((value) => Math.max(value - 0.25, 0.5));
@@ -5077,7 +5295,7 @@ var METRIC_CARD_VARIANTS = {
 };
 
 // src/modal/Modal.tsx
-import { forwardRef as forwardRef28, useRef as useRef12 } from "react";
+import { forwardRef as forwardRef28, useRef as useRef13 } from "react";
 import { X as X5 } from "lucide-react";
 
 // src/modal/styles.module.css
@@ -5108,7 +5326,7 @@ function Modal({
   container,
   modal
 }) {
-  const contentRef = useRef12(null);
+  const contentRef = useRef13(null);
   useScrollFrameIntoView(open, { elementRef: contentRef });
   const handleClose = () => {
     onOpenChange?.(false);
@@ -5589,11 +5807,11 @@ var RadioGroupItem = React22.forwardRef(({ className, ...props }, ref) => /* @__
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/radio/useRadioOptions.ts
-import { useCallback as useCallback12, useState as useState18 } from "react";
+import { useCallback as useCallback14, useState as useState19 } from "react";
 function useRadioOptions({ options, defaultValue, onChange }) {
   const initialValue = (typeof defaultValue === "string" ? options.find((option) => option.value === defaultValue) : defaultValue) || "";
-  const [selectedValue, setSelectedValue] = useState18(initialValue);
-  const handleValueChange = useCallback12(
+  const [selectedValue, setSelectedValue] = useState19(initialValue);
+  const handleValueChange = useCallback14(
     (value) => {
       setSelectedValue(value);
       const selectedOption = options.find((option) => option.value === value) || "";
@@ -6097,7 +6315,7 @@ import {
   cloneElement as cloneElement2,
   forwardRef as forwardRef34,
   isValidElement as isValidElement2,
-  useEffect as useEffect17
+  useEffect as useEffect18
 } from "react";
 
 // src/selector-button/styles.module.css
@@ -6216,7 +6434,7 @@ function SelectorsInternal({
     }
   };
   const isAnyActive = getValueArray(value).length > 0;
-  useEffect17(() => {
+  useEffect18(() => {
     onAnySelectorActive?.(isAnyActive);
   }, [isAnyActive, onAnySelectorActive]);
   return /* @__PURE__ */ jsxs56(Fragment8, { children: [
@@ -7274,7 +7492,7 @@ function SortingAction({
 }
 
 // src/status-button/StatusButton.tsx
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 import { useTranslation as useTranslation20 } from "react-i18next";
 import { AlertCircle as AlertCircle2, CheckCircle, Loader2 as Loader24 } from "lucide-react";
 import { jsx as jsx98, jsxs as jsxs62 } from "react/jsx-runtime";
@@ -7292,7 +7510,7 @@ function StatusButton({
   ...props
 }) {
   const { t } = useTranslation20();
-  const configMap = useMemo3(() => {
+  const configMap = useMemo4(() => {
     const defaultLoadingConfig = {
       text: loadingText ?? `${t("saving")}...`,
       icon: /* @__PURE__ */ jsx98(Loader24, { className: "h-4 w-4 animate-spin" }),
@@ -7694,11 +7912,11 @@ var TASK_VARIANTS = {
 import { Toaster, toast as toast2 } from "sonner";
 
 // src/toaster/useUpdateToast.ts
-import { useCallback as useCallback14, useRef as useRef14 } from "react";
+import { useCallback as useCallback16, useRef as useRef15 } from "react";
 import { toast } from "sonner";
 function useUpdateToast({ id }) {
-  const toastIdRef = useRef14("");
-  const getToastOptions = useCallback14(
+  const toastIdRef = useRef15("");
+  const getToastOptions = useCallback16(
     (options) => ({
       id: toastIdRef.current,
       dismissible: false,
@@ -7813,7 +8031,7 @@ var ToggleGroupItem = React27.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/toggle-group/Toggles.tsx
-import { forwardRef as forwardRef40, useEffect as useEffect19 } from "react";
+import { forwardRef as forwardRef40, useEffect as useEffect20 } from "react";
 import { jsx as jsx108, jsxs as jsxs69 } from "react/jsx-runtime";
 var getValueArray2 = (value) => {
   if (value) {
@@ -7888,7 +8106,7 @@ function TogglesInternal({
     }
   };
   const isAnyActive = getValueArray2(value).length > 0;
-  useEffect19(() => {
+  useEffect20(() => {
     onAnySelectorActive?.(isAnyActive);
   }, [isAnyActive, onAnySelectorActive]);
   const currentValue = getValueArray2(value).map((item) => String(item));
@@ -11032,7 +11250,7 @@ AirbnbSearchInput.displayName = "SearchInput";
 import * as React41 from "react";
 import { ChevronDown as ChevronDown3, Search as Search4 } from "lucide-react";
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { useCallback as useCallback23 } from "react";
+import { useCallback as useCallback25 } from "react";
 import { jsx as jsx133, jsxs as jsxs87 } from "react/jsx-runtime";
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
@@ -11107,7 +11325,7 @@ var SearchableSelectInternal = ({
   const activeOptionId = highlightedIndex >= 0 ? getOptionId(reactId, highlightedIndex) : void 0;
   useOutsideClick(containerRef, open && !isMobile ? () => closeSelect() : null);
   const handleOnOpenChange = useEvent(onOpenChange);
-  const setSelectOpen = useCallback23(
+  const setSelectOpen = useCallback25(
     (nextOpen, options2) => {
       setOpen(nextOpen);
       handleOnOpenChange?.(nextOpen);
@@ -11475,6 +11693,39 @@ function getNextEnabledIndex(options, startIndex, step) {
   }
   return -1;
 }
+
+// src/lib/copy-to-clipboard.ts
+function copyToClipboardFallback(value) {
+  const targetDocument = getDocument();
+  const targetBody = targetDocument.body;
+  if (!targetBody) {
+    return;
+  }
+  const el = targetDocument.createElement("textarea");
+  el.value = value;
+  el.setAttribute("readonly", "");
+  el.style.position = "fixed";
+  el.style.opacity = "0";
+  el.style.pointerEvents = "none";
+  el.style.left = "-9999px";
+  targetBody.appendChild(el);
+  el.focus();
+  el.select();
+  targetDocument.execCommand("copy");
+  targetBody.removeChild(el);
+}
+function copyToClipboard2(value) {
+  const text = typeof value === "number" ? value.toString() : value;
+  const targetDocument = getDocument();
+  const clipboard = targetDocument.defaultView?.navigator?.clipboard ?? globalThis.navigator?.clipboard;
+  if (!clipboard?.writeText) {
+    copyToClipboardFallback(text);
+    return;
+  }
+  void clipboard.writeText(text).catch(() => {
+    copyToClipboardFallback(text);
+  });
+}
 export {
   Accordion,
   AccordionContent,
@@ -11726,6 +11977,7 @@ export {
   buttonVariants,
   calendarClassNames,
   cn,
+  copyToClipboard2 as copyToClipboard,
   emptyMediaVariants,
   getSidebarState,
   inputVariants,
@@ -11743,13 +11995,16 @@ export {
   useClickEscape,
   useCombinedRef,
   useDebounce,
+  useDebouncedFunction,
   useEvent,
   useHover,
   useIsMobile,
   useIsMounted,
   useModalControls,
   useOutsideClick,
+  usePagination,
   usePrevious,
+  usePromisedModalControls,
   useRadioOptions,
   useScreenResize,
   useScrollFrameIntoView,