@primer/react 38.0.0-rc.0 → 38.0.0-rc.09f015db1

package/lib/hooks/useOnOutsideClick.js

@@ -1,77 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-// Because events are handled at the document level, we provide a mechanism for early return.
-const stopPropagation = true;
-
-/**
- * Calls all handlers in reverse order
- * @param event The MouseEvent generated by the click event.
- */
-function handleClick(event) {
-  if (!event.defaultPrevented) {
-    for (const handler of Object.values(registry).reverse()) {
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      if (handler(event) === stopPropagation || event.defaultPrevented) {
-        break;
-      }
-    }
-  }
-}
-const registry = {};
-function register(id, handler) {
-  registry[id] = handler;
-}
-function deregister(id) {
-  delete registry[id];
-}
-
-// For auto-incrementing unique identifiers for registered handlers.
-let handlerId = 0;
-const useOnOutsideClick = ({
-  containerRef,
-  ignoreClickRefs,
-  onClickOutside
-}) => {
-  const id = React.useMemo(() => handlerId++, []);
-  const handler = React.useCallback(event => {
-    var _containerRef$current;
-    // don't call click handler if the mouse event was triggered by an auxiliary button (right click/wheel button/etc)
-    if (event instanceof MouseEvent && event.button > 0) {
-      return stopPropagation;
-    }
-
-    // don't call handler if the click happened inside of the container
-    if ((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(event.target)) {
-      return stopPropagation;
-    }
-
-    // don't call handler if click happened on an ignored ref
-    if (ignoreClickRefs && ignoreClickRefs.some(({
-      current
-    }) => current === null || current === void 0 ? void 0 : current.contains(event.target))) {
-      return stopPropagation;
-    }
-    onClickOutside(event);
-  }, [containerRef, ignoreClickRefs, onClickOutside]);
-  React.useEffect(() => {
-    if (Object.keys(registry).length === 0) {
-      // use capture to ensure we get all events
-      document.addEventListener('mousedown', handleClick, {
-        capture: true
-      });
-    }
-    register(id, handler);
-    return () => {
-      deregister(id);
-      if (Object.keys(registry).length === 0) {
-        document.removeEventListener('mousedown', handleClick, {
-          capture: true
-        });
-      }
-    };
-  }, [id, handler]);
-};
-
-exports.useOnOutsideClick = useOnOutsideClick;

package/lib/hooks/useOpenAndCloseFocus.d.ts

@@ -1,9 +0,0 @@
-import type React from 'react';
-export type UseOpenAndCloseFocusSettings = {
-    initialFocusRef?: React.RefObject<HTMLElement>;
-    containerRef: React.RefObject<HTMLElement>;
-    returnFocusRef: React.RefObject<HTMLElement>;
-    preventFocusOnOpen?: boolean;
-};
-export declare function useOpenAndCloseFocus({ initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen, }: UseOpenAndCloseFocusSettings): void;
-//# sourceMappingURL=useOpenAndCloseFocus.d.ts.map

package/lib/hooks/useOpenAndCloseFocus.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var utils = require('@primer/behaviors/utils');
-
-function useOpenAndCloseFocus(t0) {
-  const $ = reactCompilerRuntime.c(10);
-  const {
-    initialFocusRef,
-    returnFocusRef,
-    containerRef,
-    preventFocusOnOpen
-  } = t0;
-  let t1;
-  if ($[0] !== containerRef || $[1] !== initialFocusRef || $[2] !== preventFocusOnOpen || $[3] !== returnFocusRef.current) {
-    t1 = () => {
-      if (!preventFocusOnOpen) {
-        if (initialFocusRef && initialFocusRef.current) {
-          initialFocusRef.current.focus();
-        } else {
-          if (containerRef.current) {
-            const firstItem = utils.iterateFocusableElements(containerRef.current).next().value;
-            firstItem === null || firstItem === void 0 ? void 0 : firstItem.focus();
-          }
-        }
-      }
-      const returnFocusRefCurrent = returnFocusRef.current;
-      return function () {
-        returnFocusRefCurrent === null || returnFocusRefCurrent === void 0 ? void 0 : returnFocusRefCurrent.focus();
-      };
-    };
-    $[0] = containerRef;
-    $[1] = initialFocusRef;
-    $[2] = preventFocusOnOpen;
-    $[3] = returnFocusRef.current;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== containerRef || $[6] !== initialFocusRef || $[7] !== preventFocusOnOpen || $[8] !== returnFocusRef) {
-    t2 = [initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen];
-    $[5] = containerRef;
-    $[6] = initialFocusRef;
-    $[7] = preventFocusOnOpen;
-    $[8] = returnFocusRef;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  React.useEffect(t1, t2);
-}
-
-exports.useOpenAndCloseFocus = useOpenAndCloseFocus;

package/lib/hooks/useOverflow.d.ts

@@ -1,2 +0,0 @@
-export declare function useOverflow<T extends HTMLElement>(ref: React.RefObject<T>): boolean;
-//# sourceMappingURL=useOverflow.d.ts.map

package/lib/hooks/useOverflow.js

@@ -1,45 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-
-function useOverflow(ref) {
-  const $ = reactCompilerRuntime.c(4);
-  const [hasOverflow, setHasOverflow] = React.useState(false);
-  let t0;
-  if ($[0] !== ref.current) {
-    t0 = () => {
-      if (ref.current === null) {
-        return;
-      }
-      const observer = new ResizeObserver(entries => {
-        for (const entry of entries) {
-          if (entry.target.scrollHeight > entry.target.clientHeight || entry.target.scrollWidth > entry.target.clientWidth) {
-            setHasOverflow(true);
-            break;
-          }
-        }
-      });
-      observer.observe(ref.current);
-      return () => {
-        observer.disconnect();
-      };
-    };
-    $[0] = ref.current;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  let t1;
-  if ($[2] !== ref) {
-    t1 = [ref];
-    $[2] = ref;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  React.useEffect(t0, t1);
-  return hasOverflow;
-}
-
-exports.useOverflow = useOverflow;

package/lib/hooks/useOverlay.d.ts

@@ -1,15 +0,0 @@
-import type { TouchOrMouseEvent } from './useOnOutsideClick';
-export type UseOverlaySettings = {
-    ignoreClickRefs?: React.RefObject<HTMLElement>[];
-    initialFocusRef?: React.RefObject<HTMLElement>;
-    returnFocusRef: React.RefObject<HTMLElement>;
-    onEscape: (e: KeyboardEvent) => void;
-    onClickOutside: (e: TouchOrMouseEvent) => void;
-    overlayRef?: React.RefObject<HTMLDivElement>;
-    preventFocusOnOpen?: boolean;
-};
-export type OverlayReturnProps = {
-    ref: React.RefObject<HTMLDivElement>;
-};
-export declare const useOverlay: ({ overlayRef: _overlayRef, returnFocusRef, initialFocusRef, onEscape, ignoreClickRefs, onClickOutside, preventFocusOnOpen, }: UseOverlaySettings) => OverlayReturnProps;
-//# sourceMappingURL=useOverlay.d.ts.map

package/lib/hooks/useOverlay.js

@@ -1,79 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var useOnOutsideClick = require('./useOnOutsideClick.js');
-var useOpenAndCloseFocus = require('./useOpenAndCloseFocus.js');
-var useOnEscapePress = require('./useOnEscapePress.js');
-var useProvidedRefOrCreate = require('./useProvidedRefOrCreate.js');
-
-const useOverlay = t0 => {
-  const $ = reactCompilerRuntime.c(13);
-  const {
-    overlayRef: _overlayRef,
-    returnFocusRef,
-    initialFocusRef,
-    onEscape,
-    ignoreClickRefs,
-    onClickOutside,
-    preventFocusOnOpen
-  } = t0;
-  const overlayRef = useProvidedRefOrCreate.useProvidedRefOrCreate(_overlayRef);
-  let t1;
-  if ($[0] !== initialFocusRef || $[1] !== overlayRef || $[2] !== preventFocusOnOpen || $[3] !== returnFocusRef) {
-    t1 = {
-      containerRef: overlayRef,
-      returnFocusRef,
-      initialFocusRef,
-      preventFocusOnOpen
-    };
-    $[0] = initialFocusRef;
-    $[1] = overlayRef;
-    $[2] = preventFocusOnOpen;
-    $[3] = returnFocusRef;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  useOpenAndCloseFocus.useOpenAndCloseFocus(t1);
-  let t2;
-  if ($[5] !== ignoreClickRefs || $[6] !== onClickOutside || $[7] !== overlayRef) {
-    t2 = {
-      containerRef: overlayRef,
-      ignoreClickRefs,
-      onClickOutside
-    };
-    $[5] = ignoreClickRefs;
-    $[6] = onClickOutside;
-    $[7] = overlayRef;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  useOnOutsideClick.useOnOutsideClick(t2);
-  let t3;
-  if ($[9] !== onEscape) {
-    t3 = event => {
-      onEscape(event);
-      event.preventDefault();
-    };
-    $[9] = onEscape;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  const preventeddefaultCheckedEscape = t3;
-  useOnEscapePress.useOnEscapePress(preventeddefaultCheckedEscape);
-  let t4;
-  if ($[11] !== overlayRef) {
-    t4 = {
-      ref: overlayRef
-    };
-    $[11] = overlayRef;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  return t4;
-};
-
-exports.useOverlay = useOverlay;

package/lib/hooks/useProvidedRefOrCreate.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-/**
- * There are some situations where we only want to create a new ref if one is not provided to a component
- * or hook as a prop. However, due to the `rules-of-hooks`, we cannot conditionally make a call to `React.useRef`
- * only in the situations where the ref is not provided as a prop.
- * This hook aims to encapsulate that logic, so the consumer doesn't need to be concerned with violating `rules-of-hooks`.
- * @param providedRef The ref to use - if undefined, will use the ref from a call to React.useRef
- * @type TRef The type of the RefObject which should be created.
- */
-export declare function useProvidedRefOrCreate<TRef>(providedRef?: React.RefObject<TRef>): React.RefObject<TRef>;
-//# sourceMappingURL=useProvidedRefOrCreate.d.ts.map

package/lib/hooks/useProvidedRefOrCreate.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-/**
- * There are some situations where we only want to create a new ref if one is not provided to a component
- * or hook as a prop. However, due to the `rules-of-hooks`, we cannot conditionally make a call to `React.useRef`
- * only in the situations where the ref is not provided as a prop.
- * This hook aims to encapsulate that logic, so the consumer doesn't need to be concerned with violating `rules-of-hooks`.
- * @param providedRef The ref to use - if undefined, will use the ref from a call to React.useRef
- * @type TRef The type of the RefObject which should be created.
- */
-function useProvidedRefOrCreate(providedRef) {
-  const createdRef = React__default.default.useRef(null);
-  return providedRef !== null && providedRef !== void 0 ? providedRef : createdRef;
-}
-
-exports.useProvidedRefOrCreate = useProvidedRefOrCreate;

package/lib/hooks/useProvidedStateOrCreate.d.ts

@@ -1,11 +0,0 @@
-/**
- * There are some situations where we want to give users the option to control state externally with their own state handlers
- * or default to using internal state handlers. Because of the 'rules-of-hooks', we cannot conditionally make a call to `React.useState`
- * only in the situations where the state is not provided as a prop.
- * This hook aims to encapsulate that logic, so the consumer doesn't need to be concerned with violating `rules-of-hooks`.
- * @param externalState The state to use - if undefined, will use the state from a call to React.useState
- * @param setExternalState The setState to use - if undefined, will use the setState from a call to React.useState
- * @param defaultState The defaultState to use, if using internal state.
- */
-export declare function useProvidedStateOrCreate<T>(externalState: T | undefined, setExternalState: ((s: T) => void) | undefined, defaultState: T): readonly [T, (s: T) => void];
-//# sourceMappingURL=useProvidedStateOrCreate.d.ts.map

package/lib/hooks/useProvidedStateOrCreate.js

@@ -1,45 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-
-/**
- * There are some situations where we want to give users the option to control state externally with their own state handlers
- * or default to using internal state handlers. Because of the 'rules-of-hooks', we cannot conditionally make a call to `React.useState`
- * only in the situations where the state is not provided as a prop.
- * This hook aims to encapsulate that logic, so the consumer doesn't need to be concerned with violating `rules-of-hooks`.
- * @param externalState The state to use - if undefined, will use the state from a call to React.useState
- * @param setExternalState The setState to use - if undefined, will use the setState from a call to React.useState
- * @param defaultState The defaultState to use, if using internal state.
- */
-function useProvidedStateOrCreate(externalState, setExternalState, defaultState) {
-  const $ = reactCompilerRuntime.c(5);
-  const [internalState, setInternalState] = React.useState(defaultState);
-  const state = externalState !== null && externalState !== void 0 ? externalState : internalState;
-  let t0;
-  if ($[0] !== setExternalState) {
-    t0 = s => {
-      setInternalState(s);
-      if (setExternalState) {
-        setExternalState(s);
-      }
-    };
-    $[0] = setExternalState;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const setState = t0;
-  let t1;
-  if ($[2] !== setState || $[3] !== state) {
-    t1 = [state, setState];
-    $[2] = setState;
-    $[3] = state;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  return t1;
-}
-
-exports.useProvidedStateOrCreate = useProvidedStateOrCreate;

package/lib/hooks/useRefObjectAsForwardedRef.d.ts

@@ -1,10 +0,0 @@
-import type { ForwardedRef, RefObject } from 'react';
-/**
- * Use a ref object as the imperative handle for a forwarded ref. This can be used to
- * synchronize the ref object with the forwarded ref and allow local access the reference
- * instance with `.current`.
- *
- * **NOTE**: The `refObject` should be passed to the underlying element, NOT the `forwardedRef`.
- */
-export declare function useRefObjectAsForwardedRef<T>(forwardedRef: ForwardedRef<T>, refObject: RefObject<T>): void;
-//# sourceMappingURL=useRefObjectAsForwardedRef.d.ts.map

package/lib/hooks/useRefObjectAsForwardedRef.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-
-/**
- * Use a ref object as the imperative handle for a forwarded ref. This can be used to
- * synchronize the ref object with the forwarded ref and allow local access the reference
- * instance with `.current`.
- *
- * **NOTE**: The `refObject` should be passed to the underlying element, NOT the `forwardedRef`.
- */
-function useRefObjectAsForwardedRef(forwardedRef, refObject) {
-  const $ = reactCompilerRuntime.c(2);
-  let t0;
-  if ($[0] !== refObject.current) {
-    t0 = () => refObject.current;
-    $[0] = refObject.current;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  React.useImperativeHandle(forwardedRef, t0);
-}
-
-exports.useRefObjectAsForwardedRef = useRefObjectAsForwardedRef;

package/lib/hooks/useRenderForcingRef.d.ts

@@ -1,9 +0,0 @@
-import type { RefObject } from 'react';
-/**
- * There are certain situations where a ref might be set after the current render cycle for a
- * component has finished.  e.g. a forward ref from a conditionally rendered child component.
- * In these situations, we need to force a re-render, which is done here by the useState hook.
- * @type TRef The type of the RefObject which should be created.
- */
-export declare function useRenderForcingRef<TRef>(value?: TRef): readonly [RefObject<TRef>, (newRef: TRef | null) => void];
-//# sourceMappingURL=useRenderForcingRef.d.ts.map

package/lib/hooks/useRenderForcingRef.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-/**
- * There are certain situations where a ref might be set after the current render cycle for a
- * component has finished.  e.g. a forward ref from a conditionally rendered child component.
- * In these situations, we need to force a re-render, which is done here by the useState hook.
- * @type TRef The type of the RefObject which should be created.
- */
-function useRenderForcingRef(value) {
-  const [refCurrent, setRefCurrent] = React.useState(value || null);
-  const ref = React.useRef(null);
-  ref.current = refCurrent;
-  const setRef = React.useCallback(newRef => {
-    ref.current = newRef;
-    setRefCurrent(newRef);
-  }, [ref]);
-  return [ref, setRef];
-}
-
-exports.useRenderForcingRef = useRenderForcingRef;

package/lib/hooks/useResizeObserver.d.ts

@@ -1,7 +0,0 @@
-import type { RefObject } from 'react';
-export type ResizeObserverCallback = (entries: ResizeObserverEntry[]) => void;
-export interface ResizeObserverEntry {
-    contentRect: DOMRectReadOnly;
-}
-export declare function useResizeObserver<T extends HTMLElement>(callback: ResizeObserverCallback, target?: RefObject<T>, depsArray?: unknown[]): void;
-//# sourceMappingURL=useResizeObserver.d.ts.map

package/lib/hooks/useResizeObserver.js

@@ -1,49 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useIsomorphicLayoutEffect = require('../utils/useIsomorphicLayoutEffect.js');
-
-// https://gist.github.com/strothj/708afcf4f01dd04de8f49c92e88093c3
-
-function useResizeObserver(callback, target, depsArray = []) {
-  const [targetClientRect, setTargetClientRect] = React.useState(null);
-  const savedCallback = React.useRef(callback);
-  useIsomorphicLayoutEffect(() => {
-    savedCallback.current = callback;
-  });
-  useIsomorphicLayoutEffect(() => {
-    const targetEl = target && 'current' in target ? target.current : document.documentElement;
-    if (!targetEl) {
-      return;
-    }
-    if (typeof ResizeObserver === 'function') {
-      const observer = new ResizeObserver(entries => {
-        savedCallback.current(entries);
-      });
-      observer.observe(targetEl);
-      return () => {
-        observer.disconnect();
-      };
-    } else {
-      const saveTargetDimensions = () => {
-        const currTargetRect = targetEl.getBoundingClientRect();
-        if (currTargetRect.width !== (targetClientRect === null || targetClientRect === void 0 ? void 0 : targetClientRect.width) || currTargetRect.height !== targetClientRect.height) {
-          savedCallback.current([{
-            contentRect: currTargetRect
-          }]);
-        }
-        setTargetClientRect(currTargetRect);
-      };
-      // eslint-disable-next-line github/prefer-observers
-      window.addEventListener('resize', saveTargetDimensions);
-      return () => {
-        window.removeEventListener('resize', saveTargetDimensions);
-      };
-    }
-
-    // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [target === null || target === void 0 ? void 0 : target.current, ...depsArray]);
-}
-
-exports.useResizeObserver = useResizeObserver;

package/lib/hooks/useResponsiveValue.d.ts

@@ -1,31 +0,0 @@
-export declare const viewportRanges: {
-    narrow: string;
-    regular: string;
-    wide: string;
-};
-export type ResponsiveValue<TRegular, TNarrow = TRegular, TWide = TRegular> = {
-    narrow?: TNarrow;
-    regular?: TRegular;
-    wide?: TWide;
-};
-/**
- * Flattens all possible value types into single union type
- * For example, if `T` is `'none' | 'line' | Responsive<'none' | 'line' | 'filled'>`,
- * `FlattenResponsiveValue<T>` will be `'none' | 'line' | 'filled'`
- */
-export type FlattenResponsiveValue<T> = (T extends ResponsiveValue<infer TRegular, infer TNarrow, infer TWide> ? TRegular | TNarrow | TWide : never) | Exclude<T, ResponsiveValue<any>>;
-/**
- * Checks if the value is a responsive value.
- * In other words, is it an object with viewport range keys?
- */
-export declare function isResponsiveValue(value: any): value is ResponsiveValue<any>;
-/**
- * Resolves responsive values based on the current viewport width.
- * For example, if the current viewport width is narrow (less than 768px), the value of `{regular: 'foo', narrow: 'bar'}` will resolve to `'bar'`.
- *
- * @example
- * const value = useResponsiveValue({regular: 'foo', narrow: 'bar'})
- * console.log(value) // 'bar'
- */
-export declare function useResponsiveValue<T, F>(value: T, fallback: F): FlattenResponsiveValue<T> | F;
-//# sourceMappingURL=useResponsiveValue.d.ts.map

package/lib/hooks/useResponsiveValue.js

@@ -1,69 +0,0 @@
-'use strict';
-
-var useMedia = require('./useMedia.js');
-
-// This file contains utilities for working with responsive values.
-
-// The viewport range values from @primer/primtives don't work in Chrome
-// because they use `em` units inside `calc()` (e.g., calc(48em - 0.02px)).
-// As a temporary workaround, we're hardcoding the viewport ranges in `px` units.
-// TODO: Use viewport range tokens from @primer/primitives
-const viewportRanges = {
-  narrow: '(max-width: calc(768px - 0.02px))',
-  // < 768px
-  regular: '(min-width: 768px)',
-  // >= 768px
-  wide: '(min-width: 1400px)' // >= 1400px
-};
-
-/**
- * Flattens all possible value types into single union type
- * For example, if `T` is `'none' | 'line' | Responsive<'none' | 'line' | 'filled'>`,
- * `FlattenResponsiveValue<T>` will be `'none' | 'line' | 'filled'`
- */
-
-/**
- * Checks if the value is a responsive value.
- * In other words, is it an object with viewport range keys?
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function isResponsiveValue(value) {
-  return typeof value === 'object' && Object.keys(value).some(key => ['narrow', 'regular', 'wide'].includes(key));
-}
-
-/**
- * Resolves responsive values based on the current viewport width.
- * For example, if the current viewport width is narrow (less than 768px), the value of `{regular: 'foo', narrow: 'bar'}` will resolve to `'bar'`.
- *
- * @example
- * const value = useResponsiveValue({regular: 'foo', narrow: 'bar'})
- * console.log(value) // 'bar'
- */
-// TODO: Improve SSR support
-function useResponsiveValue(value, fallback) {
-  const isNarrowViewport = useMedia.useMedia(viewportRanges.narrow, false);
-  const isRegularViewport = useMedia.useMedia(viewportRanges.regular, false);
-  const isWideViewport = useMedia.useMedia(viewportRanges.wide, false);
-  if (isResponsiveValue(value)) {
-    const responsiveValue = value;
-    if (isNarrowViewport && "narrow" in responsiveValue) {
-      return responsiveValue.narrow;
-    } else {
-      if (isWideViewport && "wide" in responsiveValue) {
-        return responsiveValue.wide;
-      } else {
-        if (isRegularViewport && "regular" in responsiveValue) {
-          return responsiveValue.regular;
-        } else {
-          return fallback;
-        }
-      }
-    }
-  } else {
-    return value;
-  }
-}
-
-exports.isResponsiveValue = isResponsiveValue;
-exports.useResponsiveValue = useResponsiveValue;
-exports.viewportRanges = viewportRanges;

package/lib/hooks/useSafeTimeout.d.ts

@@ -1,13 +0,0 @@
-type SetTimeout = (handler: TimerHandler, timeout?: number, ...args: unknown[]) => number;
-type ClearTimeout = (id: number) => void;
-/**
- * Safely call `setTimeout` and `clearTimeout` within a component.
- *
- * This hook ensures that all timeouts are cleared when the component unmounts.
- */
-export default function useSafeTimeout(): {
-    safeSetTimeout: SetTimeout;
-    safeClearTimeout: ClearTimeout;
-};
-export {};
-//# sourceMappingURL=useSafeTimeout.d.ts.map

package/lib/hooks/useSafeTimeout.js

@@ -1,36 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-/**
- * Safely call `setTimeout` and `clearTimeout` within a component.
- *
- * This hook ensures that all timeouts are cleared when the component unmounts.
- */
-function useSafeTimeout() {
-  const timers = React.useRef(new Set());
-  const safeSetTimeout = React.useCallback((handler, timeout, ...args) => {
-    const id = window.setTimeout(handler, timeout, ...args);
-    timers.current.add(id);
-    return id;
-  }, []);
-  const safeClearTimeout = React.useCallback(id => {
-    clearTimeout(id);
-    timers.current.delete(id);
-  }, []);
-  React.useEffect(() => {
-    return () => {
-      // eslint-disable-next-line react-compiler/react-compiler
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      for (const id of timers.current) {
-        clearTimeout(id);
-      }
-    };
-  }, []);
-  return {
-    safeSetTimeout,
-    safeClearTimeout
-  };
-}
-
-module.exports = useSafeTimeout;