@basic-ui/core 0.0.38 → 0.0.39

package/build/esm/Tooltip/stateMachine.js

@@ -1,14 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+var _on, _on2, _on3, _on4, _on5, _states;
+
 import { createSubscription } from '../utils/createSubscription';
 ////////////////////////////////////////////////////////////////////////////////
 // Timeouts:
 // Manages when the user "rests" on an element. Keeps the interface from being
 // flashing tooltips all the time as the user moves the mouse around the screen.
-let restTimeout;
+var restTimeout;
 
 function startRestTimer() {
   window.clearTimeout(restTimeout);
-  restTimeout = window.setTimeout(() => {
+  restTimeout = window.setTimeout(function () {
     send(Rest, undefined);
   }, 200);
 }
@@ -18,11 +22,13 @@ function clearRestTimer() {
 } // Manages the delay to hide the tooltip after rest leaves.
 
 
-let leavingVisibleTimer;
+var leavingVisibleTimer;
 
 function startLeavingVisibleTimer() {
   window.clearTimeout(leavingVisibleTimer);
-  leavingVisibleTimer = window.setTimeout(() => send(TimeComplete, undefined), 100);
+  leavingVisibleTimer = window.setTimeout(function () {
+    return send(TimeComplete, undefined);
+  }, 100);
 }
 
 function clearLeavingVisibleTimer() {
@@ -32,28 +38,28 @@ function clearLeavingVisibleTimer() {
 
 
 // Nothing goin' on
-export const Idle = 'IDLE'; // We're considering showing the tooltip, but we're gonna wait a sec
+export var Idle = 'IDLE'; // We're considering showing the tooltip, but we're gonna wait a sec
 
-export const Focused = 'FOCUSED'; // It's on!
+export var Focused = 'FOCUSED'; // It's on!
 
-export const Visible = 'VISIBLE'; // Focus has left, but we want to keep it visible for a sec
+export var Visible = 'VISIBLE'; // Focus has left, but we want to keep it visible for a sec
 
-export const LeavingVisible = 'LEAVING_VISIBLE'; // The user clicked the tool, so we want to hide the thing, we can't just use
+export var LeavingVisible = 'LEAVING_VISIBLE'; // The user clicked the tool, so we want to hide the thing, we can't just use
 // IDLE because we need to ignore mousemove, etc.
 
-export const Dismissed = 'DISMISSED';
-export const Blur = 'BLUR';
-export const Focus = 'FOCUS';
-export const GlobalMouseMove = 'GLOBAL_MOUSE_MOVE';
-export const MouseDown = 'MOUSE_DOWN';
-export const MouseEnter = 'MOUSE_ENTER';
-export const MouseLeave = 'MOUSE_LEAVE';
-export const MouseMove = 'MOUSE_MOVE';
-export const Rest = 'REST';
-export const SelectWithKeyboard = 'SELECT_WITH_KEYBOARD';
-export const TimeComplete = 'TIME_COMPLETE';
-export const subscription = createSubscription();
-export const state = {
+export var Dismissed = 'DISMISSED';
+export var Blur = 'BLUR';
+export var Focus = 'FOCUS';
+export var GlobalMouseMove = 'GLOBAL_MOUSE_MOVE';
+export var MouseDown = 'MOUSE_DOWN';
+export var MouseEnter = 'MOUSE_ENTER';
+export var MouseLeave = 'MOUSE_LEAVE';
+export var MouseMove = 'MOUSE_MOVE';
+export var Rest = 'REST';
+export var SelectWithKeyboard = 'SELECT_WITH_KEYBOARD';
+export var TimeComplete = 'TIME_COMPLETE';
+export var subscription = createSubscription();
+export var state = {
   current: {
     state: Idle,
     id: ''
@@ -64,72 +70,42 @@ function clearContextId() {
   state.current.id = '';
 }
 
-const chart = {
+var chart = {
   initial: Idle,
-  states: {
-    [Idle]: {
-      enter: () => {
-        clearContextId();
-      },
-      on: {
-        [MouseEnter]: Focused,
-        [Focus]: Visible
-      }
+  states: (_states = {}, _defineProperty(_states, Idle, {
+    enter: function enter() {
+      clearContextId();
     },
-    [Focused]: {
-      enter: startRestTimer,
-      leave: clearRestTimer,
-      on: {
-        [MouseMove]: Focused,
-        [MouseLeave]: Idle,
-        [MouseDown]: Dismissed,
-        [Blur]: Idle,
-        [Rest]: Visible
-      }
+    on: (_on = {}, _defineProperty(_on, MouseEnter, Focused), _defineProperty(_on, Focus, Visible), _on)
+  }), _defineProperty(_states, Focused, {
+    enter: startRestTimer,
+    leave: clearRestTimer,
+    on: (_on2 = {}, _defineProperty(_on2, MouseMove, Focused), _defineProperty(_on2, MouseLeave, Idle), _defineProperty(_on2, MouseDown, Dismissed), _defineProperty(_on2, Blur, Idle), _defineProperty(_on2, Rest, Visible), _on2)
+  }), _defineProperty(_states, Visible, {
+    on: (_on3 = {}, _defineProperty(_on3, Focus, Focused), _defineProperty(_on3, MouseEnter, Focused), _defineProperty(_on3, MouseLeave, LeavingVisible), _defineProperty(_on3, Blur, LeavingVisible), _defineProperty(_on3, MouseDown, Dismissed), _defineProperty(_on3, SelectWithKeyboard, Dismissed), _defineProperty(_on3, GlobalMouseMove, LeavingVisible), _on3)
+  }), _defineProperty(_states, LeavingVisible, {
+    enter: function enter() {
+      startLeavingVisibleTimer();
     },
-    [Visible]: {
-      on: {
-        [Focus]: Focused,
-        [MouseEnter]: Focused,
-        [MouseLeave]: LeavingVisible,
-        [Blur]: LeavingVisible,
-        [MouseDown]: Dismissed,
-        [SelectWithKeyboard]: Dismissed,
-        [GlobalMouseMove]: LeavingVisible
-      }
+    leave: function leave() {
+      clearLeavingVisibleTimer();
+      clearContextId();
     },
-    [LeavingVisible]: {
-      enter: () => {
-        startLeavingVisibleTimer();
-      },
-      leave: () => {
-        clearLeavingVisibleTimer();
-        clearContextId();
-      },
-      on: {
-        [MouseEnter]: Visible,
-        [Focus]: Visible,
-        [TimeComplete]: Idle
-      }
+    on: (_on4 = {}, _defineProperty(_on4, MouseEnter, Visible), _defineProperty(_on4, Focus, Visible), _defineProperty(_on4, TimeComplete, Idle), _on4)
+  }), _defineProperty(_states, Dismissed, {
+    leave: function leave() {
+      clearContextId();
     },
-    [Dismissed]: {
-      leave: () => {
-        clearContextId();
-      },
-      on: {
-        [MouseLeave]: Idle,
-        [Blur]: Idle
-      }
-    }
-  }
+    on: (_on5 = {}, _defineProperty(_on5, MouseLeave, Idle), _defineProperty(_on5, Blur, Idle), _on5)
+  }), _states)
 };
 
 function transition(currentState, event, payload) {
   var _stateDef$on;
 
-  const currentStateValue = currentState.state;
-  const stateDef = chart.states[currentState.state];
-  const nextState = stateDef == null ? void 0 : (_stateDef$on = stateDef.on) == null ? void 0 : _stateDef$on[event]; // Really useful for debugging
+  var currentStateValue = currentState.state;
+  var stateDef = chart.states[currentState.state];
+  var nextState = stateDef == null ? void 0 : (_stateDef$on = stateDef.on) == null ? void 0 : _stateDef$on[event]; // Really useful for debugging
   // console.log({
   //   event,
   //   state: state.current.state,
@@ -145,8 +121,8 @@ function transition(currentState, event, payload) {
     stateDef.leave(currentStateValue, payload);
   }
 
-  const nextStateValue = nextState;
-  const nextDef = chart.states[nextStateValue];
+  var nextStateValue = nextState;
+  var nextDef = chart.states[nextStateValue];
 
   if (nextDef && nextDef.enter) {
     nextDef.enter(nextStateValue, payload);
@@ -158,7 +134,7 @@ function transition(currentState, event, payload) {
 }
 
 export function send(event, payload) {
-  const nextState = transition(state.current, event, payload);
+  var nextState = transition(state.current, event, payload);
 
   if (state.current !== nextState) {
     state.current = nextState;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tooltip/stateMachine.ts"],"names":["createSubscription","restTimeout","startRestTimer","window","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"],"mappings":"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","sourcesContent":["import { createSubscription } from '../utils/createSubscription';\nimport { 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: number;\nfunction startRestTimer() {\n  window.clearTimeout(restTimeout);\n  restTimeout = window.setTimeout(() => {\n    send(Rest, undefined);\n  }, 200);\n}\n\nfunction clearRestTimer() {\n  window.clearTimeout(restTimeout);\n}\n\n// Manages the delay to hide the tooltip after rest leaves.\nlet leavingVisibleTimer: number;\n\nfunction startLeavingVisibleTimer() {\n  window.clearTimeout(leavingVisibleTimer);\n  leavingVisibleTimer = window.setTimeout(\n    () => send(TimeComplete, undefined),\n    100\n  );\n}\n\nfunction clearLeavingVisibleTimer() {\n  window.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"],"file":"stateMachine.js"}
+{"version":3,"sources":["../../../src/Tooltip/stateMachine.ts"],"names":["createSubscription","restTimeout","startRestTimer","window","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"],"mappings":"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","sourcesContent":["import { createSubscription } from '../utils/createSubscription';\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: number;\nfunction startRestTimer() {\n  window.clearTimeout(restTimeout);\n  restTimeout = window.setTimeout(() => {\n    send(Rest, undefined);\n  }, 200);\n}\n\nfunction clearRestTimer() {\n  window.clearTimeout(restTimeout);\n}\n\n// Manages the delay to hide the tooltip after rest leaves.\nlet leavingVisibleTimer: number;\n\nfunction startLeavingVisibleTimer() {\n  window.clearTimeout(leavingVisibleTimer);\n  leavingVisibleTimer = window.setTimeout(\n    () => send(TimeComplete, undefined),\n    100\n  );\n}\n\nfunction clearLeavingVisibleTimer() {\n  window.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"],"file":"stateMachine.js"}

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

@@ -1,4 +1,4 @@
-import { RefAttributes } from 'react';
+import type { RefAttributes } from 'react';
 export declare type ChildProps = React.HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>;
 export interface InjectedTooltipProps extends React.HTMLAttributes<HTMLElement> {
     anchorEl: React.RefObject<HTMLElement>;

package/build/esm/Tooltip/useTooltip.js

@@ -1,37 +1,41 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useRef, useEffect, useState, useId } from 'react';
 import { assignMultipleRefs } from '../utils/assignRef';
 import { wrapEvent } from '../utils/wrapEvent';
 import { send, state, subscription, Blur, Focus, LeavingVisible, MouseDown, MouseEnter, MouseLeave, MouseMove, SelectWithKeyboard, Visible } from './stateMachine';
 export function useTooltip(childProps, childRef, tooltipProps) {
-  const {
-    onMouseEnter,
-    onMouseLeave,
-    onMouseMove,
-    onMouseDown,
-    onKeyDown,
-    onFocus,
-    onBlur
-  } = childProps;
-  const anchorEl = useRef(null);
-  const [visible, setVisible] = useState(false);
-  const id = useId();
-  useEffect(() => {
-    subscription.subscribe(() => {
+  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 () {
       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
     });
   }
 
@@ -48,7 +52,7 @@ export function useTooltip(childProps, childRef, tooltipProps) {
 
   function handleFocus() {
     send(Focus, {
-      id
+      id: id
     });
   }
 
@@ -65,15 +69,13 @@ export function useTooltip(childProps, childRef, tooltipProps) {
     }
   }
 
-  const {
-    label: children,
-    onMouseEnter: tooltipOnMouseEnter,
-    onMouseLeave: tooltipOnMouseLeave,
-    onMouseMove: tooltipOnMouseMove
-  } = tooltipProps,
-        otherTooltipProps = _objectWithoutPropertiesLoose(tooltipProps, ["label", "onMouseEnter", "onMouseLeave", "onMouseMove"]);
+  var children = tooltipProps.label,
+      tooltipOnMouseEnter = tooltipProps.onMouseEnter,
+      tooltipOnMouseLeave = tooltipProps.onMouseLeave,
+      tooltipOnMouseMove = tooltipProps.onMouseMove,
+      otherTooltipProps = _objectWithoutProperties(tooltipProps, ["label", "onMouseEnter", "onMouseLeave", "onMouseMove"]);
 
-  const tooltipId = "tooltip-".concat(id);
+  var tooltipId = "tooltip-".concat(id);
   return [_extends({}, childProps, {
     ref: assignMultipleRefs(childRef, anchorEl)
   }, visible && {
@@ -88,9 +90,9 @@ export function useTooltip(childProps, childRef, tooltipProps) {
     onKeyDown: wrapEvent(onKeyDown, handleKeyDown)
   }), _extends({
     id: tooltipId,
-    anchorEl,
-    visible,
-    children,
+    anchorEl: anchorEl,
+    visible: visible,
+    children: children,
     onMouseEnter: wrapEvent(tooltipOnMouseEnter, handleMouseEnter),
     onMouseLeave: wrapEvent(tooltipOnMouseLeave, handleMouseLeave),
     onMouseMove: wrapEvent(tooltipOnMouseMove, handleMouseMove),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tooltip/useTooltip.ts"],"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"],"mappings":"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","sourcesContent":["import { useRef, RefAttributes, useEffect, useState, useId } from 'react';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { wrapEvent } from '../utils/wrapEvent';\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 = React.HTMLAttributes<HTMLElement> &\n  RefAttributes<HTMLElement>;\n\nexport interface InjectedTooltipProps\n  extends React.HTMLAttributes<HTMLElement> {\n  anchorEl: React.RefObject<HTMLElement>;\n  visible: boolean;\n  children?: React.ReactNode;\n}\n\nexport function useTooltip(\n  childProps: ChildProps,\n  childRef: React.Ref<HTMLElement> | undefined,\n  tooltipProps: React.HTMLAttributes<HTMLElement> & { label?: React.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: React.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 && { '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"],"file":"useTooltip.js"}
+{"version":3,"sources":["../../../src/Tooltip/useTooltip.ts"],"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"],"mappings":"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","sourcesContent":["import type { RefAttributes } from 'react';\nimport { useRef, useEffect, useState, useId } from 'react';\n\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { wrapEvent } from '../utils/wrapEvent';\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 = React.HTMLAttributes<HTMLElement> &\n  RefAttributes<HTMLElement>;\n\nexport interface InjectedTooltipProps\n  extends React.HTMLAttributes<HTMLElement> {\n  anchorEl: React.RefObject<HTMLElement>;\n  visible: boolean;\n  children?: React.ReactNode;\n}\n\nexport function useTooltip(\n  childProps: ChildProps,\n  childRef: React.Ref<HTMLElement> | undefined,\n  tooltipProps: React.HTMLAttributes<HTMLElement> & { label?: React.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: React.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 && { '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"],"file":"useTooltip.js"}

package/build/esm/hooks/useAutoFocus.js

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { focusOnChildNode } from '../FocusLock/tabUtils';
 export function useAutoFocus(open, elementRef) {
-  useEffect(() => {
+  useEffect(function () {
     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)) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAutoFocus.ts"],"names":["useEffect","focusOnChildNode","useAutoFocus","open","elementRef","current","contains","document","activeElement"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AACA,SAASC,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,SAASC,YAAT,CACLC,IADK,EAELC,UAFK,EAGL;AACAJ,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIG,IAAJ,EAAU;AACR;AACA,UACEC,UAAU,CAACC,OAAX,IACA,CAACD,UAAU,CAACC,OAAX,CAAmBC,QAAnB,CAA4BC,QAAQ,CAACC,aAArC,CAFH,EAGE;AACAP,QAAAA,gBAAgB,CAACG,UAAU,CAACC,OAAZ,EAAqB,CAArB,CAAhB;AACD;AACF,KATa,CAUd;;AACD,GAXQ,EAWN,CAACF,IAAD,CAXM,CAAT;AAYD","sourcesContent":["import { useEffect } from 'react';\nimport { focusOnChildNode } from '../FocusLock/tabUtils';\n\nexport function useAutoFocus(\n  open: boolean,\n  elementRef: React.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"],"file":"useAutoFocus.js"}
+{"version":3,"sources":["../../../src/hooks/useAutoFocus.ts"],"names":["useEffect","focusOnChildNode","useAutoFocus","open","elementRef","current","contains","document","activeElement"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAEA,SAASC,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,SAASC,YAAT,CACLC,IADK,EAELC,UAFK,EAGL;AACAJ,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIG,IAAJ,EAAU;AACR;AACA,UACEC,UAAU,CAACC,OAAX,IACA,CAACD,UAAU,CAACC,OAAX,CAAmBC,QAAnB,CAA4BC,QAAQ,CAACC,aAArC,CAFH,EAGE;AACAP,QAAAA,gBAAgB,CAACG,UAAU,CAACC,OAAZ,EAAqB,CAArB,CAAhB;AACD;AACF,KATa,CAUd;;AACD,GAXQ,EAWN,CAACF,IAAD,CAXM,CAAT;AAYD","sourcesContent":["import { useEffect } from 'react';\n\nimport { focusOnChildNode } from '../FocusLock/tabUtils';\n\nexport function useAutoFocus(\n  open: boolean,\n  elementRef: React.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"],"file":"useAutoFocus.js"}

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

@@ -1,4 +1,4 @@
-import { MutableRefObject } from 'react';
+import type { MutableRefObject } from 'react';
 export declare function useChildrenCounterParent<T>(itemsRef: MutableRefObject<T[] & {
     isNewRender?: boolean;
 }>): void;

package/build/esm/hooks/useChildrenCounter.js

@@ -6,21 +6,23 @@ export function useChildrenCounterParent(itemsRef) {
   // the array
   itemsRef.current = [];
   itemsRef.current.isNewRender = true;
-  useEffect(() => {
+  useEffect(function () {
     // 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(() => {
+  useEffect(function () {
     // When we are unmounting, it means there are no children anymore.
     // Clear out our items array
-    return () => {
+    return function () {
       itemsRef.current = [];
     };
   }, [itemsRef]);
 }
-export function useChildrenCounterChild(itemsRef, itemIndexRef, obj, disabled = false) {
+export function useChildrenCounterChild(itemsRef, itemIndexRef, obj) {
+  var disabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+
   if (itemsRef && itemsRef.current.isNewRender) {
     if (disabled) {
       itemIndexRef.current = -1;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useChildrenCounter.ts"],"names":["useEffect","useChildrenCounterParent","itemsRef","current","isNewRender","useChildrenCounterChild","itemIndexRef","obj","disabled","length","Function","push"],"mappings":"AAAA,SAA2BA,SAA3B,QAA4C,OAA5C;AAEA,OAAO,SAASC,wBAAT,CACLC,QADK,EAEL;AACA;AACA;AACA;AACA;AACAA,EAAAA,QAAQ,CAACC,OAAT,GAAmB,EAAnB;AACAD,EAAAA,QAAQ,CAACC,OAAT,CAAiBC,WAAjB,GAA+B,IAA/B;AAEAJ,EAAAA,SAAS,CAAC,MAAM;AACd;AACA;AACA;AACAE,IAAAA,QAAQ,CAACC,OAAT,CAAiBC,WAAjB,GAA+B,KAA/B;AACD,GALQ,CAAT;AAOAJ,EAAAA,SAAS,CAAC,MAAM;AACd;AACA;AACA,WAAO,MAAM;AACXE,MAAAA,QAAQ,CAACC,OAAT,GAAmB,EAAnB;AACD,KAFD;AAGD,GANQ,EAMN,CAACD,QAAD,CANM,CAAT;AAOD;AAED,OAAO,SAASG,uBAAT,CACLH,QADK,EAELI,YAFK,EAGLC,GAHK,EAILC,QAAQ,GAAG,KAJN,EAKL;AACA,MAAIN,QAAQ,IAAIA,QAAQ,CAACC,OAAT,CAAiBC,WAAjC,EAA8C;AAC5C,QAAII,QAAJ,EAAc;AACZF,MAAAA,YAAY,CAACH,OAAb,GAAuB,CAAC,CAAxB;AACA;AACD,KAJ2C,CAM5C;;;AACAG,IAAAA,YAAY,CAACH,OAAb,GAAuBD,QAAQ,CAACC,OAAT,CAAiBM,MAAxC;;AAEA,QAAIF,GAAG,YAAYG,QAAnB,EAA6B;AAC3BR,MAAAA,QAAQ,CAACC,OAAT,CAAiBQ,IAAjB,CAAsBJ,GAAG,CAACD,YAAY,CAACH,OAAd,CAAzB;AACD,KAFD,MAEO;AACLD,MAAAA,QAAQ,CAACC,OAAT,CAAiBQ,IAAjB,CAAsBJ,GAAtB;AACD;AACF;AACF","sourcesContent":["import { MutableRefObject, 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"],"file":"useChildrenCounter.js"}
+{"version":3,"sources":["../../../src/hooks/useChildrenCounter.ts"],"names":["useEffect","useChildrenCounterParent","itemsRef","current","isNewRender","useChildrenCounterChild","itemIndexRef","obj","disabled","length","Function","push"],"mappings":"AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,OAAO,SAASC,wBAAT,CACLC,QADK,EAEL;AACA;AACA;AACA;AACA;AACAA,EAAAA,QAAQ,CAACC,OAAT,GAAmB,EAAnB;AACAD,EAAAA,QAAQ,CAACC,OAAT,CAAiBC,WAAjB,GAA+B,IAA/B;AAEAJ,EAAAA,SAAS,CAAC,YAAM;AACd;AACA;AACA;AACAE,IAAAA,QAAQ,CAACC,OAAT,CAAiBC,WAAjB,GAA+B,KAA/B;AACD,GALQ,CAAT;AAOAJ,EAAAA,SAAS,CAAC,YAAM;AACd;AACA;AACA,WAAO,YAAM;AACXE,MAAAA,QAAQ,CAACC,OAAT,GAAmB,EAAnB;AACD,KAFD;AAGD,GANQ,EAMN,CAACD,QAAD,CANM,CAAT;AAOD;AAED,OAAO,SAASG,uBAAT,CACLH,QADK,EAELI,YAFK,EAGLC,GAHK,EAKL;AAAA,MADAC,QACA,uEADW,KACX;;AACA,MAAIN,QAAQ,IAAIA,QAAQ,CAACC,OAAT,CAAiBC,WAAjC,EAA8C;AAC5C,QAAII,QAAJ,EAAc;AACZF,MAAAA,YAAY,CAACH,OAAb,GAAuB,CAAC,CAAxB;AACA;AACD,KAJ2C,CAM5C;;;AACAG,IAAAA,YAAY,CAACH,OAAb,GAAuBD,QAAQ,CAACC,OAAT,CAAiBM,MAAxC;;AAEA,QAAIF,GAAG,YAAYG,QAAnB,EAA6B;AAC3BR,MAAAA,QAAQ,CAACC,OAAT,CAAiBQ,IAAjB,CAAsBJ,GAAG,CAACD,YAAY,CAACH,OAAd,CAAzB;AACD,KAFD,MAEO;AACLD,MAAAA,QAAQ,CAACC,OAAT,CAAiBQ,IAAjB,CAAsBJ,GAAtB;AACD;AACF;AACF","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"],"file":"useChildrenCounter.js"}

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

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

package/build/esm/hooks/useControlledState.js

@@ -1,8 +1,13 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useRef, useState } from 'react';
 import { wrapEvent } from '../utils';
 export function useControlledState(valueProp, onChangeProp, defaultValue, defaultOnChange) {
-  const isControlled = useRef(valueProp !== undefined);
-  const [valueState, setValueState] = useState(defaultValue);
+  var isControlled = useRef(valueProp !== undefined);
+
+  var _useState = useState(defaultValue),
+      _useState2 = _slicedToArray(_useState, 2),
+      valueState = _useState2[0],
+      setValueState = _useState2[1];
 
   if (isControlled.current) {
     if (valueProp === undefined) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useControlledState.ts"],"names":["useRef","useState","wrapEvent","useControlledState","valueProp","onChangeProp","defaultValue","defaultOnChange","isControlled","undefined","valueState","setValueState","current","console","warn"],"mappings":"AAAA,SAASA,MAAT,EAAiBC,QAAjB,QAAiC,OAAjC;AACA,SAASC,SAAT,QAA8C,UAA9C;AAEA,OAAO,SAASC,kBAAT,CAKLC,SALK,EAMLC,YANK,EAOLC,YAPK,EAQLC,eARK,EAeL;AACA,QAAMC,YAAY,GAAGR,MAAM,CAACI,SAAS,KAAKK,SAAf,CAA3B;AACA,QAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BV,QAAQ,CAAIK,YAAJ,CAA5C;;AAEA,MAAIE,YAAY,CAACI,OAAjB,EAA0B;AACxB,QAAIR,SAAS,KAAKK,SAAlB,EAA6B;AAC3BI,MAAAA,OAAO,CAACC,IAAR,CAAa,mDAAb;AACD,KAHuB,CAIxB;;;AACA,WAAO,CAACV,SAAD,EAAaC,YAAb,EAA2BM,aAA3B,CAAP;AACD;;AAED,SAAO,CACL;AACAD,EAAAA,UAFK,EAGLR,SAAS,CAACG,YAAD,EAAeE,eAAe,CAACI,aAAD,CAA9B,CAHJ,EAILA,aAJK,CAAP;AAMD","sourcesContent":["import { useRef, useState } from 'react';\nimport { wrapEvent, CustomEventHandler } from '../utils';\n\nexport function useControlledState<\n  V,\n  E extends React.SyntheticEvent<any>,\n  H extends unknown[]\n>(\n  valueProp: V | undefined,\n  onChangeProp: CustomEventHandler<E, H> | undefined,\n  defaultValue: V,\n  defaultOnChange: (\n    setValue: React.Dispatch<React.SetStateAction<V>>\n  ) => CustomEventHandler<E, H>\n): [\n  V,\n  CustomEventHandler<E, H> | undefined,\n  React.Dispatch<React.SetStateAction<V>>\n] {\n  const isControlled = useRef(valueProp !== undefined);\n  const [valueState, setValueState] = useState<V>(defaultValue);\n\n  if (isControlled.current) {\n    if (valueProp === undefined) {\n      console.warn('Trying to change from controlled to uncontrolled.');\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return [valueProp!, onChangeProp, setValueState];\n  }\n\n  return [\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    valueState!,\n    wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n    setValueState,\n  ];\n}\n"],"file":"useControlledState.js"}
+{"version":3,"sources":["../../../src/hooks/useControlledState.ts"],"names":["useRef","useState","wrapEvent","useControlledState","valueProp","onChangeProp","defaultValue","defaultOnChange","isControlled","undefined","valueState","setValueState","current","console","warn"],"mappings":";AAAA,SAASA,MAAT,EAAiBC,QAAjB,QAAiC,OAAjC;AAGA,SAASC,SAAT,QAA0B,UAA1B;AAEA,OAAO,SAASC,kBAAT,CAKLC,SALK,EAMLC,YANK,EAOLC,YAPK,EAQLC,eARK,EAeL;AACA,MAAMC,YAAY,GAAGR,MAAM,CAACI,SAAS,KAAKK,SAAf,CAA3B;;AADA,kBAEoCR,QAAQ,CAAIK,YAAJ,CAF5C;AAAA;AAAA,MAEOI,UAFP;AAAA,MAEmBC,aAFnB;;AAIA,MAAIH,YAAY,CAACI,OAAjB,EAA0B;AACxB,QAAIR,SAAS,KAAKK,SAAlB,EAA6B;AAC3BI,MAAAA,OAAO,CAACC,IAAR,CAAa,mDAAb;AACD,KAHuB,CAIxB;;;AACA,WAAO,CAACV,SAAD,EAAaC,YAAb,EAA2BM,aAA3B,CAAP;AACD;;AAED,SAAO,CACL;AACAD,EAAAA,UAFK,EAGLR,SAAS,CAACG,YAAD,EAAeE,eAAe,CAACI,aAAD,CAA9B,CAHJ,EAILA,aAJK,CAAP;AAMD","sourcesContent":["import { useRef, useState } from 'react';\n\nimport type { CustomEventHandler } from '../utils';\nimport { wrapEvent } from '../utils';\n\nexport function useControlledState<\n  V,\n  E extends React.SyntheticEvent<any>,\n  H extends unknown[]\n>(\n  valueProp: V | undefined,\n  onChangeProp: CustomEventHandler<E, H> | undefined,\n  defaultValue: V,\n  defaultOnChange: (\n    setValue: React.Dispatch<React.SetStateAction<V>>\n  ) => CustomEventHandler<E, H>\n): [\n  V,\n  CustomEventHandler<E, H> | undefined,\n  React.Dispatch<React.SetStateAction<V>>\n] {\n  const isControlled = useRef(valueProp !== undefined);\n  const [valueState, setValueState] = useState<V>(defaultValue);\n\n  if (isControlled.current) {\n    if (valueProp === undefined) {\n      console.warn('Trying to change from controlled to uncontrolled.');\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return [valueProp!, onChangeProp, setValueState];\n  }\n\n  return [\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    valueState!,\n    wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n    setValueState,\n  ];\n}\n"],"file":"useControlledState.js"}

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

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

package/build/esm/hooks/useFocusReturn.js

@@ -1,13 +1,13 @@
 import { useEffect, useRef } from 'react';
 export function useFocusReturn(open, rootEl) {
-  const previousFocusRef = useRef((() => {
+  var previousFocusRef = useRef(function () {
     if (open && typeof document !== 'undefined' && document.activeElement instanceof HTMLElement) {
       return document.activeElement;
     }
 
     return null;
-  })());
-  useEffect(() => {
+  }());
+  useEffect(function () {
     if (open) {
       var _rootEl$current;
 
@@ -17,9 +17,9 @@ export function useFocusReturn(open, rootEl) {
         previousFocusRef.current = document.activeElement;
       }
 
-      const rootElement = rootEl.current;
-      const previousElement = previousFocusRef.current;
-      return () => {
+      var rootElement = rootEl.current;
+      var previousElement = previousFocusRef.current;
+      return function () {
         // on unmount, return focus to that element
         if (previousElement && !(rootElement != null && rootElement.contains(document.activeElement))) {
           previousElement.focus({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusReturn.ts"],"names":["useEffect","useRef","useFocusReturn","open","rootEl","previousFocusRef","document","activeElement","HTMLElement","current","contains","rootElement","previousElement","focus","preventScroll"],"mappings":"AAAA,SAA2BA,SAA3B,EAAsCC,MAAtC,QAAoD,OAApD;AAEA,OAAO,SAASC,cAAT,CACLC,IADK,EAELC,MAFK,EAGL;AACA,QAAMC,gBAAgB,GAAGJ,MAAM,CAC7B,CAAC,MAAM;AACL,QACEE,IAAI,IACJ,OAAOG,QAAP,KAAoB,WADpB,IAEAA,QAAQ,CAACC,aAAT,YAAkCC,WAHpC,EAIE;AACA,aAAOF,QAAQ,CAACC,aAAhB;AACD;;AACD,WAAO,IAAP;AACD,GATD,GAD6B,CAA/B;AAaAP,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIG,IAAJ,EAAU;AAAA;;AACR;AACA;AACA,UACE,CAACE,gBAAgB,CAACI,OAAlB,IACAH,QAAQ,CAACC,aAAT,YAAkCC,WADlC,IAEA,qBAACJ,MAAM,CAACK,OAAR,aAAC,gBAAgBC,QAAhB,CAAyBJ,QAAQ,CAACC,aAAlC,CAAD,CAHF,EAIE;AACAF,QAAAA,gBAAgB,CAACI,OAAjB,GAA2BH,QAAQ,CAACC,aAApC;AACD;;AAED,YAAMI,WAAW,GAAGP,MAAM,CAACK,OAA3B;AACA,YAAMG,eAAe,GAAGP,gBAAgB,CAACI,OAAzC;AACA,aAAO,MAAM;AACX;AACA,YAAIG,eAAe,IAAI,EAACD,WAAD,YAACA,WAAW,CAAED,QAAb,CAAsBJ,QAAQ,CAACC,aAA/B,CAAD,CAAvB,EAAuE;AACrEK,UAAAA,eAAe,CAACC,KAAhB,CAAsB;AAAEC,YAAAA,aAAa,EAAE;AAAjB,WAAtB;AACD;AACF,OALD;AAMD;AACF,GArBQ,EAqBN,CAACX,IAAD,EAAOC,MAAP,CArBM,CAAT;AAsBD","sourcesContent":["import { MutableRefObject, 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"],"file":"useFocusReturn.js"}
+{"version":3,"sources":["../../../src/hooks/useFocusReturn.ts"],"names":["useEffect","useRef","useFocusReturn","open","rootEl","previousFocusRef","document","activeElement","HTMLElement","current","contains","rootElement","previousElement","focus","preventScroll"],"mappings":"AACA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AAEA,OAAO,SAASC,cAAT,CACLC,IADK,EAELC,MAFK,EAGL;AACA,MAAMC,gBAAgB,GAAGJ,MAAM,CAC5B,YAAM;AACL,QACEE,IAAI,IACJ,OAAOG,QAAP,KAAoB,WADpB,IAEAA,QAAQ,CAACC,aAAT,YAAkCC,WAHpC,EAIE;AACA,aAAOF,QAAQ,CAACC,aAAhB;AACD;;AACD,WAAO,IAAP;AACD,GATD,EAD6B,CAA/B;AAaAP,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIG,IAAJ,EAAU;AAAA;;AACR;AACA;AACA,UACE,CAACE,gBAAgB,CAACI,OAAlB,IACAH,QAAQ,CAACC,aAAT,YAAkCC,WADlC,IAEA,qBAACJ,MAAM,CAACK,OAAR,aAAC,gBAAgBC,QAAhB,CAAyBJ,QAAQ,CAACC,aAAlC,CAAD,CAHF,EAIE;AACAF,QAAAA,gBAAgB,CAACI,OAAjB,GAA2BH,QAAQ,CAACC,aAApC;AACD;;AAED,UAAMI,WAAW,GAAGP,MAAM,CAACK,OAA3B;AACA,UAAMG,eAAe,GAAGP,gBAAgB,CAACI,OAAzC;AACA,aAAO,YAAM;AACX;AACA,YAAIG,eAAe,IAAI,EAACD,WAAD,YAACA,WAAW,CAAED,QAAb,CAAsBJ,QAAQ,CAACC,aAA/B,CAAD,CAAvB,EAAuE;AACrEK,UAAAA,eAAe,CAACC,KAAhB,CAAsB;AAAEC,YAAAA,aAAa,EAAE;AAAjB,WAAtB;AACD;AACF,OALD;AAMD;AACF,GArBQ,EAqBN,CAACX,IAAD,EAAOC,MAAP,CArBM,CAAT;AAsBD","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"],"file":"useFocusReturn.js"}

package/build/esm/hooks/useFocusState.js

@@ -1,17 +1,21 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState } from 'react';
 import { wrapEvent } from '../utils/wrapEvent';
-export function useFocusState(props = {}) {
-  const {
-    onFocus,
-    onBlur
-  } = props;
-  const [hasFocus, setHasFocus] = useState(false);
+export function useFocusState() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var onFocus = props.onFocus,
+      onBlur = props.onBlur;
 
-  const handleFocus = () => {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      hasFocus = _useState2[0],
+      setHasFocus = _useState2[1];
+
+  var handleFocus = function handleFocus() {
     setHasFocus(true);
   };
 
-  const handleBlur = () => {
+  var handleBlur = function handleBlur() {
     setHasFocus(false);
   };
 
@@ -20,7 +24,7 @@ export function useFocusState(props = {}) {
       onFocus: wrapEvent(onFocus, handleFocus),
       onBlur: wrapEvent(onBlur, handleBlur)
     },
-    hasFocus
+    hasFocus: hasFocus
   };
 }
 //# sourceMappingURL=useFocusState.js.map