@basic-ui/core 0.0.54 → 0.0.57

package/build/esm/Tooltip/stateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateMachine.js","names":["createSubscription","restTimeout","startRestTimer","clearTimeout","setTimeout","send","Rest","undefined","clearRestTimer","leavingVisibleTimer","startLeavingVisibleTimer","TimeComplete","clearLeavingVisibleTimer","Idle","Focused","Visible","LeavingVisible","Dismissed","Blur","Focus","GlobalMouseMove","MouseDown","MouseEnter","MouseLeave","MouseMove","SelectWithKeyboard","subscription","state","current","id","clearContextId","chart","initial","states","enter","on","leave","transition","currentState","event","payload","currentStateValue","stateDef","nextState","nextStateValue","nextDef","notify"],"sources":["../../../src/Tooltip/stateMachine.ts"],"sourcesContent":["import { createSubscription } from '../utils/create-subscription';\r\nimport type { StateChart as GenericStateChart } from '../hooks/useReducerMachine';\r\n\r\n////////////////////////////////////////////////////////////////////////////////\r\n// Timeouts:\r\n\r\n// Manages when the user \"rests\" on an element. Keeps the interface from being\r\n// flashing tooltips all the time as the user moves the mouse around the screen.\r\nlet restTimeout: NodeJS.Timeout;\r\nfunction startRestTimer() {\r\n  clearTimeout(restTimeout);\r\n  restTimeout = setTimeout(() => {\r\n    send(Rest, undefined);\r\n  }, 200);\r\n}\r\n\r\nfunction clearRestTimer() {\r\n  clearTimeout(restTimeout);\r\n}\r\n\r\n// Manages the delay to hide the tooltip after rest leaves.\r\nlet leavingVisibleTimer: NodeJS.Timeout;\r\nfunction startLeavingVisibleTimer() {\r\n  clearTimeout(leavingVisibleTimer);\r\n  leavingVisibleTimer = setTimeout(() => send(TimeComplete, undefined), 100);\r\n}\r\n\r\nfunction clearLeavingVisibleTimer() {\r\n  clearTimeout(leavingVisibleTimer);\r\n}\r\n\r\n////////////////////////////////////////////////////////////////////////////////\r\n// State machine\r\n\r\nexport type TooltipStates =\r\n  | 'IDLE'\r\n  | 'FOCUSED'\r\n  | 'VISIBLE'\r\n  | 'LEAVING_VISIBLE'\r\n  | 'DISMISSED';\r\n\r\n// Nothing goin' on\r\nexport const Idle = 'IDLE' as const;\r\n// We're considering showing the tooltip, but we're gonna wait a sec\r\nexport const Focused = 'FOCUSED' as const;\r\n// It's on!\r\nexport const Visible = 'VISIBLE' as const;\r\n// Focus has left, but we want to keep it visible for a sec\r\nexport const LeavingVisible = 'LEAVING_VISIBLE' as const;\r\n// The user clicked the tool, so we want to hide the thing, we can't just use\r\n// IDLE because we need to ignore mousemove, etc.\r\nexport const Dismissed = 'DISMISSED' as const;\r\n\r\nexport type TooltipEventTypes =\r\n  | 'BLUR'\r\n  | 'FOCUS'\r\n  | 'GLOBAL_MOUSE_MOVE'\r\n  | 'MOUSE_DOWN'\r\n  | 'MOUSE_ENTER'\r\n  | 'MOUSE_LEAVE'\r\n  | 'MOUSE_MOVE'\r\n  | 'REST'\r\n  | 'SELECT_WITH_KEYBOARD'\r\n  | 'TIME_COMPLETE';\r\n\r\nexport const Blur = 'BLUR' as const;\r\nexport const Focus = 'FOCUS' as const;\r\nexport const GlobalMouseMove = 'GLOBAL_MOUSE_MOVE' as const;\r\nexport const MouseDown = 'MOUSE_DOWN' as const;\r\nexport const MouseEnter = 'MOUSE_ENTER' as const;\r\nexport const MouseLeave = 'MOUSE_LEAVE' as const;\r\nexport const MouseMove = 'MOUSE_MOVE' as const;\r\nexport const Rest = 'REST' as const;\r\nexport const SelectWithKeyboard = 'SELECT_WITH_KEYBOARD' as const;\r\nexport const TimeComplete = 'TIME_COMPLETE' as const;\r\n\r\nexport const subscription = createSubscription();\r\nexport const state = {\r\n  current: {\r\n    state: Idle as TooltipStates,\r\n    id: '',\r\n  },\r\n};\r\n\r\nfunction clearContextId() {\r\n  state.current.id = '';\r\n}\r\n\r\nconst chart: GenericStateChart<TooltipStates, TooltipEventTypes> = {\r\n  initial: Idle,\r\n  states: {\r\n    [Idle]: {\r\n      enter: () => {\r\n        clearContextId();\r\n      },\r\n      on: {\r\n        [MouseEnter]: Focused,\r\n        [Focus]: Visible,\r\n      },\r\n    },\r\n    [Focused]: {\r\n      enter: startRestTimer,\r\n      leave: clearRestTimer,\r\n      on: {\r\n        [MouseMove]: Focused,\r\n        [MouseLeave]: Idle,\r\n        [MouseDown]: Dismissed,\r\n        [Blur]: Idle,\r\n        [Rest]: Visible,\r\n      },\r\n    },\r\n    [Visible]: {\r\n      on: {\r\n        [Focus]: Focused,\r\n        [MouseEnter]: Focused,\r\n        [MouseLeave]: LeavingVisible,\r\n        [Blur]: LeavingVisible,\r\n        [MouseDown]: Dismissed,\r\n        [SelectWithKeyboard]: Dismissed,\r\n        [GlobalMouseMove]: LeavingVisible,\r\n      },\r\n    },\r\n    [LeavingVisible]: {\r\n      enter: () => {\r\n        startLeavingVisibleTimer();\r\n      },\r\n      leave: () => {\r\n        clearLeavingVisibleTimer();\r\n        clearContextId();\r\n      },\r\n      on: {\r\n        [MouseEnter]: Visible,\r\n        [Focus]: Visible,\r\n        [TimeComplete]: Idle,\r\n      },\r\n    },\r\n    [Dismissed]: {\r\n      leave: () => {\r\n        clearContextId();\r\n      },\r\n      on: {\r\n        [MouseLeave]: Idle,\r\n        [Blur]: Idle,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nfunction transition(\r\n  currentState: typeof state['current'],\r\n  event: TooltipEventTypes,\r\n  payload?: Omit<typeof state['current'], 'state'>\r\n): typeof state['current'] {\r\n  const currentStateValue = currentState.state;\r\n  const stateDef = chart.states[currentState.state];\r\n  const nextState = stateDef?.on?.[event];\r\n\r\n  // Really useful for debugging\r\n  // console.log({\r\n  //   event,\r\n  //   state: state.current.state,\r\n  //   id: state.current.id,\r\n  //   nextState,\r\n  // });\r\n\r\n  if (!nextState) {\r\n    return currentState;\r\n  }\r\n\r\n  if (stateDef && stateDef.leave) {\r\n    stateDef.leave(currentStateValue, payload);\r\n  }\r\n\r\n  const nextStateValue = nextState;\r\n  const nextDef = chart.states[nextStateValue];\r\n  if (nextDef && nextDef.enter) {\r\n    nextDef.enter(nextStateValue, payload);\r\n  }\r\n\r\n  return { ...currentState, ...payload, state: nextStateValue };\r\n}\r\n\r\nexport function send<T extends TooltipEventTypes>(\r\n  event: T,\r\n  payload?: Omit<typeof state['current'], 'state'>\r\n) {\r\n  const nextState = transition(state.current, event, payload);\r\n  if (state.current !== nextState) {\r\n    state.current = nextState;\r\n    subscription.notify();\r\n  }\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"stateMachine.js","names":["createSubscription","restTimeout","startRestTimer","clearTimeout","setTimeout","send","Rest","undefined","clearRestTimer","leavingVisibleTimer","startLeavingVisibleTimer","TimeComplete","clearLeavingVisibleTimer","Idle","Focused","Visible","LeavingVisible","Dismissed","Blur","Focus","GlobalMouseMove","MouseDown","MouseEnter","MouseLeave","MouseMove","SelectWithKeyboard","subscription","state","current","id","clearContextId","chart","initial","states","enter","on","leave","transition","currentState","event","payload","currentStateValue","stateDef","nextState","nextStateValue","nextDef","notify"],"sources":["../../../src/Tooltip/stateMachine.ts"],"sourcesContent":["import { createSubscription } from '../utils/create-subscription';\nimport type { StateChart as GenericStateChart } from '../hooks/useReducerMachine';\n\n////////////////////////////////////////////////////////////////////////////////\n// Timeouts:\n\n// Manages when the user \"rests\" on an element. Keeps the interface from being\n// flashing tooltips all the time as the user moves the mouse around the screen.\nlet restTimeout: NodeJS.Timeout;\nfunction startRestTimer() {\n  clearTimeout(restTimeout);\n  restTimeout = setTimeout(() => {\n    send(Rest, undefined);\n  }, 200);\n}\n\nfunction clearRestTimer() {\n  clearTimeout(restTimeout);\n}\n\n// Manages the delay to hide the tooltip after rest leaves.\nlet leavingVisibleTimer: NodeJS.Timeout;\nfunction startLeavingVisibleTimer() {\n  clearTimeout(leavingVisibleTimer);\n  leavingVisibleTimer = setTimeout(() => send(TimeComplete, undefined), 100);\n}\n\nfunction clearLeavingVisibleTimer() {\n  clearTimeout(leavingVisibleTimer);\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// State machine\n\nexport type TooltipStates =\n  | 'IDLE'\n  | 'FOCUSED'\n  | 'VISIBLE'\n  | 'LEAVING_VISIBLE'\n  | 'DISMISSED';\n\n// Nothing goin' on\nexport const Idle = 'IDLE' as const;\n// We're considering showing the tooltip, but we're gonna wait a sec\nexport const Focused = 'FOCUSED' as const;\n// It's on!\nexport const Visible = 'VISIBLE' as const;\n// Focus has left, but we want to keep it visible for a sec\nexport const LeavingVisible = 'LEAVING_VISIBLE' as const;\n// The user clicked the tool, so we want to hide the thing, we can't just use\n// IDLE because we need to ignore mousemove, etc.\nexport const Dismissed = 'DISMISSED' as const;\n\nexport type TooltipEventTypes =\n  | 'BLUR'\n  | 'FOCUS'\n  | 'GLOBAL_MOUSE_MOVE'\n  | 'MOUSE_DOWN'\n  | 'MOUSE_ENTER'\n  | 'MOUSE_LEAVE'\n  | 'MOUSE_MOVE'\n  | 'REST'\n  | 'SELECT_WITH_KEYBOARD'\n  | 'TIME_COMPLETE';\n\nexport const Blur = 'BLUR' as const;\nexport const Focus = 'FOCUS' as const;\nexport const GlobalMouseMove = 'GLOBAL_MOUSE_MOVE' as const;\nexport const MouseDown = 'MOUSE_DOWN' as const;\nexport const MouseEnter = 'MOUSE_ENTER' as const;\nexport const MouseLeave = 'MOUSE_LEAVE' as const;\nexport const MouseMove = 'MOUSE_MOVE' as const;\nexport const Rest = 'REST' as const;\nexport const SelectWithKeyboard = 'SELECT_WITH_KEYBOARD' as const;\nexport const TimeComplete = 'TIME_COMPLETE' as const;\n\nexport const subscription = createSubscription();\nexport const state = {\n  current: {\n    state: Idle as TooltipStates,\n    id: '',\n  },\n};\n\nfunction clearContextId() {\n  state.current.id = '';\n}\n\nconst chart: GenericStateChart<TooltipStates, TooltipEventTypes> = {\n  initial: Idle,\n  states: {\n    [Idle]: {\n      enter: () => {\n        clearContextId();\n      },\n      on: {\n        [MouseEnter]: Focused,\n        [Focus]: Visible,\n      },\n    },\n    [Focused]: {\n      enter: startRestTimer,\n      leave: clearRestTimer,\n      on: {\n        [MouseMove]: Focused,\n        [MouseLeave]: Idle,\n        [MouseDown]: Dismissed,\n        [Blur]: Idle,\n        [Rest]: Visible,\n      },\n    },\n    [Visible]: {\n      on: {\n        [Focus]: Focused,\n        [MouseEnter]: Focused,\n        [MouseLeave]: LeavingVisible,\n        [Blur]: LeavingVisible,\n        [MouseDown]: Dismissed,\n        [SelectWithKeyboard]: Dismissed,\n        [GlobalMouseMove]: LeavingVisible,\n      },\n    },\n    [LeavingVisible]: {\n      enter: () => {\n        startLeavingVisibleTimer();\n      },\n      leave: () => {\n        clearLeavingVisibleTimer();\n        clearContextId();\n      },\n      on: {\n        [MouseEnter]: Visible,\n        [Focus]: Visible,\n        [TimeComplete]: Idle,\n      },\n    },\n    [Dismissed]: {\n      leave: () => {\n        clearContextId();\n      },\n      on: {\n        [MouseLeave]: Idle,\n        [Blur]: Idle,\n      },\n    },\n  },\n};\n\nfunction transition(\n  currentState: typeof state['current'],\n  event: TooltipEventTypes,\n  payload?: Omit<typeof state['current'], 'state'>\n): typeof state['current'] {\n  const currentStateValue = currentState.state;\n  const stateDef = chart.states[currentState.state];\n  const nextState = stateDef?.on?.[event];\n\n  // Really useful for debugging\n  // console.log({\n  //   event,\n  //   state: state.current.state,\n  //   id: state.current.id,\n  //   nextState,\n  // });\n\n  if (!nextState) {\n    return currentState;\n  }\n\n  if (stateDef && stateDef.leave) {\n    stateDef.leave(currentStateValue, payload);\n  }\n\n  const nextStateValue = nextState;\n  const nextDef = chart.states[nextStateValue];\n  if (nextDef && nextDef.enter) {\n    nextDef.enter(nextStateValue, payload);\n  }\n\n  return { ...currentState, ...payload, state: nextStateValue };\n}\n\nexport function send<T extends TooltipEventTypes>(\n  event: T,\n  payload?: Omit<typeof state['current'], 'state'>\n) {\n  const nextState = transition(state.current, event, payload);\n  if (state.current !== nextState) {\n    state.current = nextState;\n    subscription.notify();\n  }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,8BAA8B;AAGjE;AACA;;AAEA;AACA;AACA,IAAIC,WAA2B;AAC/B,SAASC,cAAcA,CAAA,EAAG;EACxBC,YAAY,CAACF,WAAW,CAAC;EACzBA,WAAW,GAAGG,UAAU,CAAC,MAAM;IAC7BC,IAAI,CAACC,IAAI,EAAEC,SAAS,CAAC;EACvB,CAAC,EAAE,GAAG,CAAC;AACT;AAEA,SAASC,cAAcA,CAAA,EAAG;EACxBL,YAAY,CAACF,WAAW,CAAC;AAC3B;;AAEA;AACA,IAAIQ,mBAAmC;AACvC,SAASC,wBAAwBA,CAAA,EAAG;EAClCP,YAAY,CAACM,mBAAmB,CAAC;EACjCA,mBAAmB,GAAGL,UAAU,CAAC,MAAMC,IAAI,CAACM,YAAY,EAAEJ,SAAS,CAAC,EAAE,GAAG,CAAC;AAC5E;AAEA,SAASK,wBAAwBA,CAAA,EAAG;EAClCT,YAAY,CAACM,mBAAmB,CAAC;AACnC;;AAEA;AACA;;AASA;AACA,OAAO,MAAMI,IAAI,GAAG,MAAe;AACnC;AACA,OAAO,MAAMC,OAAO,GAAG,SAAkB;AACzC;AACA,OAAO,MAAMC,OAAO,GAAG,SAAkB;AACzC;AACA,OAAO,MAAMC,cAAc,GAAG,iBAA0B;AACxD;AACA;AACA,OAAO,MAAMC,SAAS,GAAG,WAAoB;AAc7C,OAAO,MAAMC,IAAI,GAAG,MAAe;AACnC,OAAO,MAAMC,KAAK,GAAG,OAAgB;AACrC,OAAO,MAAMC,eAAe,GAAG,mBAA4B;AAC3D,OAAO,MAAMC,SAAS,GAAG,YAAqB;AAC9C,OAAO,MAAMC,UAAU,GAAG,aAAsB;AAChD,OAAO,MAAMC,UAAU,GAAG,aAAsB;AAChD,OAAO,MAAMC,SAAS,GAAG,YAAqB;AAC9C,OAAO,MAAMlB,IAAI,GAAG,MAAe;AACnC,OAAO,MAAMmB,kBAAkB,GAAG,sBAA+B;AACjE,OAAO,MAAMd,YAAY,GAAG,eAAwB;AAEpD,OAAO,MAAMe,YAAY,GAAG1B,kBAAkB,CAAC,CAAC;AAChD,OAAO,MAAM2B,KAAK,GAAG;EACnBC,OAAO,EAAE;IACPD,KAAK,EAAEd,IAAqB;IAC5BgB,EAAE,EAAE;EACN;AACF,CAAC;AAED,SAASC,cAAcA,CAAA,EAAG;EACxBH,KAAK,CAACC,OAAO,CAACC,EAAE,GAAG,EAAE;AACvB;AAEA,MAAME,KAA0D,GAAG;EACjEC,OAAO,EAAEnB,IAAI;EACboB,MAAM,EAAE;IACN,CAACpB,IAAI,GAAG;MACNqB,KAAK,EAAEA,CAAA,KAAM;QACXJ,cAAc,CAAC,CAAC;MAClB,CAAC;MACDK,EAAE,EAAE;QACF,CAACb,UAAU,GAAGR,OAAO;QACrB,CAACK,KAAK,GAAGJ;MACX;IACF,CAAC;IACD,CAACD,OAAO,GAAG;MACToB,KAAK,EAAEhC,cAAc;MACrBkC,KAAK,EAAE5B,cAAc;MACrB2B,EAAE,EAAE;QACF,CAACX,SAAS,GAAGV,OAAO;QACpB,CAACS,UAAU,GAAGV,IAAI;QAClB,CAACQ,SAAS,GAAGJ,SAAS;QACtB,CAACC,IAAI,GAAGL,IAAI;QACZ,CAACP,IAAI,GAAGS;MACV;IACF,CAAC;IACD,CAACA,OAAO,GAAG;MACToB,EAAE,EAAE;QACF,CAAChB,KAAK,GAAGL,OAAO;QAChB,CAACQ,UAAU,GAAGR,OAAO;QACrB,CAACS,UAAU,GAAGP,cAAc;QAC5B,CAACE,IAAI,GAAGF,cAAc;QACtB,CAACK,SAAS,GAAGJ,SAAS;QACtB,CAACQ,kBAAkB,GAAGR,SAAS;QAC/B,CAACG,eAAe,GAAGJ;MACrB;IACF,CAAC;IACD,CAACA,cAAc,GAAG;MAChBkB,KAAK,EAAEA,CAAA,KAAM;QACXxB,wBAAwB,CAAC,CAAC;MAC5B,CAAC;MACD0B,KAAK,EAAEA,CAAA,KAAM;QACXxB,wBAAwB,CAAC,CAAC;QAC1BkB,cAAc,CAAC,CAAC;MAClB,CAAC;MACDK,EAAE,EAAE;QACF,CAACb,UAAU,GAAGP,OAAO;QACrB,CAACI,KAAK,GAAGJ,OAAO;QAChB,CAACJ,YAAY,GAAGE;MAClB;IACF,CAAC;IACD,CAACI,SAAS,GAAG;MACXmB,KAAK,EAAEA,CAAA,KAAM;QACXN,cAAc,CAAC,CAAC;MAClB,CAAC;MACDK,EAAE,EAAE;QACF,CAACZ,UAAU,GAAGV,IAAI;QAClB,CAACK,IAAI,GAAGL;MACV;IACF;EACF;AACF,CAAC;AAED,SAASwB,UAAUA,CACjBC,YAAqC,EACrCC,KAAwB,EACxBC,OAAgD,EACvB;EACzB,MAAMC,iBAAiB,GAAGH,YAAY,CAACX,KAAK;EAC5C,MAAMe,QAAQ,GAAGX,KAAK,CAACE,MAAM,CAACK,YAAY,CAACX,KAAK,CAAC;EACjD,MAAMgB,SAAS,GAAGD,QAAQ,EAAEP,EAAE,GAAGI,KAAK,CAAC;;EAEvC;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,IAAI,CAACI,SAAS,EAAE;IACd,OAAOL,YAAY;EACrB;EAEA,IAAII,QAAQ,IAAIA,QAAQ,CAACN,KAAK,EAAE;IAC9BM,QAAQ,CAACN,KAAK,CAACK,iBAAiB,EAAED,OAAO,CAAC;EAC5C;EAEA,MAAMI,cAAc,GAAGD,SAAS;EAChC,MAAME,OAAO,GAAGd,KAAK,CAACE,MAAM,CAACW,cAAc,CAAC;EAC5C,IAAIC,OAAO,IAAIA,OAAO,CAACX,KAAK,EAAE;IAC5BW,OAAO,CAACX,KAAK,CAACU,cAAc,EAAEJ,OAAO,CAAC;EACxC;EAEA,OAAO;IAAE,GAAGF,YAAY;IAAE,GAAGE,OAAO;IAAEb,KAAK,EAAEiB;EAAe,CAAC;AAC/D;AAEA,OAAO,SAASvC,IAAIA,CAClBkC,KAAQ,EACRC,OAAgD,EAChD;EACA,MAAMG,SAAS,GAAGN,UAAU,CAACV,KAAK,CAACC,OAAO,EAAEW,KAAK,EAAEC,OAAO,CAAC;EAC3D,IAAIb,KAAK,CAACC,OAAO,KAAKe,SAAS,EAAE;IAC/BhB,KAAK,CAACC,OAAO,GAAGe,SAAS;IACzBjB,YAAY,CAACoB,MAAM,CAAC,CAAC;EACvB;AACF","ignoreList":[]}

package/build/esm/Tooltip/useTooltip.d.ts

@@ -1,10 +1,10 @@
-import type { HTMLAttributes, ReactNode, Ref, RefAttributes, RefObject } from 'react';
-export declare type ChildProps = HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>;
-export interface InjectedTooltipProps extends HTMLAttributes<HTMLElement> {
-    anchorEl: RefObject<HTMLElement>;
-    visible: boolean;
-    children?: ReactNode;
-}
-export declare function useTooltip(childProps: ChildProps, childRef: Ref<HTMLElement> | undefined, tooltipProps: HTMLAttributes<HTMLElement> & {
-    label?: ReactNode;
-}): [ChildProps, InjectedTooltipProps];
+import type { HTMLAttributes, ReactNode, Ref, RefAttributes, RefObject } from 'react';
+export type ChildProps = HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>;
+export interface InjectedTooltipProps extends HTMLAttributes<HTMLElement> {
+    anchorEl: RefObject<HTMLElement | null>;
+    visible: boolean;
+    children?: ReactNode;
+}
+export declare function useTooltip(childProps: ChildProps, childRef: Ref<HTMLElement> | undefined, tooltipProps: HTMLAttributes<HTMLElement> & {
+    label?: ReactNode;
+}): [ChildProps, InjectedTooltipProps];

package/build/esm/Tooltip/useTooltip.js

@@ -1,87 +1,74 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["label", "onMouseEnter", "onMouseLeave", "onMouseMove"];
 import { useRef, useEffect, useState, useId } from 'react';
 import { assignMultipleRefs } from '../utils/assign-ref';
 import { wrapEvent } from '../utils/wrap-event';
 import { send, state, subscription, Blur, Focus, LeavingVisible, MouseDown, MouseEnter, MouseLeave, MouseMove, SelectWithKeyboard, Visible } from './stateMachine';
 export function useTooltip(childProps, childRef, tooltipProps) {
-  var onMouseEnter = childProps.onMouseEnter,
-      onMouseLeave = childProps.onMouseLeave,
-      onMouseMove = childProps.onMouseMove,
-      onMouseDown = childProps.onMouseDown,
-      onKeyDown = childProps.onKeyDown,
-      onFocus = childProps.onFocus,
-      onBlur = childProps.onBlur;
-  var anchorEl = useRef(null);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var id = useId();
-  useEffect(function () {
-    subscription.subscribe(function () {
+  const {
+    onMouseEnter,
+    onMouseLeave,
+    onMouseMove,
+    onMouseDown,
+    onKeyDown,
+    onFocus,
+    onBlur
+  } = childProps;
+  const anchorEl = useRef(null);
+  const [visible, setVisible] = useState(false);
+  const id = useId();
+  useEffect(() => {
+    subscription.subscribe(() => {
       setVisible((state.current.state === Visible || state.current.state === LeavingVisible) && state.current.id === id);
     });
   }, [id]);
-
   function handleMouseEnter() {
     send(MouseEnter, {
-      id: id
+      id
     });
   }
-
   function handleMouseMove() {
     send(MouseMove, {
-      id: id
+      id
     });
   }
-
   function handleMouseLeave() {
     send(MouseLeave);
   }
-
   function handleMouseDown() {
     // Allow quick click from one tool to another
     if (state.current.id === id) {
       send(MouseDown);
     }
   }
-
   function handleFocus() {
     send(Focus, {
-      id: id
+      id
     });
   }
-
   function handleBlur() {
     // Allow quick click from one tool to another
     if (state.current.id === id) {
       send(Blur, undefined);
     }
   }
-
   function handleKeyDown(event) {
     if (event.key === 'Enter' || event.key === ' ') {
       send(SelectWithKeyboard);
     }
   }
-
-  var children = tooltipProps.label,
-      tooltipOnMouseEnter = tooltipProps.onMouseEnter,
-      tooltipOnMouseLeave = tooltipProps.onMouseLeave,
-      tooltipOnMouseMove = tooltipProps.onMouseMove,
-      otherTooltipProps = _objectWithoutProperties(tooltipProps, _excluded);
-
-  var tooltipId = "tooltip-".concat(id);
-  return [_extends(_extends(_extends({}, childProps), {}, {
-    ref: assignMultipleRefs(childRef, anchorEl)
-  }, visible && !childProps['aria-label'] && {
-    'aria-describedby': tooltipId
-  }), {}, {
+  const {
+    label: children,
+    onMouseEnter: tooltipOnMouseEnter,
+    onMouseLeave: tooltipOnMouseLeave,
+    onMouseMove: tooltipOnMouseMove,
+    ...otherTooltipProps
+  } = tooltipProps;
+  const tooltipId = `tooltip-${id}`;
+  return [{
+    ...childProps,
+    ref: assignMultipleRefs(childRef, anchorEl),
+    ...(visible && !childProps['aria-label'] && {
+      'aria-describedby': tooltipId
+    }),
     onMouseEnter: wrapEvent(onMouseEnter, handleMouseEnter),
     onMouseLeave: wrapEvent(onMouseLeave, handleMouseLeave),
     onMouseMove: wrapEvent(onMouseMove, handleMouseMove),
@@ -89,15 +76,16 @@ export function useTooltip(childProps, childRef, tooltipProps) {
     onFocus: wrapEvent(onFocus, handleFocus),
     onBlur: wrapEvent(onBlur, handleBlur),
     onKeyDown: wrapEvent(onKeyDown, handleKeyDown)
-  }), _extends({
+  }, {
     id: tooltipId,
-    anchorEl: anchorEl,
-    visible: visible,
-    children: children,
+    anchorEl,
+    visible,
+    children,
     onMouseEnter: wrapEvent(tooltipOnMouseEnter, handleMouseEnter),
     onMouseLeave: wrapEvent(tooltipOnMouseLeave, handleMouseLeave),
     onMouseMove: wrapEvent(tooltipOnMouseMove, handleMouseMove),
-    role: 'tooltip'
-  }, otherTooltipProps)];
+    role: 'tooltip',
+    ...otherTooltipProps
+  }];
 }
 //# sourceMappingURL=useTooltip.js.map

package/build/esm/Tooltip/useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.js","names":["useRef","useEffect","useState","useId","assignMultipleRefs","wrapEvent","send","state","subscription","Blur","Focus","LeavingVisible","MouseDown","MouseEnter","MouseLeave","MouseMove","SelectWithKeyboard","Visible","useTooltip","childProps","childRef","tooltipProps","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onKeyDown","onFocus","onBlur","anchorEl","visible","setVisible","id","subscribe","current","handleMouseEnter","handleMouseMove","handleMouseLeave","handleMouseDown","handleFocus","handleBlur","undefined","handleKeyDown","event","key","children","label","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnMouseMove","otherTooltipProps","tooltipId","ref","role"],"sources":["../../../src/Tooltip/useTooltip.ts"],"sourcesContent":["import type {\r\n  HTMLAttributes,\r\n  KeyboardEvent,\r\n  ReactNode,\r\n  Ref,\r\n  RefAttributes,\r\n  RefObject,\r\n} from 'react';\r\nimport { useRef, useEffect, useState, useId } from 'react';\r\n\r\nimport { assignMultipleRefs } from '../utils/assign-ref';\r\nimport { wrapEvent } from '../utils/wrap-event';\r\nimport {\r\n  send,\r\n  state,\r\n  subscription,\r\n  Blur,\r\n  Focus,\r\n  LeavingVisible,\r\n  MouseDown,\r\n  MouseEnter,\r\n  MouseLeave,\r\n  MouseMove,\r\n  SelectWithKeyboard,\r\n  Visible,\r\n} from './stateMachine';\r\n\r\nexport type ChildProps = HTMLAttributes<HTMLElement> &\r\n  RefAttributes<HTMLElement>;\r\n\r\nexport interface InjectedTooltipProps extends HTMLAttributes<HTMLElement> {\r\n  anchorEl: RefObject<HTMLElement>;\r\n  visible: boolean;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport function useTooltip(\r\n  childProps: ChildProps,\r\n  childRef: Ref<HTMLElement> | undefined,\r\n  tooltipProps: HTMLAttributes<HTMLElement> & { label?: ReactNode }\r\n): [ChildProps, InjectedTooltipProps] {\r\n  const {\r\n    onMouseEnter,\r\n    onMouseLeave,\r\n    onMouseMove,\r\n    onMouseDown,\r\n    onKeyDown,\r\n    onFocus,\r\n    onBlur,\r\n  } = childProps;\r\n  const anchorEl = useRef<HTMLElement>(null);\r\n  const [visible, setVisible] = useState(false);\r\n  const id = useId();\r\n\r\n  useEffect(() => {\r\n    subscription.subscribe(() => {\r\n      setVisible(\r\n        (state.current.state === Visible ||\r\n          state.current.state === LeavingVisible) &&\r\n          state.current.id === id\r\n      );\r\n    });\r\n  }, [id]);\r\n\r\n  function handleMouseEnter() {\r\n    send(MouseEnter, { id });\r\n  }\r\n\r\n  function handleMouseMove() {\r\n    send(MouseMove, { id });\r\n  }\r\n\r\n  function handleMouseLeave() {\r\n    send(MouseLeave);\r\n  }\r\n\r\n  function handleMouseDown() {\r\n    // Allow quick click from one tool to another\r\n    if (state.current.id === id) {\r\n      send(MouseDown);\r\n    }\r\n  }\r\n\r\n  function handleFocus() {\r\n    send(Focus, { id });\r\n  }\r\n\r\n  function handleBlur() {\r\n    // Allow quick click from one tool to another\r\n    if (state.current.id === id) {\r\n      send(Blur, undefined);\r\n    }\r\n  }\r\n\r\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      send(SelectWithKeyboard);\r\n    }\r\n  }\r\n\r\n  const {\r\n    label: children,\r\n    onMouseEnter: tooltipOnMouseEnter,\r\n    onMouseLeave: tooltipOnMouseLeave,\r\n    onMouseMove: tooltipOnMouseMove,\r\n    ...otherTooltipProps\r\n  } = tooltipProps;\r\n\r\n  const tooltipId = `tooltip-${id}`;\r\n  return [\r\n    {\r\n      ...childProps,\r\n      ref: assignMultipleRefs(childRef, anchorEl),\r\n      ...(visible &&\r\n        !childProps['aria-label'] && { 'aria-describedby': tooltipId }),\r\n      onMouseEnter: wrapEvent(onMouseEnter, handleMouseEnter),\r\n      onMouseLeave: wrapEvent(onMouseLeave, handleMouseLeave),\r\n      onMouseMove: wrapEvent(onMouseMove, handleMouseMove),\r\n      onMouseDown: wrapEvent(onMouseDown, handleMouseDown),\r\n      onFocus: wrapEvent(onFocus, handleFocus),\r\n      onBlur: wrapEvent(onBlur, handleBlur),\r\n      onKeyDown: wrapEvent(onKeyDown, handleKeyDown),\r\n    },\r\n    {\r\n      id: tooltipId,\r\n      anchorEl,\r\n      visible,\r\n      children,\r\n      onMouseEnter: wrapEvent(tooltipOnMouseEnter, handleMouseEnter),\r\n      onMouseLeave: wrapEvent(tooltipOnMouseLeave, handleMouseLeave),\r\n      onMouseMove: wrapEvent(tooltipOnMouseMove, handleMouseMove),\r\n      role: 'tooltip',\r\n      ...otherTooltipProps,\r\n    },\r\n  ];\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"useTooltip.js","names":["useRef","useEffect","useState","useId","assignMultipleRefs","wrapEvent","send","state","subscription","Blur","Focus","LeavingVisible","MouseDown","MouseEnter","MouseLeave","MouseMove","SelectWithKeyboard","Visible","useTooltip","childProps","childRef","tooltipProps","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onKeyDown","onFocus","onBlur","anchorEl","visible","setVisible","id","subscribe","current","handleMouseEnter","handleMouseMove","handleMouseLeave","handleMouseDown","handleFocus","handleBlur","undefined","handleKeyDown","event","key","label","children","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnMouseMove","otherTooltipProps","tooltipId","ref","role"],"sources":["../../../src/Tooltip/useTooltip.ts"],"sourcesContent":["import type {\n  HTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  RefObject,\n} from 'react';\nimport { useRef, useEffect, useState, useId } from 'react';\n\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { wrapEvent } from '../utils/wrap-event';\nimport {\n  send,\n  state,\n  subscription,\n  Blur,\n  Focus,\n  LeavingVisible,\n  MouseDown,\n  MouseEnter,\n  MouseLeave,\n  MouseMove,\n  SelectWithKeyboard,\n  Visible,\n} from './stateMachine';\n\nexport type ChildProps = HTMLAttributes<HTMLElement> &\n  RefAttributes<HTMLElement>;\n\nexport interface InjectedTooltipProps extends HTMLAttributes<HTMLElement> {\n  anchorEl: RefObject<HTMLElement | null>;\n  visible: boolean;\n  children?: ReactNode;\n}\n\nexport function useTooltip(\n  childProps: ChildProps,\n  childRef: Ref<HTMLElement> | undefined,\n  tooltipProps: HTMLAttributes<HTMLElement> & { label?: ReactNode }\n): [ChildProps, InjectedTooltipProps] {\n  const {\n    onMouseEnter,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onKeyDown,\n    onFocus,\n    onBlur,\n  } = childProps;\n  const anchorEl = useRef<HTMLElement>(null);\n  const [visible, setVisible] = useState(false);\n  const id = useId();\n\n  useEffect(() => {\n    subscription.subscribe(() => {\n      setVisible(\n        (state.current.state === Visible ||\n          state.current.state === LeavingVisible) &&\n          state.current.id === id\n      );\n    });\n  }, [id]);\n\n  function handleMouseEnter() {\n    send(MouseEnter, { id });\n  }\n\n  function handleMouseMove() {\n    send(MouseMove, { id });\n  }\n\n  function handleMouseLeave() {\n    send(MouseLeave);\n  }\n\n  function handleMouseDown() {\n    // Allow quick click from one tool to another\n    if (state.current.id === id) {\n      send(MouseDown);\n    }\n  }\n\n  function handleFocus() {\n    send(Focus, { id });\n  }\n\n  function handleBlur() {\n    // Allow quick click from one tool to another\n    if (state.current.id === id) {\n      send(Blur, undefined);\n    }\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      send(SelectWithKeyboard);\n    }\n  }\n\n  const {\n    label: children,\n    onMouseEnter: tooltipOnMouseEnter,\n    onMouseLeave: tooltipOnMouseLeave,\n    onMouseMove: tooltipOnMouseMove,\n    ...otherTooltipProps\n  } = tooltipProps;\n\n  const tooltipId = `tooltip-${id}`;\n  return [\n    {\n      ...childProps,\n      ref: assignMultipleRefs(childRef, anchorEl),\n      ...(visible &&\n        !childProps['aria-label'] && { 'aria-describedby': tooltipId }),\n      onMouseEnter: wrapEvent(onMouseEnter, handleMouseEnter),\n      onMouseLeave: wrapEvent(onMouseLeave, handleMouseLeave),\n      onMouseMove: wrapEvent(onMouseMove, handleMouseMove),\n      onMouseDown: wrapEvent(onMouseDown, handleMouseDown),\n      onFocus: wrapEvent(onFocus, handleFocus),\n      onBlur: wrapEvent(onBlur, handleBlur),\n      onKeyDown: wrapEvent(onKeyDown, handleKeyDown),\n    },\n    {\n      id: tooltipId,\n      anchorEl,\n      visible,\n      children,\n      onMouseEnter: wrapEvent(tooltipOnMouseEnter, handleMouseEnter),\n      onMouseLeave: wrapEvent(tooltipOnMouseLeave, handleMouseLeave),\n      onMouseMove: wrapEvent(tooltipOnMouseMove, handleMouseMove),\n      role: 'tooltip',\n      ...otherTooltipProps,\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/hooks/index.d.ts

@@ -1,13 +1,13 @@
-export * from './useAutoFocus';
-export * from './useControlledState';
-export * from './useChildrenCounter';
-export * from './useFocusReturn';
-export * from './useFocusState';
-export * from './useOnClickOutside';
-export * from './useOnKeyDown';
-export * from './useReducerMachine';
-export * from './useRemoveBodyScroll';
-export * from './useThrottle';
-export * from './useMeasure';
-export * from './useGestureHandlers';
-export * from './useScope';
+export * from './useAutoFocus';
+export * from './useControlledState';
+export * from './useChildrenCounter';
+export * from './useFocusReturn';
+export * from './useFocusState';
+export * from './useOnClickOutside';
+export * from './useOnKeyDown';
+export * from './useReducerMachine';
+export * from './useRemoveBodyScroll';
+export * from './useThrottle';
+export * from './useMeasure';
+export * from './useGestureHandlers';
+export * from './useScope';

package/build/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useAutoFocus';\r\nexport * from './useControlledState';\r\nexport * from './useChildrenCounter';\r\nexport * from './useFocusReturn';\r\nexport * from './useFocusState';\r\nexport * from './useOnClickOutside';\r\nexport * from './useOnKeyDown';\r\nexport * from './useReducerMachine';\r\nexport * from './useRemoveBodyScroll';\r\nexport * from './useThrottle';\r\nexport * from './useMeasure';\r\nexport * from './useGestureHandlers';\r\nexport * from './useScope';\r\n"],"mappings":"AAAA,cAAc,gBAAd;AACA,cAAc,sBAAd;AACA,cAAc,sBAAd;AACA,cAAc,kBAAd;AACA,cAAc,iBAAd;AACA,cAAc,qBAAd;AACA,cAAc,gBAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,eAAd;AACA,cAAc,cAAd;AACA,cAAc,sBAAd;AACA,cAAc,YAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useAutoFocus';\nexport * from './useControlledState';\nexport * from './useChildrenCounter';\nexport * from './useFocusReturn';\nexport * from './useFocusState';\nexport * from './useOnClickOutside';\nexport * from './useOnKeyDown';\nexport * from './useReducerMachine';\nexport * from './useRemoveBodyScroll';\nexport * from './useThrottle';\nexport * from './useMeasure';\nexport * from './useGestureHandlers';\nexport * from './useScope';\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB;AACpC,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,iBAAiB;AAC/B,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,sBAAsB;AACpC,cAAc,YAAY","ignoreList":[]}

package/build/esm/hooks/useAutoFocus.d.ts

@@ -1,2 +1,2 @@
-import type { MutableRefObject } from 'react';
-export declare function useAutoFocus(open: boolean, elementRef: MutableRefObject<HTMLElement | null>): void;
+import type { MutableRefObject } from 'react';
+export declare function useAutoFocus(open: boolean, elementRef: MutableRefObject<HTMLElement | null>): void;

package/build/esm/hooks/useAutoFocus.js

@@ -1,14 +1,14 @@
 import { useEffect } from 'react';
 import { focusOnChildNode } from '../FocusLock/tabUtils';
 export function useAutoFocus(open, elementRef) {
-  useEffect(function () {
+  useEffect(() => {
     if (open) {
       // We will only autoFocus on the first child if the currently active element isn't already trapped inside the modal
       if (elementRef.current && !elementRef.current.contains(document.activeElement)) {
         focusOnChildNode(elementRef.current, 0);
       }
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open]);
 }
 //# sourceMappingURL=useAutoFocus.js.map

package/build/esm/hooks/useAutoFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoFocus.js","names":["useEffect","focusOnChildNode","useAutoFocus","open","elementRef","current","contains","document","activeElement"],"sources":["../../../src/hooks/useAutoFocus.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\r\nimport { useEffect } from 'react';\r\n\r\nimport { focusOnChildNode } from '../FocusLock/tabUtils';\r\n\r\nexport function useAutoFocus(\r\n  open: boolean,\r\n  elementRef: MutableRefObject<HTMLElement | null>\r\n) {\r\n  useEffect(() => {\r\n    if (open) {\r\n      // We will only autoFocus on the first child if the currently active element isn't already trapped inside the modal\r\n      if (\r\n        elementRef.current &&\r\n        !elementRef.current.contains(document.activeElement)\r\n      ) {\r\n        focusOnChildNode(elementRef.current, 0);\r\n      }\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [open]);\r\n}\r\n"],"mappings":"AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,SAASC,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,SAASC,YAAT,CACLC,IADK,EAELC,UAFK,EAGL;EACAJ,SAAS,CAAC,YAAM;IACd,IAAIG,IAAJ,EAAU;MACR;MACA,IACEC,UAAU,CAACC,OAAX,IACA,CAACD,UAAU,CAACC,OAAX,CAAmBC,QAAnB,CAA4BC,QAAQ,CAACC,aAArC,CAFH,EAGE;QACAP,gBAAgB,CAACG,UAAU,CAACC,OAAZ,EAAqB,CAArB,CAAhB;MACD;IACF,CATa,CAUd;;EACD,CAXQ,EAWN,CAACF,IAAD,CAXM,CAAT;AAYD"}
+{"version":3,"file":"useAutoFocus.js","names":["useEffect","focusOnChildNode","useAutoFocus","open","elementRef","current","contains","document","activeElement"],"sources":["../../../src/hooks/useAutoFocus.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport { focusOnChildNode } from '../FocusLock/tabUtils';\n\nexport function useAutoFocus(\n  open: boolean,\n  elementRef: MutableRefObject<HTMLElement | null>\n) {\n  useEffect(() => {\n    if (open) {\n      // We will only autoFocus on the first child if the currently active element isn't already trapped inside the modal\n      if (\n        elementRef.current &&\n        !elementRef.current.contains(document.activeElement)\n      ) {\n        focusOnChildNode(elementRef.current, 0);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n}\n"],"mappings":"AACA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,SAASC,YAAYA,CAC1BC,IAAa,EACbC,UAAgD,EAChD;EACAJ,SAAS,CAAC,MAAM;IACd,IAAIG,IAAI,EAAE;MACR;MACA,IACEC,UAAU,CAACC,OAAO,IAClB,CAACD,UAAU,CAACC,OAAO,CAACC,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC,EACpD;QACAP,gBAAgB,CAACG,UAAU,CAACC,OAAO,EAAE,CAAC,CAAC;MACzC;IACF;IACA;EACF,CAAC,EAAE,CAACF,IAAI,CAAC,CAAC;AACZ","ignoreList":[]}

package/build/esm/hooks/useChildrenCounter.d.ts

@@ -1,7 +1,7 @@
-import type { MutableRefObject } from 'react';
-export declare function useChildrenCounterParent<T>(itemsRef: MutableRefObject<T[] & {
-    isNewRender?: boolean;
-}>): void;
-export declare function useChildrenCounterChild<T>(itemsRef: MutableRefObject<T[] & {
-    isNewRender?: boolean;
-}> | undefined, itemIndexRef: MutableRefObject<number>, obj: T | ((idx: number) => T), disabled?: boolean): void;
+import type { MutableRefObject } from 'react';
+export declare function useChildrenCounterParent<T>(itemsRef: MutableRefObject<T[] & {
+    isNewRender?: boolean;
+}>): void;
+export declare function useChildrenCounterChild<T>(itemsRef: MutableRefObject<T[] & {
+    isNewRender?: boolean;
+}> | undefined, itemIndexRef: MutableRefObject<number>, obj: T | ((idx: number) => T), disabled?: boolean): void;

package/build/esm/hooks/useChildrenCounter.js

@@ -6,32 +6,30 @@ export function useChildrenCounterParent(itemsRef) {
   // the array
   itemsRef.current = [];
   itemsRef.current.isNewRender = true;
-  useEffect(function () {
+  useEffect(() => {
     // Rendering is finished. Meaning any children can now rerender,
     // and they should not push any new items to our array, because
     // it is not a new render
     itemsRef.current.isNewRender = false;
   });
-  useEffect(function () {
+  useEffect(() => {
     // When we are unmounting, it means there are no children anymore.
     // Clear out our items array
-    return function () {
+    return () => {
       itemsRef.current = [];
     };
   }, [itemsRef]);
 }
 export function useChildrenCounterChild(itemsRef, itemIndexRef, obj) {
-  var disabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-
+  let disabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   if (itemsRef && itemsRef.current.isNewRender) {
     if (disabled) {
       itemIndexRef.current = -1;
       return;
-    } // push this option to the optionsRef array
-
+    }
 
+    // push this option to the optionsRef array
     itemIndexRef.current = itemsRef.current.length;
-
     if (obj instanceof Function) {
       itemsRef.current.push(obj(itemIndexRef.current));
     } else {

package/build/esm/hooks/useChildrenCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChildrenCounter.js","names":["useEffect","useChildrenCounterParent","itemsRef","current","isNewRender","useChildrenCounterChild","itemIndexRef","obj","disabled","length","Function","push"],"sources":["../../../src/hooks/useChildrenCounter.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\r\nimport { useEffect } from 'react';\r\n\r\nexport function useChildrenCounterParent<T>(\r\n  itemsRef: MutableRefObject<T[] & { isNewRender?: boolean }>\r\n) {\r\n  // Reset the options ref every render so that they are always\r\n  // accurate and ready for keyboard navigation handlers. Using layout\r\n  // effect to schedule this effect before the ComboboxOptions push into\r\n  // the array\r\n  itemsRef.current = [];\r\n  itemsRef.current.isNewRender = true;\r\n\r\n  useEffect(() => {\r\n    // Rendering is finished. Meaning any children can now rerender,\r\n    // and they should not push any new items to our array, because\r\n    // it is not a new render\r\n    itemsRef.current.isNewRender = false;\r\n  });\r\n\r\n  useEffect(() => {\r\n    // When we are unmounting, it means there are no children anymore.\r\n    // Clear out our items array\r\n    return () => {\r\n      itemsRef.current = [];\r\n    };\r\n  }, [itemsRef]);\r\n}\r\n\r\nexport function useChildrenCounterChild<T>(\r\n  itemsRef: MutableRefObject<T[] & { isNewRender?: boolean }> | undefined,\r\n  itemIndexRef: MutableRefObject<number>,\r\n  obj: T | ((idx: number) => T),\r\n  disabled = false\r\n) {\r\n  if (itemsRef && itemsRef.current.isNewRender) {\r\n    if (disabled) {\r\n      itemIndexRef.current = -1;\r\n      return;\r\n    }\r\n\r\n    // push this option to the optionsRef array\r\n    itemIndexRef.current = itemsRef.current.length;\r\n\r\n    if (obj instanceof Function) {\r\n      itemsRef.current.push(obj(itemIndexRef.current));\r\n    } else {\r\n      itemsRef.current.push(obj);\r\n    }\r\n  }\r\n}\r\n"],"mappings":"AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,OAAO,SAASC,wBAAT,CACLC,QADK,EAEL;EACA;EACA;EACA;EACA;EACAA,QAAQ,CAACC,OAAT,GAAmB,EAAnB;EACAD,QAAQ,CAACC,OAAT,CAAiBC,WAAjB,GAA+B,IAA/B;EAEAJ,SAAS,CAAC,YAAM;IACd;IACA;IACA;IACAE,QAAQ,CAACC,OAAT,CAAiBC,WAAjB,GAA+B,KAA/B;EACD,CALQ,CAAT;EAOAJ,SAAS,CAAC,YAAM;IACd;IACA;IACA,OAAO,YAAM;MACXE,QAAQ,CAACC,OAAT,GAAmB,EAAnB;IACD,CAFD;EAGD,CANQ,EAMN,CAACD,QAAD,CANM,CAAT;AAOD;AAED,OAAO,SAASG,uBAAT,CACLH,QADK,EAELI,YAFK,EAGLC,GAHK,EAKL;EAAA,IADAC,QACA,uEADW,KACX;;EACA,IAAIN,QAAQ,IAAIA,QAAQ,CAACC,OAAT,CAAiBC,WAAjC,EAA8C;IAC5C,IAAII,QAAJ,EAAc;MACZF,YAAY,CAACH,OAAb,GAAuB,CAAC,CAAxB;MACA;IACD,CAJ2C,CAM5C;;;IACAG,YAAY,CAACH,OAAb,GAAuBD,QAAQ,CAACC,OAAT,CAAiBM,MAAxC;;IAEA,IAAIF,GAAG,YAAYG,QAAnB,EAA6B;MAC3BR,QAAQ,CAACC,OAAT,CAAiBQ,IAAjB,CAAsBJ,GAAG,CAACD,YAAY,CAACH,OAAd,CAAzB;IACD,CAFD,MAEO;MACLD,QAAQ,CAACC,OAAT,CAAiBQ,IAAjB,CAAsBJ,GAAtB;IACD;EACF;AACF"}
+{"version":3,"file":"useChildrenCounter.js","names":["useEffect","useChildrenCounterParent","itemsRef","current","isNewRender","useChildrenCounterChild","itemIndexRef","obj","disabled","arguments","length","undefined","Function","push"],"sources":["../../../src/hooks/useChildrenCounter.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nexport function useChildrenCounterParent<T>(\n  itemsRef: MutableRefObject<T[] & { isNewRender?: boolean }>\n) {\n  // Reset the options ref every render so that they are always\n  // accurate and ready for keyboard navigation handlers. Using layout\n  // effect to schedule this effect before the ComboboxOptions push into\n  // the array\n  itemsRef.current = [];\n  itemsRef.current.isNewRender = true;\n\n  useEffect(() => {\n    // Rendering is finished. Meaning any children can now rerender,\n    // and they should not push any new items to our array, because\n    // it is not a new render\n    itemsRef.current.isNewRender = false;\n  });\n\n  useEffect(() => {\n    // When we are unmounting, it means there are no children anymore.\n    // Clear out our items array\n    return () => {\n      itemsRef.current = [];\n    };\n  }, [itemsRef]);\n}\n\nexport function useChildrenCounterChild<T>(\n  itemsRef: MutableRefObject<T[] & { isNewRender?: boolean }> | undefined,\n  itemIndexRef: MutableRefObject<number>,\n  obj: T | ((idx: number) => T),\n  disabled = false\n) {\n  if (itemsRef && itemsRef.current.isNewRender) {\n    if (disabled) {\n      itemIndexRef.current = -1;\n      return;\n    }\n\n    // push this option to the optionsRef array\n    itemIndexRef.current = itemsRef.current.length;\n\n    if (obj instanceof Function) {\n      itemsRef.current.push(obj(itemIndexRef.current));\n    } else {\n      itemsRef.current.push(obj);\n    }\n  }\n}\n"],"mappings":"AACA,SAASA,SAAS,QAAQ,OAAO;AAEjC,OAAO,SAASC,wBAAwBA,CACtCC,QAA2D,EAC3D;EACA;EACA;EACA;EACA;EACAA,QAAQ,CAACC,OAAO,GAAG,EAAE;EACrBD,QAAQ,CAACC,OAAO,CAACC,WAAW,GAAG,IAAI;EAEnCJ,SAAS,CAAC,MAAM;IACd;IACA;IACA;IACAE,QAAQ,CAACC,OAAO,CAACC,WAAW,GAAG,KAAK;EACtC,CAAC,CAAC;EAEFJ,SAAS,CAAC,MAAM;IACd;IACA;IACA,OAAO,MAAM;MACXE,QAAQ,CAACC,OAAO,GAAG,EAAE;IACvB,CAAC;EACH,CAAC,EAAE,CAACD,QAAQ,CAAC,CAAC;AAChB;AAEA,OAAO,SAASG,uBAAuBA,CACrCH,QAAuE,EACvEI,YAAsC,EACtCC,GAA6B,EAE7B;EAAA,IADAC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEhB,IAAIP,QAAQ,IAAIA,QAAQ,CAACC,OAAO,CAACC,WAAW,EAAE;IAC5C,IAAII,QAAQ,EAAE;MACZF,YAAY,CAACH,OAAO,GAAG,CAAC,CAAC;MACzB;IACF;;IAEA;IACAG,YAAY,CAACH,OAAO,GAAGD,QAAQ,CAACC,OAAO,CAACO,MAAM;IAE9C,IAAIH,GAAG,YAAYK,QAAQ,EAAE;MAC3BV,QAAQ,CAACC,OAAO,CAACU,IAAI,CAACN,GAAG,CAACD,YAAY,CAACH,OAAO,CAAC,CAAC;IAClD,CAAC,MAAM;MACLD,QAAQ,CAACC,OAAO,CAACU,IAAI,CAACN,GAAG,CAAC;IAC5B;EACF;AACF","ignoreList":[]}

package/build/esm/hooks/useControlledState.d.ts

@@ -1,3 +1,3 @@
-import type { Dispatch, SetStateAction, SyntheticEvent } from 'react';
-import type { CustomEventHandler } from '../utils';
-export declare function useControlledState<V, E extends SyntheticEvent<any> | Event, H extends unknown[]>(valueProp: V | undefined, onChangeProp: CustomEventHandler<E, H> | undefined, defaultValue: V | (() => V), defaultOnChange: (setValue: Dispatch<SetStateAction<V>>) => CustomEventHandler<E, H>): [V, CustomEventHandler<E, H>];
+import type { Dispatch, SetStateAction, SyntheticEvent } from 'react';
+import type { CustomEventHandler } from '../utils';
+export declare function useControlledState<V, E extends SyntheticEvent<any> | Event, H extends unknown[]>(valueProp: V | undefined, onChangeProp: CustomEventHandler<E, H> | undefined, defaultValue: V | (() => V), defaultOnChange: (setValue: Dispatch<SetStateAction<V>>) => CustomEventHandler<E, H>): [V, CustomEventHandler<E, H>];

package/build/esm/hooks/useControlledState.js

@@ -1,27 +1,17 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useRef, useState } from 'react';
 import { wrapEvent } from '../utils';
 export function useControlledState(valueProp, onChangeProp, defaultValue, defaultOnChange) {
-  var isControlled = valueProp !== undefined;
-  var wasControlled = useRef(isControlled);
-  var hasWarned = useRef(false);
-
-  var _useState = useState(defaultValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      valueState = _useState2[0],
-      setValueState = _useState2[1];
-
+  const isControlled = valueProp !== undefined;
+  const wasControlled = useRef(isControlled);
+  const hasWarned = useRef(false);
+  const [valueState, setValueState] = useState(defaultValue);
   if (isControlled) {
     if (!wasControlled.current && !hasWarned.current && process.env.NODE_ENV !== 'production') {
       console.warn('Trying to change from controlled to uncontrolled.');
       hasWarned.current = true;
     }
-
-    return [// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    valueProp, wrapEvent(onChangeProp, defaultOnChange(setValueState))];
+    return [valueProp, wrapEvent(onChangeProp, defaultOnChange(setValueState))];
   }
-
-  return [// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  valueState, wrapEvent(onChangeProp, defaultOnChange(setValueState))];
+  return [valueState, wrapEvent(onChangeProp, defaultOnChange(setValueState))];
 }
 //# sourceMappingURL=useControlledState.js.map

package/build/esm/hooks/useControlledState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useControlledState.js","names":["useRef","useState","wrapEvent","useControlledState","valueProp","onChangeProp","defaultValue","defaultOnChange","isControlled","undefined","wasControlled","hasWarned","valueState","setValueState","current","process","env","NODE_ENV","console","warn"],"sources":["../../../src/hooks/useControlledState.ts"],"sourcesContent":["import type { Dispatch, SetStateAction, SyntheticEvent } from 'react';\nimport { useRef, useState } from 'react';\n\nimport type { CustomEventHandler } from '../utils';\nimport { wrapEvent } from '../utils';\n\nexport function useControlledState<\n  V,\n  E extends SyntheticEvent<any> | Event,\n  H extends unknown[]\n>(\n  valueProp: V | undefined,\n  onChangeProp: CustomEventHandler<E, H> | undefined,\n  defaultValue: V | (() => V),\n  defaultOnChange: (\n    setValue: Dispatch<SetStateAction<V>>\n  ) => CustomEventHandler<E, H>\n): [V, CustomEventHandler<E, H>] {\n  const isControlled = valueProp !== undefined;\n  const wasControlled = useRef(isControlled);\n  const hasWarned = useRef(false);\n  const [valueState, setValueState] = useState<V>(defaultValue);\n\n  if (isControlled) {\n    if (\n      !wasControlled.current &&\n      !hasWarned.current &&\n      process.env.NODE_ENV !== 'production'\n    ) {\n      console.warn('Trying to change from controlled to uncontrolled.');\n      hasWarned.current = true;\n    }\n    return [\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      valueProp!,\n      wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n    ];\n  }\n\n  return [\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    valueState!,\n    wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n  ];\n}\n"],"mappings":";AACA,SAASA,MAAT,EAAiBC,QAAjB,QAAiC,OAAjC;AAGA,SAASC,SAAT,QAA0B,UAA1B;AAEA,OAAO,SAASC,kBAAT,CAKLC,SALK,EAMLC,YANK,EAOLC,YAPK,EAQLC,eARK,EAW0B;EAC/B,IAAMC,YAAY,GAAGJ,SAAS,KAAKK,SAAnC;EACA,IAAMC,aAAa,GAAGV,MAAM,CAACQ,YAAD,CAA5B;EACA,IAAMG,SAAS,GAAGX,MAAM,CAAC,KAAD,CAAxB;;EACA,gBAAoCC,QAAQ,CAAIK,YAAJ,CAA5C;EAAA;EAAA,IAAOM,UAAP;EAAA,IAAmBC,aAAnB;;EAEA,IAAIL,YAAJ,EAAkB;IAChB,IACE,CAACE,aAAa,CAACI,OAAf,IACA,CAACH,SAAS,CAACG,OADX,IAEAC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAH3B,EAIE;MACAC,OAAO,CAACC,IAAR,CAAa,mDAAb;MACAR,SAAS,CAACG,OAAV,GAAoB,IAApB;IACD;;IACD,OAAO,CACL;IACAV,SAFK,EAGLF,SAAS,CAACG,YAAD,EAAeE,eAAe,CAACM,aAAD,CAA9B,CAHJ,CAAP;EAKD;;EAED,OAAO,CACL;EACAD,UAFK,EAGLV,SAAS,CAACG,YAAD,EAAeE,eAAe,CAACM,aAAD,CAA9B,CAHJ,CAAP;AAKD"}
+{"version":3,"file":"useControlledState.js","names":["useRef","useState","wrapEvent","useControlledState","valueProp","onChangeProp","defaultValue","defaultOnChange","isControlled","undefined","wasControlled","hasWarned","valueState","setValueState","current","process","env","NODE_ENV","console","warn"],"sources":["../../../src/hooks/useControlledState.ts"],"sourcesContent":["import type { Dispatch, SetStateAction, SyntheticEvent } from 'react';\nimport { useRef, useState } from 'react';\n\nimport type { CustomEventHandler } from '../utils';\nimport { wrapEvent } from '../utils';\n\nexport function useControlledState<\n  V,\n  E extends SyntheticEvent<any> | Event,\n  H extends unknown[]\n>(\n  valueProp: V | undefined,\n  onChangeProp: CustomEventHandler<E, H> | undefined,\n  defaultValue: V | (() => V),\n  defaultOnChange: (\n    setValue: Dispatch<SetStateAction<V>>\n  ) => CustomEventHandler<E, H>\n): [V, CustomEventHandler<E, H>] {\n  const isControlled = valueProp !== undefined;\n  const wasControlled = useRef(isControlled);\n  const hasWarned = useRef(false);\n  const [valueState, setValueState] = useState<V>(defaultValue);\n\n  if (isControlled) {\n    if (\n      !wasControlled.current &&\n      !hasWarned.current &&\n      process.env.NODE_ENV !== 'production'\n    ) {\n      console.warn('Trying to change from controlled to uncontrolled.');\n      hasWarned.current = true;\n    }\n    return [\n      valueProp!,\n      wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n    ];\n  }\n\n  return [valueState!, wrapEvent(onChangeProp, defaultOnChange(setValueState))];\n}\n"],"mappings":"AACA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAGxC,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAO,SAASC,kBAAkBA,CAKhCC,SAAwB,EACxBC,YAAkD,EAClDC,YAA2B,EAC3BC,eAE6B,EACE;EAC/B,MAAMC,YAAY,GAAGJ,SAAS,KAAKK,SAAS;EAC5C,MAAMC,aAAa,GAAGV,MAAM,CAACQ,YAAY,CAAC;EAC1C,MAAMG,SAAS,GAAGX,MAAM,CAAC,KAAK,CAAC;EAC/B,MAAM,CAACY,UAAU,EAAEC,aAAa,CAAC,GAAGZ,QAAQ,CAAIK,YAAY,CAAC;EAE7D,IAAIE,YAAY,EAAE;IAChB,IACE,CAACE,aAAa,CAACI,OAAO,IACtB,CAACH,SAAS,CAACG,OAAO,IAClBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EACrC;MACAC,OAAO,CAACC,IAAI,CAAC,mDAAmD,CAAC;MACjER,SAAS,CAACG,OAAO,GAAG,IAAI;IAC1B;IACA,OAAO,CACLV,SAAS,EACTF,SAAS,CAACG,YAAY,EAAEE,eAAe,CAACM,aAAa,CAAC,CAAC,CACxD;EACH;EAEA,OAAO,CAACD,UAAU,EAAGV,SAAS,CAACG,YAAY,EAAEE,eAAe,CAACM,aAAa,CAAC,CAAC,CAAC;AAC/E","ignoreList":[]}

package/build/esm/hooks/useFocusReturn.d.ts

@@ -1,2 +1,2 @@
-import type { MutableRefObject } from 'react';
-export declare function useFocusReturn(open: boolean, rootEl: MutableRefObject<HTMLElement | null>): void;
+import type { MutableRefObject } from 'react';
+export declare function useFocusReturn(open: boolean, rootEl: MutableRefObject<HTMLElement | null>): void;

package/build/esm/hooks/useFocusReturn.js

@@ -1,27 +1,23 @@
 import { useEffect, useRef } from 'react';
 export function useFocusReturn(open, rootEl) {
-  var previousFocusRef = useRef(function () {
+  const previousFocusRef = useRef((() => {
     if (open && typeof document !== 'undefined' && document.activeElement instanceof HTMLElement) {
       return document.activeElement;
     }
-
     return null;
-  }());
-  useEffect(function () {
+  })());
+  useEffect(() => {
     if (open) {
-      var _rootEl$current;
-
       // once opened, keep track of the element that triggered
       // the Modal opening
-      if (!previousFocusRef.current && document.activeElement instanceof HTMLElement && !((_rootEl$current = rootEl.current) !== null && _rootEl$current !== void 0 && _rootEl$current.contains(document.activeElement))) {
+      if (!previousFocusRef.current && document.activeElement instanceof HTMLElement && !rootEl.current?.contains(document.activeElement)) {
         previousFocusRef.current = document.activeElement;
       }
-
-      var rootElement = rootEl.current;
-      var previousElement = previousFocusRef.current;
-      return function () {
+      const rootElement = rootEl.current;
+      const previousElement = previousFocusRef.current;
+      return () => {
         // on unmount, return focus to that element
-        if (previousElement && !(rootElement !== null && rootElement !== void 0 && rootElement.contains(document.activeElement))) {
+        if (previousElement && !rootElement?.contains(document.activeElement)) {
           previousElement.focus({
             preventScroll: true
           });

package/build/esm/hooks/useFocusReturn.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusReturn.js","names":["useEffect","useRef","useFocusReturn","open","rootEl","previousFocusRef","document","activeElement","HTMLElement","current","contains","rootElement","previousElement","focus","preventScroll"],"sources":["../../../src/hooks/useFocusReturn.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\r\nimport { useEffect, useRef } from 'react';\r\n\r\nexport function useFocusReturn(\r\n  open: boolean,\r\n  rootEl: MutableRefObject<HTMLElement | null>\r\n) {\r\n  const previousFocusRef = useRef<HTMLElement | null>(\r\n    (() => {\r\n      if (\r\n        open &&\r\n        typeof document !== 'undefined' &&\r\n        document.activeElement instanceof HTMLElement\r\n      ) {\r\n        return document.activeElement;\r\n      }\r\n      return null;\r\n    })()\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (open) {\r\n      // once opened, keep track of the element that triggered\r\n      // the Modal opening\r\n      if (\r\n        !previousFocusRef.current &&\r\n        document.activeElement instanceof HTMLElement &&\r\n        !rootEl.current?.contains(document.activeElement)\r\n      ) {\r\n        previousFocusRef.current = document.activeElement;\r\n      }\r\n\r\n      const rootElement = rootEl.current;\r\n      const previousElement = previousFocusRef.current;\r\n      return () => {\r\n        // on unmount, return focus to that element\r\n        if (previousElement && !rootElement?.contains(document.activeElement)) {\r\n          previousElement.focus({ preventScroll: true });\r\n        }\r\n      };\r\n    }\r\n  }, [open, rootEl]);\r\n}\r\n"],"mappings":"AACA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AAEA,OAAO,SAASC,cAAT,CACLC,IADK,EAELC,MAFK,EAGL;EACA,IAAMC,gBAAgB,GAAGJ,MAAM,CAC5B,YAAM;IACL,IACEE,IAAI,IACJ,OAAOG,QAAP,KAAoB,WADpB,IAEAA,QAAQ,CAACC,aAAT,YAAkCC,WAHpC,EAIE;MACA,OAAOF,QAAQ,CAACC,aAAhB;IACD;;IACD,OAAO,IAAP;EACD,CATD,EAD6B,CAA/B;EAaAP,SAAS,CAAC,YAAM;IACd,IAAIG,IAAJ,EAAU;MAAA;;MACR;MACA;MACA,IACE,CAACE,gBAAgB,CAACI,OAAlB,IACAH,QAAQ,CAACC,aAAT,YAAkCC,WADlC,IAEA,qBAACJ,MAAM,CAACK,OAAR,4CAAC,gBAAgBC,QAAhB,CAAyBJ,QAAQ,CAACC,aAAlC,CAAD,CAHF,EAIE;QACAF,gBAAgB,CAACI,OAAjB,GAA2BH,QAAQ,CAACC,aAApC;MACD;;MAED,IAAMI,WAAW,GAAGP,MAAM,CAACK,OAA3B;MACA,IAAMG,eAAe,GAAGP,gBAAgB,CAACI,OAAzC;MACA,OAAO,YAAM;QACX;QACA,IAAIG,eAAe,IAAI,EAACD,WAAD,aAACA,WAAD,eAACA,WAAW,CAAED,QAAb,CAAsBJ,QAAQ,CAACC,aAA/B,CAAD,CAAvB,EAAuE;UACrEK,eAAe,CAACC,KAAhB,CAAsB;YAAEC,aAAa,EAAE;UAAjB,CAAtB;QACD;MACF,CALD;IAMD;EACF,CArBQ,EAqBN,CAACX,IAAD,EAAOC,MAAP,CArBM,CAAT;AAsBD"}
+{"version":3,"file":"useFocusReturn.js","names":["useEffect","useRef","useFocusReturn","open","rootEl","previousFocusRef","document","activeElement","HTMLElement","current","contains","rootElement","previousElement","focus","preventScroll"],"sources":["../../../src/hooks/useFocusReturn.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useEffect, useRef } from 'react';\n\nexport function useFocusReturn(\n  open: boolean,\n  rootEl: MutableRefObject<HTMLElement | null>\n) {\n  const previousFocusRef = useRef<HTMLElement | null>(\n    (() => {\n      if (\n        open &&\n        typeof document !== 'undefined' &&\n        document.activeElement instanceof HTMLElement\n      ) {\n        return document.activeElement;\n      }\n      return null;\n    })()\n  );\n\n  useEffect(() => {\n    if (open) {\n      // once opened, keep track of the element that triggered\n      // the Modal opening\n      if (\n        !previousFocusRef.current &&\n        document.activeElement instanceof HTMLElement &&\n        !rootEl.current?.contains(document.activeElement)\n      ) {\n        previousFocusRef.current = document.activeElement;\n      }\n\n      const rootElement = rootEl.current;\n      const previousElement = previousFocusRef.current;\n      return () => {\n        // on unmount, return focus to that element\n        if (previousElement && !rootElement?.contains(document.activeElement)) {\n          previousElement.focus({ preventScroll: true });\n        }\n      };\n    }\n  }, [open, rootEl]);\n}\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEzC,OAAO,SAASC,cAAcA,CAC5BC,IAAa,EACbC,MAA4C,EAC5C;EACA,MAAMC,gBAAgB,GAAGJ,MAAM,CAC7B,CAAC,MAAM;IACL,IACEE,IAAI,IACJ,OAAOG,QAAQ,KAAK,WAAW,IAC/BA,QAAQ,CAACC,aAAa,YAAYC,WAAW,EAC7C;MACA,OAAOF,QAAQ,CAACC,aAAa;IAC/B;IACA,OAAO,IAAI;EACb,CAAC,EAAE,CACL,CAAC;EAEDP,SAAS,CAAC,MAAM;IACd,IAAIG,IAAI,EAAE;MACR;MACA;MACA,IACE,CAACE,gBAAgB,CAACI,OAAO,IACzBH,QAAQ,CAACC,aAAa,YAAYC,WAAW,IAC7C,CAACJ,MAAM,CAACK,OAAO,EAAEC,QAAQ,CAACJ,QAAQ,CAACC,aAAa,CAAC,EACjD;QACAF,gBAAgB,CAACI,OAAO,GAAGH,QAAQ,CAACC,aAAa;MACnD;MAEA,MAAMI,WAAW,GAAGP,MAAM,CAACK,OAAO;MAClC,MAAMG,eAAe,GAAGP,gBAAgB,CAACI,OAAO;MAChD,OAAO,MAAM;QACX;QACA,IAAIG,eAAe,IAAI,CAACD,WAAW,EAAED,QAAQ,CAACJ,QAAQ,CAACC,aAAa,CAAC,EAAE;UACrEK,eAAe,CAACC,KAAK,CAAC;YAAEC,aAAa,EAAE;UAAK,CAAC,CAAC;QAChD;MACF,CAAC;IACH;EACF,CAAC,EAAE,CAACX,IAAI,EAAEC,MAAM,CAAC,CAAC;AACpB","ignoreList":[]}

package/build/esm/hooks/useFocusState.d.ts

@@ -1,11 +1,11 @@
-import type { FocusEventHandler } from 'react';
-export declare function useFocusState<T>(props?: {
-    onFocus?: FocusEventHandler<T>;
-    onBlur?: FocusEventHandler<T>;
-}): {
-    bind: {
-        onFocus: import("../utils/wrap-event").CustomEventHandler<import("react").FocusEvent<T, Element>, []>;
-        onBlur: import("../utils/wrap-event").CustomEventHandler<import("react").FocusEvent<T, Element>, []>;
-    };
-    hasFocus: boolean;
-};
+import type { FocusEventHandler } from 'react';
+export declare function useFocusState<T>(props?: {
+    onFocus?: FocusEventHandler<T>;
+    onBlur?: FocusEventHandler<T>;
+}): {
+    bind: {
+        onFocus: import("..").CustomEventHandler<import("react").FocusEvent<T, Element>, []>;
+        onBlur: import("..").CustomEventHandler<import("react").FocusEvent<T, Element>, []>;
+    };
+    hasFocus: boolean;
+};