@mantine/hooks 4.2.9 → 5.0.0-alpha.10

package/cjs/index.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var useClickOutside = require('./use-click-outside/use-click-outside.js');
 var useClipboard = require('./use-clipboard/use-clipboard.js');
 var useColorScheme = require('./use-color-scheme/use-color-scheme.js');
+var useCounter = require('./use-counter/use-counter.js');
 var useDebouncedValue = require('./use-debounced-value/use-debounced-value.js');
 var useDocumentTitle = require('./use-document-title/use-document-title.js');
+var useDocumentVisibility = require('./use-document-visibility/use-document-visibility.js');
 var useFocusReturn = require('./use-focus-return/use-focus-return.js');
 var useDidUpdate = require('./use-did-update/use-did-update.js');
 var useFocusTrap = require('./use-focus-trap/use-focus-trap.js');
 var useForceUpdate = require('./use-force-update/use-force-update.js');
-var useForm = require('./use-form/use-form.js');
 var useId = require('./use-id/use-id.js');
 var useIdle = require('./use-idle/use-idle.js');
 var useInterval = require('./use-interval/use-interval.js');
@@ -41,7 +42,6 @@ var useHotkeys = require('./use-hotkeys/use-hotkeys.js');
 var useFullscreen = require('./use-fullscreen/use-fullscreen.js');
 var useLogger = require('./use-logger/use-logger.js');
 var useHover = require('./use-hover/use-hover.js');
-var useUuid = require('./use-uuid/use-uuid.js');
 var useValidatedState = require('./use-validated-state/use-validated-state.js');
 var useOs = require('./use-os/use-os.js');
 var useSetState = require('./use-set-state/use-set-state.js');
@@ -50,6 +50,7 @@ var useEventListener = require('./use-event-listener/use-event-listener.js');
 var useDisclosure = require('./use-disclosure/use-disclosure.js');
 var useFocusWithin = require('./use-focus-within/use-focus-within.js');
 var useNetwork = require('./use-network/use-network.js');
+var useTimeout = require('./use-timeout/use-timeout.js');
 var parseHotkey = require('./use-hotkeys/parse-hotkey.js');
 var assignRef = require('./utils/assign-ref/assign-ref.js');
 var clamp = require('./utils/clamp/clamp.js');
@@ -64,20 +65,20 @@ var upperFirst = require('./utils/upper-first/upper-first.js');
 exports.useClickOutside = useClickOutside.useClickOutside;
 exports.useClipboard = useClipboard.useClipboard;
 exports.useColorScheme = useColorScheme.useColorScheme;
+exports.useCounter = useCounter.useCounter;
 exports.useDebouncedValue = useDebouncedValue.useDebouncedValue;
 exports.useDocumentTitle = useDocumentTitle.useDocumentTitle;
+exports.useDocumentVisibility = useDocumentVisibility.useDocumentVisibility;
 exports.useFocusReturn = useFocusReturn.useFocusReturn;
 exports.useDidUpdate = useDidUpdate.useDidUpdate;
 exports.useFocusTrap = useFocusTrap.useFocusTrap;
 exports.useForceUpdate = useForceUpdate.useForceUpdate;
-exports.useForm = useForm.useForm;
 exports.useId = useId.useId;
 exports.useIdle = useIdle.useIdle;
 exports.useInterval = useInterval.useInterval;
 exports.useIsomorphicEffect = useIsomorphicEffect.useIsomorphicEffect;
 exports.useListState = useListState.useListState;
 exports.useLocalStorage = useLocalStorage.useLocalStorage;
-exports.useLocalStorageValue = useLocalStorage.useLocalStorageValue;
 exports.useMediaQuery = useMediaQuery.useMediaQuery;
 exports.mergeRefs = useMergedRef.mergeRefs;
 exports.useMergedRef = useMergedRef.useMergedRef;
@@ -93,7 +94,6 @@ exports.useElementSize = useResizeObserver.useElementSize;
 exports.useResizeObserver = useResizeObserver.useResizeObserver;
 exports.useScrollLock = useScrollLock.useScrollLock;
 exports.useShallowEffect = useShallowEffect.useShallowEffect;
-exports.useBooleanToggle = useToggle.useBooleanToggle;
 exports.useToggle = useToggle.useToggle;
 exports.useUncontrolled = useUncontrolled.useUncontrolled;
 exports.useViewportSize = useViewportSize.useViewportSize;
@@ -105,7 +105,6 @@ exports.useHotkeys = useHotkeys.useHotkeys;
 exports.useFullscreen = useFullscreen.useFullscreen;
 exports.useLogger = useLogger.useLogger;
 exports.useHover = useHover.useHover;
-exports.useUuid = useUuid.useUuid;
 exports.useValidatedState = useValidatedState.useValidatedState;
 exports.useOs = useOs.useOs;
 exports.useSetState = useSetState.useSetState;
@@ -114,6 +113,7 @@ exports.useEventListener = useEventListener.useEventListener;
 exports.useDisclosure = useDisclosure.useDisclosure;
 exports.useFocusWithin = useFocusWithin.useFocusWithin;
 exports.useNetwork = useNetwork.useNetwork;
+exports.useTimeout = useTimeout.useTimeout;
 exports.getHotkeyHandler = parseHotkey.getHotkeyHandler;
 exports.assignRef = assignRef.assignRef;
 exports.clamp = clamp.clamp;

package/cjs/use-click-outside/use-click-outside.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 const DEFAULT_EVENTS = ["mousedown", "touchstart"];
 function useClickOutside(handler, events, nodes) {
-  const ref = react.useRef();
-  react.useEffect(() => {
+  const ref = React.useRef();
+  React.useEffect(() => {
     const listener = (event) => {
       var _a;
       if (Array.isArray(nodes)) {

package/cjs/use-clipboard/use-clipboard.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 function useClipboard({ timeout = 2e3 } = {}) {
-  const [error, setError] = react.useState(null);
-  const [copied, setCopied] = react.useState(false);
-  const [copyTimeout, setCopyTimeout] = react.useState(null);
+  const [error, setError] = React.useState(null);
+  const [copied, setCopied] = React.useState(false);
+  const [copyTimeout, setCopyTimeout] = React.useState(null);
   const handleCopyResult = (value) => {
     clearTimeout(copyTimeout);
     setCopyTimeout(setTimeout(() => setCopied(false), timeout));

package/cjs/use-counter/use-counter.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var clamp = require('../utils/clamp/clamp.js');
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const DEFAULT_OPTIONS = {
+  min: -Infinity,
+  max: Infinity
+};
+function useCounter(initialValue = 0, options) {
+  const { min, max } = __spreadValues(__spreadValues({}, DEFAULT_OPTIONS), options);
+  const [count, setCount] = React.useState(clamp.clamp(initialValue, min, max));
+  const increment = (delta = 1) => setCount((current) => clamp.clamp(current + delta, min, max));
+  const decrement = (delta = 1) => setCount((current) => clamp.clamp(current - delta, min, max));
+  const set = (value) => setCount(clamp.clamp(value, min, max));
+  const reset = () => setCount(clamp.clamp(initialValue, min, max));
+  return [count, { increment, decrement, set, reset }];
+}
+
+exports.useCounter = useCounter;
+//# sourceMappingURL=use-counter.js.map

package/cjs/use-counter/use-counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-counter.js","sources":["../../src/use-counter/use-counter.ts"],"sourcesContent":["import { useState } from 'react';\nimport { clamp } from '../utils';\n\nconst DEFAULT_OPTIONS = {\n  min: -Infinity,\n  max: Infinity,\n};\n\nexport function useCounter(initialValue = 0, options?: Partial<{ min: number; max: number }>) {\n  const { min, max } = { ...DEFAULT_OPTIONS, ...options };\n  const [count, setCount] = useState<number>(clamp(initialValue, min, max));\n\n  const increment = (delta = 1) => setCount((current) => clamp(current + delta, min, max));\n  const decrement = (delta = 1) => setCount((current) => clamp(current - delta, min, max));\n  const set = (value: number) => setCount(clamp(value, min, max));\n  const reset = () => setCount(clamp(initialValue, min, max));\n\n  return [count, { increment, decrement, set, reset }] as const;\n}\n"],"names":["useState","clamp"],"mappings":";;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAGF,MAAM,eAAe,GAAG;AACxB,EAAE,GAAG,EAAE,CAAC,QAAQ;AAChB,EAAE,GAAG,EAAE,QAAQ;AACf,CAAC,CAAC;AACK,SAAS,UAAU,CAAC,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE;AACtD,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,eAAe,CAAC,EAAE,OAAO,CAAC,CAAC;AACpF,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAACC,WAAK,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AACpE,EAAE,MAAM,SAAS,GAAG,CAAC,KAAK,GAAG,CAAC,KAAK,QAAQ,CAAC,CAAC,OAAO,KAAKA,WAAK,CAAC,OAAO,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC3F,EAAE,MAAM,SAAS,GAAG,CAAC,KAAK,GAAG,CAAC,KAAK,QAAQ,CAAC,CAAC,OAAO,KAAKA,WAAK,CAAC,OAAO,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC3F,EAAE,MAAM,GAAG,GAAG,CAAC,KAAK,KAAK,QAAQ,CAACA,WAAK,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC1D,EAAE,MAAM,KAAK,GAAG,MAAM,QAAQ,CAACA,WAAK,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC9D,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;AACvD;;;;"}

package/cjs/use-debounced-value/use-debounced-value.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 function useDebouncedValue(value, wait, options = { leading: false }) {
-  const [_value, setValue] = react.useState(value);
-  const mountedRef = react.useRef(false);
-  const timeoutRef = react.useRef(null);
-  const cooldownRef = react.useRef(false);
+  const [_value, setValue] = React.useState(value);
+  const mountedRef = React.useRef(false);
+  const timeoutRef = React.useRef(null);
+  const cooldownRef = React.useRef(false);
   const cancel = () => window.clearTimeout(timeoutRef.current);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (mountedRef.current) {
       if (!cooldownRef.current && options.leading) {
         cooldownRef.current = true;
@@ -24,7 +24,7 @@ function useDebouncedValue(value, wait, options = { leading: false }) {
       }
     }
   }, [value, options.leading]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     mountedRef.current = true;
     return cancel;
   }, []);

package/cjs/use-did-update/use-did-update.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 function useDidUpdate(fn, dependencies) {
-  const mounted = react.useRef(false);
-  react.useEffect(() => {
+  const mounted = React.useRef(false);
+  React.useEffect(() => {
     if (mounted.current) {
       fn();
     } else {

package/cjs/use-disclosure/use-disclosure.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 function useDisclosure(initialState, callbacks) {
-  const [opened, setOpened] = react.useState(initialState);
+  const [opened, setOpened] = React.useState(initialState);
   const open = () => {
     var _a;
     if (!opened) {

package/cjs/use-document-visibility/use-document-visibility.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const getVisibility = () => {
+  if (typeof document === "undefined")
+    return "visible";
+  return document.visibilityState;
+};
+function useDocumentVisibility() {
+  const [documentVisibility, setDocumentVisibility] = React.useState(getVisibility());
+  React.useEffect(() => {
+    const listener = () => setDocumentVisibility(getVisibility());
+    document.addEventListener("visibilitychange", listener);
+    return () => document.removeEventListener("visibilitychange", listener);
+  }, []);
+  return documentVisibility;
+}
+
+exports.useDocumentVisibility = useDocumentVisibility;
+//# sourceMappingURL=use-document-visibility.js.map

package/cjs/use-document-visibility/use-document-visibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-document-visibility.js","sources":["../../src/use-document-visibility/use-document-visibility.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst getVisibility = () => {\n  if (typeof document === 'undefined') return 'visible';\n\n  return document.visibilityState;\n};\n\nexport function useDocumentVisibility(): DocumentVisibilityState {\n  const [documentVisibility, setDocumentVisibility] = useState<DocumentVisibilityState>(\n    getVisibility()\n  );\n\n  useEffect(() => {\n    const listener = () => setDocumentVisibility(getVisibility());\n\n    document.addEventListener('visibilitychange', listener);\n\n    return () => document.removeEventListener('visibilitychange', listener);\n  }, []);\n\n  return documentVisibility;\n}\n"],"names":["useState","useEffect"],"mappings":";;;;;;AACA,MAAM,aAAa,GAAG,MAAM;AAC5B,EAAE,IAAI,OAAO,QAAQ,KAAK,WAAW;AACrC,IAAI,OAAO,SAAS,CAAC;AACrB,EAAE,OAAO,QAAQ,CAAC,eAAe,CAAC;AAClC,CAAC,CAAC;AACK,SAAS,qBAAqB,GAAG;AACxC,EAAE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAGA,cAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;AAChF,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,MAAM,QAAQ,GAAG,MAAM,qBAAqB,CAAC,aAAa,EAAE,CAAC,CAAC;AAClE,IAAI,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;AAC5D,IAAI,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;AAC5E,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,kBAAkB,CAAC;AAC5B;;;;"}

package/cjs/use-event-listener/use-event-listener.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 function useEventListener(type, listener, options) {
-  const ref = react.useRef();
-  react.useEffect(() => {
+  const ref = React.useRef();
+  React.useEffect(() => {
     if (ref.current) {
       ref.current.addEventListener(type, listener, options);
       return () => {

package/cjs/use-focus-return/use-focus-return.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 var useDidUpdate = require('../use-did-update/use-did-update.js');
 
 function useFocusReturn({
@@ -10,7 +10,7 @@ function useFocusReturn({
   transitionDuration,
   shouldReturnFocus = true
 }) {
-  const lastActiveElement = react.useRef();
+  const lastActiveElement = React.useRef();
   const returnFocus = () => {
     var _a;
     if (lastActiveElement.current && "focus" in lastActiveElement.current && typeof lastActiveElement.current.focus === "function") {
@@ -20,7 +20,7 @@ function useFocusReturn({
   useDidUpdate.useDidUpdate(() => {
     let timeout = -1;
     const clearFocusTimeout = (event) => {
-      if (event.code === "Tab") {
+      if (event.key === "Tab") {
         window.clearTimeout(timeout);
       }
     };

package/cjs/use-focus-return/use-focus-return.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-focus-return.js","sources":["../../src/use-focus-return/use-focus-return.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useDidUpdate } from '../use-did-update/use-did-update';\n\ninterface UseFocusReturn {\n  opened: boolean;\n  transitionDuration: number;\n  shouldReturnFocus?: boolean;\n}\n\n/** Returns focus to last active element, used in Modal and Drawer */\nexport function useFocusReturn({\n  opened,\n  transitionDuration,\n  shouldReturnFocus = true,\n}: UseFocusReturn) {\n  const lastActiveElement = useRef<HTMLElement>();\n  const returnFocus = () => {\n    if (\n      lastActiveElement.current &&\n      'focus' in lastActiveElement.current &&\n      typeof lastActiveElement.current.focus === 'function'\n    ) {\n      lastActiveElement.current?.focus();\n    }\n  };\n\n  useDidUpdate(() => {\n    let timeout = -1;\n\n    const clearFocusTimeout = (event: KeyboardEvent) => {\n      if (event.code === 'Tab') {\n        window.clearTimeout(timeout);\n      }\n    };\n\n    document.addEventListener('keydown', clearFocusTimeout);\n\n    if (opened) {\n      lastActiveElement.current = document.activeElement as HTMLElement;\n    } else if (shouldReturnFocus) {\n      timeout = window.setTimeout(returnFocus, transitionDuration + 10);\n    }\n\n    return () => {\n      window.clearTimeout(timeout);\n      document.removeEventListener('keydown', clearFocusTimeout);\n    };\n  }, [opened]);\n\n  return returnFocus;\n}\n"],"names":["useRef","useDidUpdate"],"mappings":";;;;;;;AAEO,SAAS,cAAc,CAAC;AAC/B,EAAE,MAAM;AACR,EAAE,kBAAkB;AACpB,EAAE,iBAAiB,GAAG,IAAI;AAC1B,CAAC,EAAE;AACH,EAAE,MAAM,iBAAiB,GAAGA,YAAM,EAAE,CAAC;AACrC,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,iBAAiB,CAAC,OAAO,IAAI,OAAO,IAAI,iBAAiB,CAAC,OAAO,IAAI,OAAO,iBAAiB,CAAC,OAAO,CAAC,KAAK,KAAK,UAAU,EAAE;AACpI,MAAM,CAAC,EAAE,GAAG,iBAAiB,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC;AACrE,KAAK;AACL,GAAG,CAAC;AACJ,EAAEC,yBAAY,CAAC,MAAM;AACrB,IAAI,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC;AACrB,IAAI,MAAM,iBAAiB,GAAG,CAAC,KAAK,KAAK;AACzC,MAAM,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE;AAChC,QAAQ,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACrC,OAAO;AACP,KAAK,CAAC;AACN,IAAI,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAC5D,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,iBAAiB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC;AACzD,KAAK,MAAM,IAAI,iBAAiB,EAAE;AAClC,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,kBAAkB,GAAG,EAAE,CAAC,CAAC;AACxE,KAAK;AACL,IAAI,OAAO,MAAM;AACjB,MAAM,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACnC,MAAM,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AACjE,KAAK,CAAC;AACN,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,EAAE,OAAO,WAAW,CAAC;AACrB;;;;"}
+{"version":3,"file":"use-focus-return.js","sources":["../../src/use-focus-return/use-focus-return.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useDidUpdate } from '../use-did-update/use-did-update';\n\ninterface UseFocusReturn {\n  opened: boolean;\n  transitionDuration: number;\n  shouldReturnFocus?: boolean;\n}\n\n/** Returns focus to last active element, used in Modal and Drawer */\nexport function useFocusReturn({\n  opened,\n  transitionDuration,\n  shouldReturnFocus = true,\n}: UseFocusReturn) {\n  const lastActiveElement = useRef<HTMLElement>();\n  const returnFocus = () => {\n    if (\n      lastActiveElement.current &&\n      'focus' in lastActiveElement.current &&\n      typeof lastActiveElement.current.focus === 'function'\n    ) {\n      lastActiveElement.current?.focus();\n    }\n  };\n\n  useDidUpdate(() => {\n    let timeout = -1;\n\n    const clearFocusTimeout = (event: KeyboardEvent) => {\n      if (event.key === 'Tab') {\n        window.clearTimeout(timeout);\n      }\n    };\n\n    document.addEventListener('keydown', clearFocusTimeout);\n\n    if (opened) {\n      lastActiveElement.current = document.activeElement as HTMLElement;\n    } else if (shouldReturnFocus) {\n      timeout = window.setTimeout(returnFocus, transitionDuration + 10);\n    }\n\n    return () => {\n      window.clearTimeout(timeout);\n      document.removeEventListener('keydown', clearFocusTimeout);\n    };\n  }, [opened]);\n\n  return returnFocus;\n}\n"],"names":["useRef","useDidUpdate"],"mappings":";;;;;;;AAEO,SAAS,cAAc,CAAC;AAC/B,EAAE,MAAM;AACR,EAAE,kBAAkB;AACpB,EAAE,iBAAiB,GAAG,IAAI;AAC1B,CAAC,EAAE;AACH,EAAE,MAAM,iBAAiB,GAAGA,YAAM,EAAE,CAAC;AACrC,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,iBAAiB,CAAC,OAAO,IAAI,OAAO,IAAI,iBAAiB,CAAC,OAAO,IAAI,OAAO,iBAAiB,CAAC,OAAO,CAAC,KAAK,KAAK,UAAU,EAAE;AACpI,MAAM,CAAC,EAAE,GAAG,iBAAiB,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC;AACrE,KAAK;AACL,GAAG,CAAC;AACJ,EAAEC,yBAAY,CAAC,MAAM;AACrB,IAAI,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC;AACrB,IAAI,MAAM,iBAAiB,GAAG,CAAC,KAAK,KAAK;AACzC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AAC/B,QAAQ,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACrC,OAAO;AACP,KAAK,CAAC;AACN,IAAI,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAC5D,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,iBAAiB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC;AACzD,KAAK,MAAM,IAAI,iBAAiB,EAAE;AAClC,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,kBAAkB,GAAG,EAAE,CAAC,CAAC;AACxE,KAAK;AACL,IAAI,OAAO,MAAM;AACjB,MAAM,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACnC,MAAM,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AACjE,KAAK,CAAC;AACN,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,EAAE,OAAO,WAAW,CAAC;AACrB;;;;"}

package/cjs/use-focus-trap/use-focus-trap.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 var tabbable = require('./tabbable.js');
 var scopeTab = require('./scope-tab.js');
 var createAriaHider = require('./create-aria-hider.js');
 
 function useFocusTrap(active = true) {
-  const ref = react.useRef();
-  const restoreAria = react.useRef(null);
-  const setRef = react.useCallback((node) => {
+  const ref = React.useRef();
+  const restoreAria = React.useRef(null);
+  const setRef = React.useCallback((node) => {
     if (!active) {
       return;
     }
@@ -45,7 +45,7 @@ function useFocusTrap(active = true) {
       ref.current = null;
     }
   }, [active]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!active) {
       return void 0;
     }

package/cjs/use-focus-within/use-focus-within.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 function containsRelatedTarget(event) {
   if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {
@@ -14,9 +14,9 @@ function useFocusWithin({
   onBlur,
   onFocus
 } = {}) {
-  const ref = react.useRef();
-  const [focused, _setFocused] = react.useState(false);
-  const focusedRef = react.useRef(false);
+  const ref = React.useRef();
+  const [focused, _setFocused] = React.useState(false);
+  const focusedRef = React.useRef(false);
   const setFocused = (value) => {
     _setFocused(value);
     focusedRef.current = value;
@@ -33,7 +33,7 @@ function useFocusWithin({
       onBlur == null ? void 0 : onBlur(event);
     }
   };
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (ref.current) {
       ref.current.addEventListener("focusin", handleFocusIn);
       ref.current.addEventListener("focusout", handleFocusOut);

package/cjs/use-force-update/use-force-update.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 const reducer = (value) => (value + 1) % 1e6;
 function useForceUpdate() {
-  const [, update] = react.useReducer(reducer, 0);
+  const [, update] = React.useReducer(reducer, 0);
   return update;
 }
 

package/cjs/use-fullscreen/use-fullscreen.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 function getFullscreenElement() {
   const _document = window.document;
@@ -43,30 +43,30 @@ function addEvents(element, {
   };
 }
 function useFullscreen() {
-  const [fullscreen, setFullscreen] = react.useState(false);
-  const _ref = react.useRef();
-  const handleFullscreenChange = react.useCallback((event) => {
+  const [fullscreen, setFullscreen] = React.useState(false);
+  const _ref = React.useRef();
+  const handleFullscreenChange = React.useCallback((event) => {
     setFullscreen(event.target === getFullscreenElement());
   }, [setFullscreen]);
-  const handleFullscreenError = react.useCallback((event) => {
+  const handleFullscreenError = React.useCallback((event) => {
     setFullscreen(false);
     console.error(`[@mantine/hooks] use-fullscreen: Error attempting full-screen mode method: ${event} (${event.target})`);
   }, [setFullscreen]);
-  const toggle = react.useCallback(async () => {
+  const toggle = React.useCallback(async () => {
     if (!getFullscreenElement()) {
       await enterFullScreen(_ref.current);
     } else {
       await exitFullscreen();
     }
   }, []);
-  const ref = react.useCallback((element) => {
+  const ref = React.useCallback((element) => {
     if (element === null) {
       _ref.current = window.document.documentElement;
     } else {
       _ref.current = element;
     }
   }, []);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!_ref.current && window.document) {
       _ref.current = window.document.documentElement;
       return addEvents(_ref.current, {

package/cjs/use-hash/use-hash.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 var useWindowEvent = require('../use-window-event/use-window-event.js');
 
 function useHash() {
-  const [hash, setHashValue] = react.useState(typeof window !== "undefined" ? window.location.hash : "");
+  const [hash, setHashValue] = React.useState(typeof window !== "undefined" ? window.location.hash : "");
   const setHash = (value) => {
     window.location.hash = value;
     setHashValue(value);

package/cjs/use-hotkeys/use-hotkeys.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 var parseHotkey = require('./parse-hotkey.js');
 
 function shouldFireEvent(event) {
@@ -12,7 +12,7 @@ function shouldFireEvent(event) {
   return true;
 }
 function useHotkeys(hotkeys) {
-  react.useEffect(() => {
+  React.useEffect(() => {
     const keydownListener = (event) => {
       hotkeys.forEach(([hotkey, handler]) => {
         if (parseHotkey.getHotkeyMatcher(hotkey)(event) && shouldFireEvent(event)) {

package/cjs/use-hover/use-hover.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 function useHover() {
-  const [hovered, setHovered] = react.useState(false);
-  const ref = react.useRef(null);
-  const onMouseEnter = react.useCallback(() => setHovered(true), []);
-  const onMouseLeave = react.useCallback(() => setHovered(false), []);
-  react.useEffect(() => {
+  const [hovered, setHovered] = React.useState(false);
+  const ref = React.useRef(null);
+  const onMouseEnter = React.useCallback(() => setHovered(true), []);
+  const onMouseLeave = React.useCallback(() => setHovered(false), []);
+  React.useEffect(() => {
     if (ref.current) {
       ref.current.addEventListener("mouseenter", onMouseEnter);
       ref.current.addEventListener("mouseleave", onMouseLeave);

package/cjs/use-id/use-id.js

@@ -2,12 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
-var randomId = require('../utils/random-id/random-id.js');
+var React = require('react');
 
-function useId(id, generateId = randomId.randomId) {
-  const generatedId = react.useRef(generateId());
-  return id || generatedId.current;
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const randomId = () => `mantine-${Math.random().toString(36).slice(2, 11)}`;
+const useIsomorphicEffect = typeof document !== "undefined" ? React.useLayoutEffect : React.useEffect;
+const useReactId = React__default["useId".toString()] || (() => void 0);
+function useClientId() {
+  const [uuid, setUuid] = React.useState("");
+  useIsomorphicEffect(() => {
+    setUuid(randomId());
+  }, []);
+  return uuid;
+}
+function getReactId() {
+  const id = useReactId();
+  return id ? `mantine-${id.replaceAll(":", "")}` : "";
+}
+function useId(staticId) {
+  return typeof staticId === "string" ? staticId : getReactId() || useClientId();
 }
 
 exports.useId = useId;

package/cjs/use-id/use-id.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-id.js","sources":["../../src/use-id/use-id.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { randomId } from '../utils';\n\nexport function useId(id?: string, generateId: () => string = randomId) {\n  const generatedId = useRef(generateId());\n  return id || generatedId.current;\n}\n"],"names":["randomId","useRef"],"mappings":";;;;;;;AAEO,SAAS,KAAK,CAAC,EAAE,EAAE,UAAU,GAAGA,iBAAQ,EAAE;AACjD,EAAE,MAAM,WAAW,GAAGC,YAAM,CAAC,UAAU,EAAE,CAAC,CAAC;AAC3C,EAAE,OAAO,EAAE,IAAI,WAAW,CAAC,OAAO,CAAC;AACnC;;;;"}
+{"version":3,"file":"use-id.js","sources":["../../src/use-id/use-id.ts"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\n\nconst randomId = () => `mantine-${Math.random().toString(36).slice(2, 11)}`;\n\nconst useIsomorphicEffect = typeof document !== 'undefined' ? useLayoutEffect : useEffect;\n\nconst useReactId: () => string | undefined =\n  (React as any)['useId'.toString()] || (() => undefined);\n\nfunction useClientId() {\n  const [uuid, setUuid] = useState('');\n\n  useIsomorphicEffect(() => {\n    setUuid(randomId());\n  }, []);\n\n  return uuid;\n}\n\nfunction getReactId() {\n  const id = useReactId();\n  return id ? `mantine-${id.replaceAll(':', '')}` : '';\n}\n\nexport function useId(staticId?: string) {\n  return typeof staticId === 'string' ? staticId : getReactId() || useClientId();\n}\n"],"names":["useLayoutEffect","useEffect","React","useState"],"mappings":";;;;;;;;;;AACA,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAC5E,MAAM,mBAAmB,GAAG,OAAO,QAAQ,KAAK,WAAW,GAAGA,qBAAe,GAAGC,eAAS,CAAC;AAC1F,MAAM,UAAU,GAAGC,cAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC,CAAC;AAC/D,SAAS,WAAW,GAAG;AACvB,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC,CAAC;AACvC,EAAE,mBAAmB,CAAC,MAAM;AAC5B,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;AACxB,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,SAAS,UAAU,GAAG;AACtB,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,CAAC;AAC1B,EAAE,OAAO,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;AACvD,CAAC;AACM,SAAS,KAAK,CAAC,QAAQ,EAAE;AAChC,EAAE,OAAO,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,UAAU,EAAE,IAAI,WAAW,EAAE,CAAC;AACjF;;;;"}

package/cjs/use-idle/use-idle.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -27,9 +27,9 @@ const DEFAULT_OPTIONS = {
 };
 function useIdle(timeout, options) {
   const { events, initialState } = __spreadValues(__spreadValues({}, DEFAULT_OPTIONS), options);
-  const [idle, setIdle] = react.useState(initialState);
-  const timer = react.useRef();
-  react.useEffect(() => {
+  const [idle, setIdle] = React.useState(initialState);
+  const timer = React.useRef();
+  React.useEffect(() => {
     const handleEvents = () => {
       setIdle(false);
       if (timer.current) {

package/cjs/use-input-state/use-input-state.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 function getInputOnChange(setValue) {
   return (val) => {
@@ -23,7 +23,7 @@ function getInputOnChange(setValue) {
   };
 }
 function useInputState(initialState) {
-  const [value, setValue] = react.useState(initialState);
+  const [value, setValue] = React.useState(initialState);
   return [value, getInputOnChange(setValue)];
 }
 

package/cjs/use-intersection/use-intersection.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 function useIntersection(options) {
-  const [entry, setEntry] = react.useState(null);
-  const observer = react.useRef();
-  const ref = react.useCallback((element) => {
+  const [entry, setEntry] = React.useState(null);
+  const observer = React.useRef();
+  const ref = React.useCallback((element) => {
     if (observer.current) {
       observer.current.disconnect();
       observer.current = null;
@@ -21,7 +21,7 @@ function useIntersection(options) {
     }, options);
     observer.current.observe(element);
   }, [options == null ? void 0 : options.rootMargin, options == null ? void 0 : options.root, options == null ? void 0 : options.threshold]);
-  return [ref, entry];
+  return { ref, entry };
 }
 
 exports.useIntersection = useIntersection;

package/cjs/use-intersection/use-intersection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-intersection.js","sources":["../../src/use-intersection/use-intersection.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nexport function useIntersection<T extends HTMLElement = any>(\n  options?: ConstructorParameters<typeof IntersectionObserver>[1]\n): readonly [(element: T | null) => void, IntersectionObserverEntry | null] {\n  const [entry, setEntry] = useState<IntersectionObserverEntry>(null);\n\n  const observer = useRef<IntersectionObserver>();\n\n  const ref = useCallback(\n    (element: T | null) => {\n      if (observer.current) {\n        observer.current.disconnect();\n        observer.current = null;\n      }\n\n      if (element === null) {\n        setEntry(null);\n        return;\n      }\n\n      observer.current = new IntersectionObserver(([_entry]) => {\n        setEntry(_entry);\n      }, options);\n\n      observer.current.observe(element);\n    },\n    [options?.rootMargin, options?.root, options?.threshold]\n  );\n\n  return [ref, entry] as const;\n}\n"],"names":["useState","useRef","useCallback"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,OAAO,EAAE;AACzC,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;AAC3C,EAAE,MAAM,QAAQ,GAAGC,YAAM,EAAE,CAAC;AAC5B,EAAE,MAAM,GAAG,GAAGC,iBAAW,CAAC,CAAC,OAAO,KAAK;AACvC,IAAI,IAAI,QAAQ,CAAC,OAAO,EAAE;AAC1B,MAAM,QAAQ,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;AACpC,MAAM,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AAC9B,KAAK;AACL,IAAI,IAAI,OAAO,KAAK,IAAI,EAAE;AAC1B,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;AACrB,MAAM,OAAO;AACb,KAAK;AACL,IAAI,QAAQ,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK;AAC9D,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AACvB,KAAK,EAAE,OAAO,CAAC,CAAC;AAChB,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AACtC,GAAG,EAAE,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,UAAU,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AAC7I,EAAE,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AACtB;;;;"}
+{"version":3,"file":"use-intersection.js","sources":["../../src/use-intersection/use-intersection.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nexport function useIntersection<T extends HTMLElement = any>(\n  options?: ConstructorParameters<typeof IntersectionObserver>[1]\n) {\n  const [entry, setEntry] = useState<IntersectionObserverEntry>(null);\n\n  const observer = useRef<IntersectionObserver>();\n\n  const ref = useCallback(\n    (element: T | null) => {\n      if (observer.current) {\n        observer.current.disconnect();\n        observer.current = null;\n      }\n\n      if (element === null) {\n        setEntry(null);\n        return;\n      }\n\n      observer.current = new IntersectionObserver(([_entry]) => {\n        setEntry(_entry);\n      }, options);\n\n      observer.current.observe(element);\n    },\n    [options?.rootMargin, options?.root, options?.threshold]\n  );\n\n  return { ref, entry };\n}\n"],"names":["useState","useRef","useCallback"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,OAAO,EAAE;AACzC,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;AAC3C,EAAE,MAAM,QAAQ,GAAGC,YAAM,EAAE,CAAC;AAC5B,EAAE,MAAM,GAAG,GAAGC,iBAAW,CAAC,CAAC,OAAO,KAAK;AACvC,IAAI,IAAI,QAAQ,CAAC,OAAO,EAAE;AAC1B,MAAM,QAAQ,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;AACpC,MAAM,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AAC9B,KAAK;AACL,IAAI,IAAI,OAAO,KAAK,IAAI,EAAE;AAC1B,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;AACrB,MAAM,OAAO;AACb,KAAK;AACL,IAAI,QAAQ,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK;AAC9D,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AACvB,KAAK,EAAE,OAAO,CAAC,CAAC;AAChB,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AACtC,GAAG,EAAE,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,UAAU,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AAC7I,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AACxB;;;;"}

package/cjs/use-interval/use-interval.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var React = require('react');
 
 function useInterval(fn, interval) {
-  const [active, setActive] = react.useState(false);
-  const intervalRef = react.useRef();
+  const [active, setActive] = React.useState(false);
+  const intervalRef = React.useRef();
   const start = () => {
     setActive((old) => {
       if (!old) {