@plasmicpkgs/react-aria 0.0.131 → 0.0.133

package/dist/react-aria.esm.js

@@ -1,5 +1,5 @@
 import { usePlasmicCanvasContext, usePlasmicCanvasComponentInfo, usePlasmicLink } from '@plasmicapp/host';
-import React, { useEffect, useState, useMemo, useCallback, forwardRef, useImperativeHandle, useRef, useId } from 'react';
+import React, { useEffect, useState, useMemo, useCallback, forwardRef, useImperativeHandle, useContext, useRef, useId } from 'react';
 import { mergeProps, useLink, useHover, useFocusRing, useButton, useFocusWithin } from 'react-aria';
 import { Button, Checkbox, Text, Label, CheckboxGroup, useContextProps, InputContext, ListBoxItem, ListBox, Section, Header, PopoverContext, Popover, ComboBox, ComboBoxStateContext, Dialog, ModalOverlay, Modal, DialogTrigger, Heading, TooltipTriggerStateContext, OverlayArrow, Radio, RadioGroup, Select, SelectStateContext, SelectValue, SliderOutput, Slider, SliderTrackContext, SliderThumb, SliderTrack, Switch, TextAreaContext, TextField, Provider, Tooltip } from 'react-aria-components';
 import registerComponent from '@plasmicapp/host/registerComponent';
@@ -3113,7 +3113,7 @@ function registerOverlayArrow(loader, overrides) {
       displayName: "Aria Overlay Arrow",
       importPath: "@plasmicpkgs/react-aria/skinny/registerOverlayArrow",
       importName: "BaseOverlayArrow",
-      styleSections: false,
+      styleSections: ["visibility"],
       variants: variants$9,
       props: {
         children: {
@@ -5031,7 +5031,6 @@ function ControlledBaseTooltip(props) {
         className,
         tooltipId: state.isOpen ? tooltipId : void 0,
         isDisabled,
-        onOpenChange,
         triggerOnFocusOnly: trigger === "focus"
       },
       children
@@ -5054,27 +5053,17 @@ function ControlledBaseTooltip(props) {
   );
 }
 const TriggerWrapper = React.forwardRef(
-  function TriggerWrapper_({
-    children,
-    onOpenChange,
-    isDisabled,
-    triggerOnFocusOnly,
-    tooltipId,
-    className
-  }, ref) {
+  function TriggerWrapper_({ children, isDisabled, triggerOnFocusOnly, tooltipId, className }, ref) {
+    const state = useContext(TooltipTriggerStateContext);
     const { hoverProps } = useHover({
       isDisabled,
-      onHoverStart: () => !triggerOnFocusOnly && onOpenChange(true),
-      onHoverEnd: () => !triggerOnFocusOnly && onOpenChange(false)
+      onHoverStart: () => !triggerOnFocusOnly && state.open(),
+      onHoverEnd: () => !triggerOnFocusOnly && state.close()
     });
     const { focusWithinProps } = useFocusWithin({
       isDisabled,
-      onFocusWithin: () => {
-        onOpenChange(true);
-      },
-      onBlurWithin: () => {
-        onOpenChange(false);
-      }
+      onFocusWithin: () => state.open(),
+      onBlurWithin: () => state.close()
     });
     const mergedProps = mergeProps(hoverProps, focusWithinProps, {
       "aria-describedby": tooltipId,