@chekinapp/ui 0.0.23 → 0.0.24

package/dist/index.cjs

@@ -280,6 +280,7 @@ __export(index_exports, {
   buttonVariants: () => buttonVariants,
   calendarClassNames: () => calendarClassNames,
   cn: () => cn,
+  copyToClipboard: () => copyToClipboard2,
   emptyMediaVariants: () => emptyMediaVariants,
   getSidebarState: () => getSidebarState,
   inputVariants: () => inputVariants,
@@ -297,12 +298,14 @@ __export(index_exports, {
   useClickEscape: () => useClickEscape,
   useCombinedRef: () => useCombinedRef,
   useDebounce: () => useDebounce,
+  useDebouncedFunction: () => useDebouncedFunction,
   useEvent: () => useEvent,
   useHover: () => useHover,
   useIsMobile: () => useIsMobile,
   useIsMounted: () => useIsMounted,
   useModalControls: () => useModalControls,
   useOutsideClick: () => useOutsideClick,
+  usePagination: () => usePagination,
   usePrevious: () => usePrevious,
   useRadioOptions: () => useRadioOptions,
   useScreenResize: () => useScreenResize,
@@ -2367,29 +2370,42 @@ function useAbortController() {
 }
 
 // src/hooks/use-click-escape.ts
+var import_react11 = require("react");
+
+// src/hooks/use-event.ts
 var import_react10 = require("react");
+function useEvent(fn) {
+  const fnRef = (0, import_react10.useRef)(fn);
+  (0, import_react10.useLayoutEffect)(() => {
+    fnRef.current = fn;
+  }, [fn]);
+  const eventCb = (0, import_react10.useCallback)(
+    (...args) => {
+      return fnRef.current?.apply(null, args);
+    },
+    [fnRef]
+  );
+  return eventCb;
+}
+
+// src/hooks/use-click-escape.ts
 function useClickEscape({ enabled = true, onClick }) {
-  const onClickRef = (0, import_react10.useRef)(onClick);
-  (0, import_react10.useEffect)(() => {
-    onClickRef.current = onClick;
-  }, [onClick]);
-  (0, import_react10.useEffect)(() => {
+  const handler = useEvent(onClick);
+  (0, import_react11.useEffect)(() => {
     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
-var import_react11 = require("react");
+var import_react12 = require("react");
 function useCombinedRef(...refs) {
-  return (0, import_react11.useCallback)(
+  return (0, import_react12.useCallback)(
     (node) => {
       refs.forEach((ref) => {
         if (!ref) return;
@@ -2405,22 +2421,6 @@ function useCombinedRef(...refs) {
   );
 }
 
-// src/hooks/use-event.ts
-var import_react12 = require("react");
-function useEvent(fn) {
-  const fnRef = (0, import_react12.useRef)(fn);
-  (0, import_react12.useLayoutEffect)(() => {
-    fnRef.current = fn;
-  }, [fn]);
-  const eventCb = (0, import_react12.useCallback)(
-    (...args) => {
-      return fnRef.current?.apply(null, args);
-    },
-    [fnRef]
-  );
-  return eventCb;
-}
-
 // src/hooks/use-is-mobile.ts
 var import_react13 = require("react");
 var MOBILE_BREAKPOINT = 768;
@@ -2617,22 +2617,224 @@ function useDebounce(value, delayMs = 1e3, handleChange) {
   return [debouncedValue, setDebouncedValue];
 }
 
-// src/hooks/use-previous.ts
+// src/hooks/use-debounced-function.ts
 var import_react20 = require("react");
+function useDebouncedFunction(callback, delay) {
+  const timerRef = (0, import_react20.useRef)();
+  const immediateCalling = (0, import_react20.useRef)(false);
+  const callbackFn = useEvent(callback);
+  const throttled = (0, import_react20.useCallback)(
+    (...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 = (0, import_react20.useCallback)(() => {
+    immediateCalling.current = true;
+  }, []);
+  return { throttled, immediate };
+}
+
+// src/hooks/use-previous.ts
+var import_react21 = require("react");
 function usePrevious(value, defaultValue) {
-  const ref = (0, import_react20.useRef)(defaultValue);
-  (0, import_react20.useEffect)(() => {
+  const ref = (0, import_react21.useRef)(defaultValue);
+  (0, import_react21.useEffect)(() => {
     ref.current = isObject(value) ? { ...value } : value;
   }, [value]);
   return ref.current;
 }
 
+// src/hooks/use-pagination.ts
+var import_react22 = require("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] = (0, import_react22.useState)(() => {
+    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
+    };
+  });
+  (0, import_react22.useEffect)(() => {
+    SessionStorage.set(`pagination-${key}`, state);
+  }, [key, state]);
+  const pages = (0, import_react22.useMemo)(() => {
+    return state.totalItems > 0 ? Math.ceil(state.totalItems / state.pageSize) : 0;
+  }, [state.totalItems, state.pageSize]);
+  const hasNextPage = (0, import_react22.useMemo)(() => state.page < pages, [state.page, pages]);
+  const hasPreviousPage = (0, import_react22.useMemo)(() => state.page > 1, [state.page]);
+  const startItem = (0, import_react22.useMemo)(() => {
+    return state.totalItems === 0 ? 0 : (state.page - 1) * state.pageSize + 1;
+  }, [state.page, state.pageSize, state.totalItems]);
+  const endItem = (0, import_react22.useMemo)(() => {
+    return Math.min(state.page * state.pageSize, state.totalItems);
+  }, [state.page, state.pageSize, state.totalItems]);
+  const isEmpty = (0, import_react22.useMemo)(() => state.totalItems === 0, [state.totalItems]);
+  const setPage = (0, import_react22.useCallback)(
+    (page) => {
+      const clampedPage = Math.max(1, Math.min(page, pages || 1));
+      setState((prev) => ({ ...prev, page: clampedPage }));
+    },
+    [pages]
+  );
+  const setPageSize = (0, import_react22.useCallback)((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 = (0, import_react22.useCallback)((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 = (0, import_react22.useCallback)(() => {
+    setPage(state.page + 1);
+  }, [setPage, state.page]);
+  const previousPage = (0, import_react22.useCallback)(() => {
+    setPage(state.page - 1);
+  }, [setPage, state.page]);
+  const goToFirstPage = (0, import_react22.useCallback)(() => {
+    setPage(1);
+  }, [setPage]);
+  const goToLastPage = (0, import_react22.useCallback)(() => {
+    setPage(pages);
+  }, [setPage, pages]);
+  const reset = (0, import_react22.useCallback)(() => {
+    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
-var import_react21 = require("react");
+var import_react23 = require("react");
 var useTimer = ({ seconds }) => {
-  const [timeLeft, setTimeLeft] = (0, import_react21.useState)(seconds);
-  const [isTimerRunning, setIsTimerRunning] = (0, import_react21.useState)(true);
-  (0, import_react21.useEffect)(() => {
+  const [timeLeft, setTimeLeft] = (0, import_react23.useState)(seconds);
+  const [isTimerRunning, setIsTimerRunning] = (0, import_react23.useState)(true);
+  (0, import_react23.useEffect)(() => {
     if (!isTimerRunning) return;
     const timer = setInterval(() => {
       setTimeLeft((prev) => {
@@ -2658,32 +2860,32 @@ var useTimer = ({ seconds }) => {
 };
 
 // src/hooks/use-timeout.ts
-var import_react22 = require("react");
+var import_react24 = require("react");
 function useTimeout() {
-  const timeoutRef = (0, import_react22.useRef)();
-  const clearTimeoutRef = (0, import_react22.useCallback)(() => {
+  const timeoutRef = (0, import_react24.useRef)();
+  const clearTimeoutRef = (0, import_react24.useCallback)(() => {
     clearTimeout(timeoutRef.current);
     timeoutRef.current = void 0;
   }, []);
-  const scheduleTimeout = (0, import_react22.useCallback)(
+  const scheduleTimeout = (0, import_react24.useCallback)(
     (callback, delay) => {
       clearTimeoutRef();
       timeoutRef.current = setTimeout(callback, delay);
     },
     [clearTimeoutRef]
   );
-  (0, import_react22.useEffect)(() => clearTimeoutRef, [clearTimeoutRef]);
+  (0, import_react24.useEffect)(() => clearTimeoutRef, [clearTimeoutRef]);
   return { scheduleTimeout, clearTimeoutRef };
 }
 
 // src/hooks/use-hover.ts
-var import_react23 = require("react");
+var import_react25 = require("react");
 function useHover() {
-  const [isHovering, setIsHovering] = (0, import_react23.useState)(false);
-  const handleMouseEnter = (0, import_react23.useCallback)(() => {
+  const [isHovering, setIsHovering] = (0, import_react25.useState)(false);
+  const handleMouseEnter = (0, import_react25.useCallback)(() => {
     setIsHovering(true);
   }, []);
-  const handleMouseLeave = (0, import_react23.useCallback)(() => {
+  const handleMouseLeave = (0, import_react25.useCallback)(() => {
     setIsHovering(false);
   }, []);
   return {
@@ -2928,7 +3130,7 @@ function DownloadEntryFormsButton({
 }
 
 // src/dropdown-button/DropdownButton.tsx
-var import_react24 = require("react");
+var import_react26 = require("react");
 
 // src/dropdown-menu/DropdownMenu.tsx
 var React13 = __toESM(require("react"), 1);
@@ -2992,7 +3194,7 @@ function DropdownButton({
   modal,
   className
 }) {
-  const [isOpen, setIsOpen] = (0, import_react24.useState)(false);
+  const [isOpen, setIsOpen] = (0, import_react26.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(DropdownMenu, { onOpenChange: setIsOpen, modal, children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuTrigger, { asChild: true, children: typeof trigger === "function" ? trigger(isOpen) : trigger }),
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
@@ -3119,7 +3321,7 @@ var import_lucide_react12 = require("lucide-react");
 var import_react_i18next7 = require("react-i18next");
 
 // src/halo-icon/HaloIcon.tsx
-var import_react25 = require("react");
+var import_react27 = require("react");
 
 // src/halo-icon/constants.ts
 var HALO_ICON_STATUS = {
@@ -3149,7 +3351,7 @@ var statusStyles = {
     color: "text-chekin-red"
   }
 };
-var HaloIcon = (0, import_react25.forwardRef)(
+var HaloIcon = (0, import_react27.forwardRef)(
   ({
     children,
     variant = "default",
@@ -3330,7 +3532,7 @@ var Switch = React15.forwardRef(
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/video-player/VideoPlayer.tsx
-var import_react26 = require("react");
+var import_react28 = require("react");
 var import_react_i18next8 = require("react-i18next");
 var import_lucide_react13 = require("lucide-react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
@@ -3343,20 +3545,20 @@ function VideoPlayer({
   autoPlay = false
 }) {
   const { t } = (0, import_react_i18next8.useTranslation)();
-  const videoRef = (0, import_react26.useRef)(null);
-  const iframeRef = (0, import_react26.useRef)(null);
-  const containerRef = (0, import_react26.useRef)(null);
-  const [isPlaying, setIsPlaying] = (0, import_react26.useState)(false);
-  const [isMuted, setIsMuted] = (0, import_react26.useState)(false);
-  const [currentTime, setCurrentTime] = (0, import_react26.useState)(0);
-  const [duration, setDuration] = (0, import_react26.useState)(0);
-  const [isFullScreenMode, setIsFullScreenMode] = (0, import_react26.useState)(isFullScreen);
-  const [isLoading, setIsLoading] = (0, import_react26.useState)(true);
-  const [videoSource, setVideoSource] = (0, import_react26.useState)("file");
-  const [youtubeEmbedUrl, setYoutubeEmbedUrl] = (0, import_react26.useState)("");
-  const [vimeoEmbedUrl, setVimeoEmbedUrl] = (0, import_react26.useState)("");
+  const videoRef = (0, import_react28.useRef)(null);
+  const iframeRef = (0, import_react28.useRef)(null);
+  const containerRef = (0, import_react28.useRef)(null);
+  const [isPlaying, setIsPlaying] = (0, import_react28.useState)(false);
+  const [isMuted, setIsMuted] = (0, import_react28.useState)(false);
+  const [currentTime, setCurrentTime] = (0, import_react28.useState)(0);
+  const [duration, setDuration] = (0, import_react28.useState)(0);
+  const [isFullScreenMode, setIsFullScreenMode] = (0, import_react28.useState)(isFullScreen);
+  const [isLoading, setIsLoading] = (0, import_react28.useState)(true);
+  const [videoSource, setVideoSource] = (0, import_react28.useState)("file");
+  const [youtubeEmbedUrl, setYoutubeEmbedUrl] = (0, import_react28.useState)("");
+  const [vimeoEmbedUrl, setVimeoEmbedUrl] = (0, import_react28.useState)("");
   useClickEscape({ enabled: isFullScreenMode, onClick: onClose });
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     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);
@@ -3385,7 +3587,7 @@ function VideoPlayer({
     setYoutubeEmbedUrl("");
     setVimeoEmbedUrl("");
   }, [src, autoPlay]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (videoSource !== "file") return;
     const video = videoRef.current;
     if (!video) return;
@@ -3413,7 +3615,7 @@ function VideoPlayer({
       video.removeEventListener("canplay", handleCanPlay);
     };
   }, [videoSource]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (isFullScreenMode && videoRef.current && videoSource === "file") {
       void videoRef.current.play();
       setIsPlaying(true);
@@ -3690,10 +3892,10 @@ function FeatureCard({
 }
 
 // src/file-input-button/FileInputButton.tsx
-var import_react27 = require("react");
+var import_react29 = require("react");
 var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var FileInputButton = (0, import_react27.forwardRef)(
+var FileInputButton = (0, import_react29.forwardRef)(
   ({
     label,
     onChange,
@@ -3705,7 +3907,7 @@ var FileInputButton = (0, import_react27.forwardRef)(
     size = "default",
     ...props
   }, ref) => {
-    const handleChange = (0, import_react27.useCallback)(
+    const handleChange = (0, import_react29.useCallback)(
       (event) => {
         onChange?.(event);
         event.target.value = "";
@@ -3785,7 +3987,7 @@ var FormBox = {
 };
 
 // src/free-text-field/FreeTextField.tsx
-var import_react28 = require("react");
+var import_react30 = require("react");
 var import_react_i18next10 = require("react-i18next");
 
 // src/free-text-field/styles.module.css
@@ -3793,7 +3995,7 @@ var styles_default3 = {};
 
 // src/free-text-field/FreeTextField.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
-var FreeTextField = (0, import_react28.forwardRef)(
+var FreeTextField = (0, import_react30.forwardRef)(
   ({
     label,
     error,
@@ -3815,9 +4017,9 @@ var FreeTextField = (0, import_react28.forwardRef)(
     ...inputProps
   }, ref) => {
     const { t } = (0, import_react_i18next10.useTranslation)();
-    const inputId = (0, import_react28.useId)();
-    const [internalValue, setInternalValue] = (0, import_react28.useState)(defaultValue ?? "");
-    const [isFocused, setIsFocused] = (0, import_react28.useState)(false);
+    const inputId = (0, import_react30.useId)();
+    const [internalValue, setInternalValue] = (0, import_react30.useState)(defaultValue ?? "");
+    const [isFocused, setIsFocused] = (0, import_react30.useState)(false);
     const currentValue = value !== void 0 ? value : internalValue;
     const isEmpty = !currentValue || String(currentValue).length === 0;
     const hasError = Boolean(error);
@@ -3940,9 +4142,9 @@ var FramedIcon = React16.forwardRef(
 FramedIcon.displayName = "FramedIcon";
 
 // src/grid-items/GridItems.tsx
-var import_react29 = require("react");
+var import_react31 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var GridItems = (0, import_react29.forwardRef)(
+var GridItems = (0, import_react31.forwardRef)(
   ({ children, title, placeholder, className }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
@@ -4019,9 +4221,9 @@ function HelpTooltip({
 }
 
 // src/icon/Icon.tsx
-var import_react30 = require("react");
+var import_react32 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
-var MissingIcon = (0, import_react30.forwardRef)(
+var MissingIcon = (0, import_react32.forwardRef)(
   ({ size = 24, className = "", fallback = null, color, ...props }, ref) => {
     if (fallback) {
       return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: fallback });
@@ -4050,8 +4252,8 @@ var MissingIcon = (0, import_react30.forwardRef)(
   }
 );
 MissingIcon.displayName = "MissingIcon";
-var Icon = (0, import_react30.memo)(
-  (0, import_react30.forwardRef)(
+var Icon = (0, import_react32.memo)(
+  (0, import_react32.forwardRef)(
     ({ name: _name, size = 24, className = "", fallback = null, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       MissingIcon,
       {
@@ -4149,7 +4351,7 @@ function InfoBox({ className, children }) {
 }
 
 // src/image/Image.tsx
-var import_react31 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function Image2({
   src,
@@ -4158,7 +4360,7 @@ function Image2({
   fallbackSrc = "https://placehold.co/600x400?text=Image",
   ...props
 }) {
-  const [error, setError] = (0, import_react31.useState)(false);
+  const [error, setError] = (0, import_react33.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "img",
     {
@@ -4202,10 +4404,10 @@ Input.displayName = "Input";
 var React19 = __toESM(require("react"), 1);
 
 // src/input-otp/InputOTPContext.ts
-var import_react32 = require("react");
-var InputOTPContext = (0, import_react32.createContext)(null);
+var import_react34 = require("react");
+var InputOTPContext = (0, import_react34.createContext)(null);
 function useInputOTPContext() {
-  const ctx = (0, import_react32.useContext)(InputOTPContext);
+  const ctx = (0, import_react34.useContext)(InputOTPContext);
   if (!ctx) {
     throw new Error("InputOTP compound components must be used within <InputOTP>");
   }
@@ -4217,7 +4419,7 @@ function extractDigits(str) {
 }
 
 // src/input-otp/useInputOTP.ts
-var import_react33 = require("react");
+var import_react35 = require("react");
 function useInputOTP({
   maxLength,
   value,
@@ -4226,12 +4428,12 @@ function useInputOTP({
   autoFocus,
   error
 }) {
-  const [activeIndex, setActiveIndex] = (0, import_react33.useState)(-1);
-  const inputRefs = (0, import_react33.useRef)([]);
-  const containerRef = (0, import_react33.useRef)(null);
-  const blurTimeoutRef = (0, import_react33.useRef)();
-  const slotsRef = (0, import_react33.useRef)(Array.from({ length: maxLength }, () => ""));
-  const slots = (0, import_react33.useMemo)(() => {
+  const [activeIndex, setActiveIndex] = (0, import_react35.useState)(-1);
+  const inputRefs = (0, import_react35.useRef)([]);
+  const containerRef = (0, import_react35.useRef)(null);
+  const blurTimeoutRef = (0, import_react35.useRef)();
+  const slotsRef = (0, import_react35.useRef)(Array.from({ length: maxLength }, () => ""));
+  const slots = (0, import_react35.useMemo)(() => {
     const nextSlots = Array.from({ length: maxLength }, () => "");
     for (let index = 0; index < Math.min(value.length, maxLength); index += 1) {
       const char = value[index];
@@ -4242,7 +4444,7 @@ function useInputOTP({
     return nextSlots;
   }, [value, maxLength]);
   slotsRef.current = slots;
-  const emitValue = (0, import_react33.useCallback)(
+  const emitValue = (0, import_react35.useCallback)(
     (newSlots) => {
       let lastFilledIndex = -1;
       for (let index = newSlots.length - 1; index >= 0; index -= 1) {
@@ -4263,12 +4465,12 @@ function useInputOTP({
     },
     [onChange]
   );
-  (0, import_react33.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (autoFocus && inputRefs.current[0]) {
       inputRefs.current[0].focus();
     }
   }, [autoFocus]);
-  const handleContainerFocusIn = (0, import_react33.useCallback)((event) => {
+  const handleContainerFocusIn = (0, import_react35.useCallback)((event) => {
     clearTimeout(blurTimeoutRef.current);
     const target = event.target;
     const slotIndex = inputRefs.current.indexOf(target);
@@ -4276,7 +4478,7 @@ function useInputOTP({
       setActiveIndex(slotIndex);
     }
   }, []);
-  const handleContainerFocusOut = (0, import_react33.useCallback)(() => {
+  const handleContainerFocusOut = (0, import_react35.useCallback)(() => {
     clearTimeout(blurTimeoutRef.current);
     blurTimeoutRef.current = setTimeout(() => {
       if (!containerRef.current?.contains(document.activeElement)) {
@@ -4284,8 +4486,8 @@ function useInputOTP({
       }
     }, 0);
   }, []);
-  (0, import_react33.useEffect)(() => () => clearTimeout(blurTimeoutRef.current), []);
-  const handleDigitInput = (0, import_react33.useCallback)(
+  (0, import_react35.useEffect)(() => () => clearTimeout(blurTimeoutRef.current), []);
+  const handleDigitInput = (0, import_react35.useCallback)(
     (index, digit) => {
       if (!DIGIT_REGEX.test(digit)) return;
       const newSlots = [...slotsRef.current];
@@ -4299,7 +4501,7 @@ function useInputOTP({
     },
     [maxLength, emitValue]
   );
-  const handleDelete = (0, import_react33.useCallback)(
+  const handleDelete = (0, import_react35.useCallback)(
     (index) => {
       const newSlots = [...slotsRef.current];
       if (newSlots[index]) {
@@ -4314,7 +4516,7 @@ function useInputOTP({
     },
     [emitValue]
   );
-  const handlePaste = (0, import_react33.useCallback)(
+  const handlePaste = (0, import_react35.useCallback)(
     (text) => {
       const digits = extractDigits(text).slice(0, maxLength);
       if (digits.length > 0) {
@@ -4330,7 +4532,7 @@ function useInputOTP({
     },
     [maxLength, emitValue]
   );
-  const contextValue = (0, import_react33.useMemo)(
+  const contextValue = (0, import_react35.useMemo)(
     () => ({
       slots,
       activeIndex,
@@ -4363,7 +4565,7 @@ function useInputOTP({
 }
 
 // src/input-otp/useInputOTPSlot.ts
-var import_react34 = require("react");
+var import_react36 = require("react");
 function useInputOTPSlot(index) {
   const {
     slots,
@@ -4433,13 +4635,13 @@ function useInputOTPSlot(index) {
     event.preventDefault();
     handlePaste(event.clipboardData.getData("text/plain"));
   };
-  const setInputRef = (0, import_react34.useCallback)(
+  const setInputRef = (0, import_react36.useCallback)(
     (element) => {
       inputRefs.current[index] = element;
     },
     [index, inputRefs]
   );
-  const focusSlot = (0, import_react34.useCallback)(() => {
+  const focusSlot = (0, import_react36.useCallback)(() => {
     inputRefs.current[index]?.focus();
   }, [index, inputRefs]);
   return {
@@ -4541,7 +4743,7 @@ var InputOTPSeparator = React19.forwardRef(
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/icons-dropdown/IconsDropdown.tsx
-var import_react35 = require("react");
+var import_react37 = require("react");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function IconsDropdown({
   icons,
@@ -4553,7 +4755,7 @@ function IconsDropdown({
   defaultOpen,
   onOpenChange: onOpenChangeProp
 }) {
-  const [open, setOpen] = (0, import_react35.useState)(defaultOpen ?? false);
+  const [open, setOpen] = (0, import_react37.useState)(defaultOpen ?? false);
   function handleOpenChange(value) {
     setOpen(value);
     onOpenChangeProp?.(value);
@@ -5136,9 +5338,9 @@ function LearnMoreButton({ label, ...props }) {
 }
 
 // src/link/Link.tsx
-var import_react36 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime68 = require("react/jsx-runtime");
-var LinkInternal = (0, import_react36.forwardRef)(
+var LinkInternal = (0, import_react38.forwardRef)(
   ({ disabled = false, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "a",
     {
@@ -5157,17 +5359,17 @@ var LinkInternal = (0, import_react36.forwardRef)(
   )
 );
 LinkInternal.displayName = "Link";
-var Link = (0, import_react36.memo)(LinkInternal);
+var Link = (0, import_react38.memo)(LinkInternal);
 
 // src/image-full-screen-view/ImageFullScreenView.tsx
-var import_react37 = require("react");
+var import_react39 = require("react");
 var import_lucide_react20 = require("lucide-react");
 var import_react_i18next13 = require("react-i18next");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function ImageFullScreenView({ src, alt, onClose }) {
   const { t } = (0, import_react_i18next13.useTranslation)();
-  const [scale, setScale] = (0, import_react37.useState)(1);
-  const [rotation, setRotation] = (0, import_react37.useState)(0);
+  const [scale, setScale] = (0, import_react39.useState)(1);
+  const [rotation, setRotation] = (0, import_react39.useState)(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));
@@ -5365,7 +5567,7 @@ var METRIC_CARD_VARIANTS = {
 };
 
 // src/modal/Modal.tsx
-var import_react38 = require("react");
+var import_react40 = require("react");
 var import_lucide_react23 = require("lucide-react");
 
 // src/modal/styles.module.css
@@ -5396,7 +5598,7 @@ function Modal({
   container,
   modal
 }) {
-  const contentRef = (0, import_react38.useRef)(null);
+  const contentRef = (0, import_react40.useRef)(null);
   useScrollFrameIntoView(open, { elementRef: contentRef });
   const handleClose = () => {
     onOpenChange?.(false);
@@ -5438,7 +5640,7 @@ function Modal({
     }
   ) });
 }
-var ModalButton = (0, import_react38.forwardRef)(
+var ModalButton = (0, import_react40.forwardRef)(
   ({ children, size, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     Button,
     {
@@ -5454,9 +5656,9 @@ ModalButton.displayName = "ModalButton";
 Modal.displayName = "Modal";
 
 // src/modal-loader/ModalLoader.tsx
-var import_react39 = require("react");
+var import_react41 = require("react");
 var import_jsx_runtime73 = require("react/jsx-runtime");
-var ModalLoader = (0, import_react39.memo)(({ visible, className }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+var ModalLoader = (0, import_react41.memo)(({ visible, className }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
   "div",
   {
     className: cn(
@@ -5844,7 +6046,7 @@ var PopoverContent = React21.forwardRef(({ className, sideOffset = 8, align = "s
 PopoverContent.displayName = "PopoverContent";
 
 // src/radio/Radio.tsx
-var import_react41 = require("react");
+var import_react43 = require("react");
 
 // src/radio-group/RadioGroup.tsx
 var React22 = __toESM(require("react"), 1);
@@ -5877,11 +6079,11 @@ var RadioGroupItem = React22.forwardRef(({ className, ...props }, ref) => /* @__
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/radio/useRadioOptions.ts
-var import_react40 = require("react");
+var import_react42 = require("react");
 function useRadioOptions({ options, defaultValue, onChange }) {
   const initialValue = (typeof defaultValue === "string" ? options.find((option) => option.value === defaultValue) : defaultValue) || "";
-  const [selectedValue, setSelectedValue] = (0, import_react40.useState)(initialValue);
-  const handleValueChange = (0, import_react40.useCallback)(
+  const [selectedValue, setSelectedValue] = (0, import_react42.useState)(initialValue);
+  const handleValueChange = (0, import_react42.useCallback)(
     (value) => {
       setSelectedValue(value);
       const selectedOption = options.find((option) => option.value === value) || "";
@@ -5902,7 +6104,7 @@ var styles_default5 = {};
 
 // src/radio/Radio.tsx
 var import_jsx_runtime80 = require("react/jsx-runtime");
-var Radio = (0, import_react41.forwardRef)(
+var Radio = (0, import_react43.forwardRef)(
   ({ options, value, onChange, error, className = "", disabled = false, renderOption }, ref) => {
     const { selectedValue, handleValueChange } = useRadioOptions({
       options,
@@ -6292,7 +6494,7 @@ var SectionTagColors = /* @__PURE__ */ ((SectionTagColors2) => {
 })(SectionTagColors || {});
 
 // src/section/Section.tsx
-var import_react42 = require("react");
+var import_react44 = require("react");
 var import_lucide_react31 = require("lucide-react");
 
 // src/section/constants.ts
@@ -6319,7 +6521,7 @@ function TooltipInfo({ content, className }) {
     }
   ) });
 }
-var Section = (0, import_react42.forwardRef)(
+var Section = (0, import_react44.forwardRef)(
   ({
     children,
     title,
@@ -6371,17 +6573,17 @@ var Section = (0, import_react42.forwardRef)(
   )
 );
 Section.displayName = "Section";
-var SubSection = (0, import_react42.forwardRef)(
+var SubSection = (0, import_react44.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Section, { ref, className: cn(Section_default.section_sub, className), ...props })
 );
 SubSection.displayName = "SubSection";
-var DividingSubsection = (0, import_react42.forwardRef)(
+var DividingSubsection = (0, import_react44.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SubSection, { ref, className: cn(Section_default.section_dividing, className), ...props })
 );
 DividingSubsection.displayName = "DividingSubsection";
 
 // src/selectors/Selectors.tsx
-var import_react43 = require("react");
+var import_react45 = require("react");
 
 // src/selector-button/styles.module.css
 var styles_default7 = {};
@@ -6453,8 +6655,8 @@ var getValueArray = (value) => {
   return [];
 };
 function getSelectorContent(label, disabled, readOnly, active) {
-  if ((0, import_react43.isValidElement)(label)) {
-    return (0, import_react43.cloneElement)(label, {
+  if ((0, import_react45.isValidElement)(label)) {
+    return (0, import_react45.cloneElement)(label, {
       disabled,
       readOnly,
       active
@@ -6499,7 +6701,7 @@ function SelectorsInternal({
     }
   };
   const isAnyActive = getValueArray(value).length > 0;
-  (0, import_react43.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     onAnySelectorActive?.(isAnyActive);
   }, [isAnyActive, onAnySelectorActive]);
   return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
@@ -6542,7 +6744,7 @@ function SelectorsInternal({
     )
   ] });
 }
-var Selectors = (0, import_react43.forwardRef)(SelectorsInternal);
+var Selectors = (0, import_react45.forwardRef)(SelectorsInternal);
 
 // src/separator/Separator.tsx
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
@@ -6702,19 +6904,19 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/sidebar/SidebarContext.ts
-var import_react44 = require("react");
-var SidebarContext = (0, import_react44.createContext)(null);
+var import_react46 = require("react");
+var SidebarContext = (0, import_react46.createContext)(null);
 
 // src/sidebar/useSidebarMenuButton.ts
-var import_react46 = require("react");
+var import_react48 = require("react");
 
 // src/sidebar/SidebarMenuButtonContext.ts
-var import_react45 = require("react");
-var SidebarMenuButtonContext = (0, import_react45.createContext)(null);
+var import_react47 = require("react");
+var SidebarMenuButtonContext = (0, import_react47.createContext)(null);
 
 // src/sidebar/useSidebarMenuButton.ts
 function useSidebarMenuButton() {
-  return (0, import_react46.useContext)(SidebarMenuButtonContext);
+  return (0, import_react48.useContext)(SidebarMenuButtonContext);
 }
 
 // src/sidebar/SidebarIcon.tsx
@@ -6755,16 +6957,16 @@ var SidebarIcon = ({
 };
 
 // src/sidebar/useSidebar.ts
-var import_react47 = require("react");
+var import_react49 = require("react");
 function useSidebar() {
-  const context = (0, import_react47.useContext)(SidebarContext);
+  const context = (0, import_react49.useContext)(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
 function useSidebarSafe() {
-  return (0, import_react47.useContext)(SidebarContext);
+  return (0, import_react49.useContext)(SidebarContext);
 }
 
 // src/sidebar/Sidebar.tsx
@@ -7337,9 +7539,9 @@ var VALUE_PART = 1;
 var getSidebarState = (stateName) => document.cookie.split("; ").find((row) => row.startsWith(`${stateName}=`))?.split("=")[VALUE_PART] === "true";
 
 // src/circular-loader/CircularLoader.tsx
-var import_react48 = __toESM(require("react"), 1);
+var import_react50 = __toESM(require("react"), 1);
 var import_jsx_runtime97 = require("react/jsx-runtime");
-var CircularLoader = import_react48.default.memo(
+var CircularLoader = import_react50.default.memo(
   ({ visible = true, height, width, position, label, className }) => {
     if (!visible) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
@@ -7433,10 +7635,10 @@ var CircularLoader = import_react48.default.memo(
 CircularLoader.displayName = "CircularLoader";
 
 // src/small-grid-single-item/SmallGridSingleItem.tsx
-var import_react49 = require("react");
+var import_react51 = require("react");
 var import_lucide_react34 = require("lucide-react");
 var import_jsx_runtime98 = require("react/jsx-runtime");
-var SmallGridSingleItem = (0, import_react49.memo)(
+var SmallGridSingleItem = (0, import_react51.memo)(
   ({
     title,
     subtitle,
@@ -7557,7 +7759,7 @@ function SortingAction({
 }
 
 // src/status-button/StatusButton.tsx
-var import_react50 = require("react");
+var import_react52 = require("react");
 var import_react_i18next20 = require("react-i18next");
 var import_lucide_react36 = require("lucide-react");
 var import_jsx_runtime100 = require("react/jsx-runtime");
@@ -7575,7 +7777,7 @@ function StatusButton({
   ...props
 }) {
   const { t } = (0, import_react_i18next20.useTranslation)();
-  const configMap = (0, import_react50.useMemo)(() => {
+  const configMap = (0, import_react52.useMemo)(() => {
     const defaultLoadingConfig = {
       text: loadingText ?? `${t("saving")}...`,
       icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react36.Loader2, { className: "h-4 w-4 animate-spin" }),
@@ -7700,9 +7902,9 @@ function Stepper({
 }
 
 // src/switch-blocks/SwitchBlocks.tsx
-var import_react51 = require("react");
+var import_react53 = require("react");
 var import_jsx_runtime103 = require("react/jsx-runtime");
-var SwitchBlocksInternal = (0, import_react51.forwardRef)(
+var SwitchBlocksInternal = (0, import_react53.forwardRef)(
   ({ options, value, onChange, disabled, className }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
@@ -7726,7 +7928,7 @@ var SwitchBlocksInternal = (0, import_react51.forwardRef)(
   )
 );
 SwitchBlocksInternal.displayName = "SwitchBlocks";
-var SwitchBlocks = (0, import_react51.memo)(SwitchBlocksInternal);
+var SwitchBlocks = (0, import_react53.memo)(SwitchBlocksInternal);
 
 // src/switch-group/SwitchGroup.tsx
 var React26 = __toESM(require("react"), 1);
@@ -7786,7 +7988,7 @@ var SwitchGroup = React26.forwardRef(
 SwitchGroup.displayName = "SwitchGroup";
 
 // src/tabs/Tabs.tsx
-var import_react52 = require("react");
+var import_react54 = require("react");
 var TabsPrimitive2 = __toESM(require("@radix-ui/react-tabs"), 1);
 var import_class_variance_authority12 = require("class-variance-authority");
 var import_jsx_runtime105 = require("react/jsx-runtime");
@@ -7802,7 +8004,7 @@ var tabsListVariants = (0, import_class_variance_authority12.cva)("inline-flex i
     variant: "default"
   }
 });
-var TabsList = (0, import_react52.forwardRef)(
+var TabsList = (0, import_react54.forwardRef)(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     TabsPrimitive2.List,
     {
@@ -7827,7 +8029,7 @@ var tabsTriggerVariants = (0, import_class_variance_authority12.cva)(
     }
   }
 );
-var TabsTrigger = (0, import_react52.forwardRef)(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+var TabsTrigger = (0, import_react54.forwardRef)(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
   TabsPrimitive2.Trigger,
   {
     ref,
@@ -7836,7 +8038,7 @@ var TabsTrigger = (0, import_react52.forwardRef)(({ className, variant, ...props
   }
 ));
 TabsTrigger.displayName = TabsPrimitive2.Trigger.displayName;
-var TabsContent = (0, import_react52.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(TabsPrimitive2.Content, { ref, className, tabIndex: -1, ...props }));
+var TabsContent = (0, import_react54.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(TabsPrimitive2.Content, { ref, className, tabIndex: -1, ...props }));
 TabsContent.displayName = TabsPrimitive2.Content.displayName;
 
 // src/tabbed-section/TabbedSection.tsx
@@ -7977,11 +8179,11 @@ var TASK_VARIANTS = {
 var import_sonner2 = require("sonner");
 
 // src/toaster/useUpdateToast.ts
-var import_react53 = require("react");
+var import_react55 = require("react");
 var import_sonner = require("sonner");
 function useUpdateToast({ id }) {
-  const toastIdRef = (0, import_react53.useRef)("");
-  const getToastOptions = (0, import_react53.useCallback)(
+  const toastIdRef = (0, import_react55.useRef)("");
+  const getToastOptions = (0, import_react55.useCallback)(
     (options) => ({
       id: toastIdRef.current,
       dismissible: false,
@@ -8096,7 +8298,7 @@ var ToggleGroupItem = React27.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/toggle-group/Toggles.tsx
-var import_react54 = require("react");
+var import_react56 = require("react");
 var import_jsx_runtime110 = require("react/jsx-runtime");
 var getValueArray2 = (value) => {
   if (value) {
@@ -8171,7 +8373,7 @@ function TogglesInternal({
     }
   };
   const isAnyActive = getValueArray2(value).length > 0;
-  (0, import_react54.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     onAnySelectorActive?.(isAnyActive);
   }, [isAnyActive, onAnySelectorActive]);
   const currentValue = getValueArray2(value).map((item) => String(item));
@@ -8202,7 +8404,7 @@ function TogglesInternal({
     }) })
   ] });
 }
-var Toggles = (0, import_react54.forwardRef)(TogglesInternal);
+var Toggles = (0, import_react56.forwardRef)(TogglesInternal);
 
 // src/text-field/TextField.tsx
 var React28 = __toESM(require("react"), 1);
@@ -8413,16 +8615,16 @@ var TextField = React28.forwardRef(
 TextField.displayName = "TextField";
 
 // src/textarea/Textarea.tsx
-var import_react55 = require("react");
+var import_react57 = require("react");
 
 // src/textarea/styles.module.css
 var styles_default9 = {};
 
 // src/textarea/Textarea.tsx
 var import_jsx_runtime115 = require("react/jsx-runtime");
-var Textarea = (0, import_react55.forwardRef)(
+var Textarea = (0, import_react57.forwardRef)(
   ({ className, textareaClassName, label, disabled, name, invalid, ...textareaProps }, ref) => {
-    const inputId = (0, import_react55.useId)();
+    const inputId = (0, import_react57.useId)();
     return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: cn(styles_default9.container, className), children: [
       /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
         "textarea",
@@ -11315,7 +11517,7 @@ AirbnbSearchInput.displayName = "SearchInput";
 var React41 = __toESM(require("react"), 1);
 var import_lucide_react46 = require("lucide-react");
 var import_react_virtual = require("@tanstack/react-virtual");
-var import_react56 = require("react");
+var import_react58 = require("react");
 var import_jsx_runtime135 = require("react/jsx-runtime");
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
@@ -11390,7 +11592,7 @@ var SearchableSelectInternal = ({
   const activeOptionId = highlightedIndex >= 0 ? getOptionId(reactId, highlightedIndex) : void 0;
   useOutsideClick(containerRef, open && !isMobile ? () => closeSelect() : null);
   const handleOnOpenChange = useEvent(onOpenChange);
-  const setSelectOpen = (0, import_react56.useCallback)(
+  const setSelectOpen = (0, import_react58.useCallback)(
     (nextOpen, options2) => {
       setOpen(nextOpen);
       handleOnOpenChange?.(nextOpen);
@@ -11758,6 +11960,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);
+  });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -12010,6 +12245,7 @@ function getNextEnabledIndex(options, startIndex, step) {
   buttonVariants,
   calendarClassNames,
   cn,
+  copyToClipboard,
   emptyMediaVariants,
   getSidebarState,
   inputVariants,
@@ -12027,12 +12263,14 @@ function getNextEnabledIndex(options, startIndex, step) {
   useClickEscape,
   useCombinedRef,
   useDebounce,
+  useDebouncedFunction,
   useEvent,
   useHover,
   useIsMobile,
   useIsMounted,
   useModalControls,
   useOutsideClick,
+  usePagination,
   usePrevious,
   useRadioOptions,
   useScreenResize,