@plasmicpkgs/react-aria 0.0.111 → 0.0.113

package/dist/react-aria.esm.js

@@ -1,6 +1,6 @@
 import { usePlasmicCanvasContext, usePlasmicCanvasComponentInfo, usePlasmicLink } from '@plasmicapp/host';
 import React, { useEffect, useState, useMemo, useCallback, forwardRef, useImperativeHandle, Component, useRef, useId } from 'react';
-import { mergeProps, useLink, useHover, useFocusRing, useFocusWithin } from 'react-aria';
+import { mergeProps, useLink, useHover, useFocusRing, useButton, useFocusWithin } from 'react-aria';
 import { Button, Checkbox, Text, Label, CheckboxGroup, Input, ListBoxItem, ListBox, Section, Header, PopoverContext, Popover, ComboBox, ComboBoxStateContext, Dialog, ModalOverlay, Modal, DialogTrigger, Heading, TooltipContext, OverlayArrow, Radio, RadioGroup, Select, SelectStateContext, SelectValue, SliderOutput, SliderThumb, Slider, SliderTrack, Switch, TextArea, TextField, Provider, TooltipTriggerStateContext, Tooltip } from 'react-aria-components';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import { mergeProps as mergeProps$1 } from '@react-aria/utils';
@@ -2833,15 +2833,26 @@ var __objRest$b = (source, exclude) => {
     }
   return target;
 };
+function TriggerWrapper$1({ children, className }) {
+  const ref = React.useRef(null);
+  const { buttonProps } = useButton({}, ref);
+  const mergedProps = mergeProps(buttonProps, {
+    ref,
+    // We expose className to allow user control over the wrapper div's styling.
+    className,
+    style: COMMON_STYLES
+  });
+  return /* @__PURE__ */ React.createElement("div", __spreadValues$d({}, mergedProps), children);
+}
 function BaseDialogTrigger(props) {
   var _b, _c;
-  const _a = props, { trigger, dialog, isOpen } = _a, rest = __objRest$b(_a, ["trigger", "dialog", "isOpen"]);
+  const _a = props, { trigger, dialog, isOpen, className } = _a, rest = __objRest$b(_a, ["trigger", "dialog", "isOpen", "className"]);
   const { isSelected, selectedSlotName } = (_c = (_b = usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) != null ? _c : {};
   const isAutoOpen = selectedSlotName !== "trigger" && isSelected;
   const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
     isOpen: isAutoOpen || isOpen
   });
-  return /* @__PURE__ */ React.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React.createElement(DialogTrigger, __spreadValues$d({}, mergedProps), trigger, dialog));
+  return /* @__PURE__ */ React.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React.createElement(DialogTrigger, __spreadValues$d({}, mergedProps), trigger && /* @__PURE__ */ React.createElement(TriggerWrapper$1, { className }, trigger), dialog));
 }
 function registerDialogTrigger(loader, overrides) {
   registerComponentHelper(
@@ -2852,7 +2863,6 @@ function registerDialogTrigger(loader, overrides) {
       displayName: "Aria Dialog Trigger",
       importPath: "@plasmicpkgs/react-aria/skinny/registerDialogTrigger",
       importName: "BaseDialogTrigger",
-      styleSections: false,
       props: {
         trigger: {
           type: "slot",