@plasmicpkgs/react-aria 0.0.81 → 0.0.83

package/dist/react-aria.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var host = require('@plasmicapp/host');
 var React = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
+var host = require('@plasmicapp/host');
 var registerComponent = require('@plasmicapp/host/registerComponent');
 var utils = require('@react-aria/utils');
 var flattenChildren = require('react-keyed-flatten-children');
@@ -179,7 +179,7 @@ function createAriaLabelProp(componentName) {
   return {
     type: "string",
     displayName: "ARIA label",
-    description: `Label for this ${componentName}, if no visible label is used, to identify the element to assistive technology`,
+    description: `Assistive technology uses this if there is no visible label for this ${componentName}`,
     advanced: true,
     hidden: hasParent
   };
@@ -543,7 +543,7 @@ var __spreadValues$p = (a, b) => {
   return a;
 };
 var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
-var __objRest$n = (source, exclude) => {
+var __objRest$m = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -563,33 +563,25 @@ const BUTTON_VARIANTS = [
   "disabled"
 ];
 const { variants: variants$f, withObservedValues: withObservedValues$d } = pickAriaComponentVariants(BUTTON_VARIANTS);
-const BaseButton = React__default.default.forwardRef(
-  (props, ref) => {
-    var _b;
-    const _a = props, { submitsForm, resetsForm, children, plasmicUpdateVariant } = _a, rest = __objRest$n(_a, ["submitsForm", "resetsForm", "children", "plasmicUpdateVariant"]);
-    const canvasContext = (_b = host.usePlasmicCanvasContext) == null ? void 0 : _b();
-    const isEditMode = canvasContext && canvasContext.interactive === false;
-    const type = submitsForm ? "submit" : resetsForm ? "reset" : "button";
-    const mergedProps = reactAria.mergeProps(rest, {
-      type,
-      ref,
-      // The rich text editor can cancel effect of clicks/hover, but not of key strokes.
-      // When pressing space key, the button's "pressed" state is triggered, and the rich text editor loses focus as a result.
-      preventFocusOnPress: isEditMode
-    });
-    return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Button, __spreadValues$p({}, mergedProps), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$d(
-      children,
-      {
-        hovered: isHovered,
-        pressed: isPressed,
-        focused: isFocused,
-        focusVisible: isFocusVisible,
-        disabled: isDisabled
-      },
-      plasmicUpdateVariant
-    ));
-  }
-);
+const BaseButton = React__default.default.forwardRef(function BaseButtonInner(props, ref) {
+  const _a = props, { submitsForm, resetsForm, children, plasmicUpdateVariant } = _a, rest = __objRest$m(_a, ["submitsForm", "resetsForm", "children", "plasmicUpdateVariant"]);
+  const type = submitsForm ? "submit" : resetsForm ? "reset" : "button";
+  const mergedProps = reactAria.mergeProps(rest, {
+    type,
+    ref
+  });
+  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Button, __spreadValues$p({}, mergedProps), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$d(
+    children,
+    {
+      hovered: isHovered,
+      pressed: isPressed,
+      focused: isFocused,
+      focusVisible: isFocusVisible,
+      disabled: isDisabled
+    },
+    plasmicUpdateVariant
+  ));
+});
 const BUTTON_COMPONENT_NAME = makeComponentName("button");
 function registerButton(loader, overrides) {
   registerComponentHelper(
@@ -682,7 +674,7 @@ var __spreadValues$o = (a, b) => {
   return a;
 };
 var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
-var __objRest$m = (source, exclude) => {
+var __objRest$l = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -707,7 +699,7 @@ const CHECKBOX_VARIANTS = [
 ];
 const { variants: variants$e, withObservedValues: withObservedValues$c } = pickAriaComponentVariants(CHECKBOX_VARIANTS);
 function BaseCheckbox(props) {
-  const _a = props, { children, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$m(_a, ["children", "plasmicUpdateVariant", "setControlContextData"]);
+  const _a = props, { children, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$l(_a, ["children", "plasmicUpdateVariant", "setControlContextData"]);
   const contextProps = React__default.default.useContext(PlasmicCheckboxGroupContext);
   setControlContextData == null ? void 0 : setControlContextData({
     parent: contextProps
@@ -880,7 +872,7 @@ var __spreadValues$n = (a, b) => {
   return a;
 };
 var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
-var __objRest$l = (source, exclude) => {
+var __objRest$k = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$n.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -893,7 +885,7 @@ var __objRest$l = (source, exclude) => {
   return target;
 };
 function BaseText(_a) {
-  var _b = _a, { children, slot, className } = _b, rest = __objRest$l(_b, ["children", "slot", "className"]);
+  var _b = _a, { children, slot, className } = _b, rest = __objRest$k(_b, ["children", "slot", "className"]);
   return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Text, __spreadProps$d(__spreadValues$n({}, extractPlasmicDataProps(rest)), { slot, className }), children);
 }
 const TEXT_COMPONENT_NAME = makeComponentName("text");
@@ -981,7 +973,7 @@ var __spreadValues$l = (a, b) => {
   return a;
 };
 var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
-var __objRest$k = (source, exclude) => {
+var __objRest$j = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$l.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -994,7 +986,7 @@ var __objRest$k = (source, exclude) => {
   return target;
 };
 function BaseLabel(_a) {
-  var _b = _a, { children, className } = _b, rest = __objRest$k(_b, ["children", "className"]);
+  var _b = _a, { children, className } = _b, rest = __objRest$j(_b, ["children", "className"]);
   return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Label, __spreadProps$b(__spreadValues$l({}, extractPlasmicDataProps(rest)), { className }), children);
 }
 const LABEL_COMPONENT_NAME = makeComponentName("label");
@@ -1045,7 +1037,7 @@ var __spreadValues$k = (a, b) => {
   return a;
 };
 var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
-var __objRest$j = (source, exclude) => {
+var __objRest$i = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$k.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1062,7 +1054,7 @@ const { variants: variants$d, withObservedValues: withObservedValues$b } = pickA
   CHECKBOX_GROUP_VARIANTS
 );
 function BaseCheckboxGroup(props) {
-  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$j(_a, ["children", "plasmicUpdateVariant"]);
+  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$i(_a, ["children", "plasmicUpdateVariant"]);
   return /* @__PURE__ */ React__default.default.createElement(PlasmicCheckboxGroupContext.Provider, { value: rest }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.CheckboxGroup, __spreadValues$k({}, rest), ({ isDisabled, isReadOnly }) => withObservedValues$b(
     children,
     {
@@ -1268,7 +1260,7 @@ var __spreadValues$j = (a, b) => {
     }
   return a;
 };
-var __objRest$i = (source, exclude) => {
+var __objRest$h = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$j.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1303,7 +1295,7 @@ function BaseInput(props) {
     disabled,
     autoComplete,
     value
-  } = _a, rest = __objRest$i(_a, [
+  } = _a, rest = __objRest$h(_a, [
     "plasmicUpdateVariant",
     "setControlContextData",
     "disabled",
@@ -1438,7 +1430,7 @@ var __spreadValues$i = (a, b) => {
     }
   return a;
 };
-var __objRest$h = (source, exclude) => {
+var __objRest$g = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$i.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1462,7 +1454,7 @@ const { variants: variants$b, withObservedValues: withObservedValues$a } = pickA
   LIST_BOX_ITEM_VARIANTS
 );
 function BaseListBoxItem(props) {
-  const _a = props, { children, setControlContextData, plasmicUpdateVariant, id } = _a, rest = __objRest$h(_a, ["children", "setControlContextData", "plasmicUpdateVariant", "id"]);
+  const _a = props, { children, setControlContextData, plasmicUpdateVariant, id } = _a, rest = __objRest$g(_a, ["children", "setControlContextData", "plasmicUpdateVariant", "id"]);
   const listboxContext = React__default.default.useContext(PlasmicListBoxContext);
   const isStandalone = !listboxContext;
   const [registeredId, setRegisteredId] = React.useState();
@@ -1611,7 +1603,7 @@ var __spreadValues$h = (a, b) => {
     }
   return a;
 };
-var __objRest$g = (source, exclude) => {
+var __objRest$f = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$h.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1624,7 +1616,7 @@ var __objRest$g = (source, exclude) => {
   return target;
 };
 function BaseSection(props) {
-  const _a = props, { header, items } = _a, rest = __objRest$g(_a, ["header", "items"]);
+  const _a = props, { header, items } = _a, rest = __objRest$f(_a, ["header", "items"]);
   const contextProps = React__default.default.useContext(PlasmicListBoxContext);
   const isStandalone = !contextProps;
   const section = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Section, __spreadValues$h({}, rest), /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Header, null, header), items);
@@ -1688,7 +1680,7 @@ var __spreadValues$g = (a, b) => {
     }
   return a;
 };
-var __objRest$f = (source, exclude) => {
+var __objRest$e = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1718,7 +1710,7 @@ function BaseListBox(props) {
     children,
     selectedKeys,
     defaultSelectedKeys
-  } = _a, rest = __objRest$f(_a, [
+  } = _a, rest = __objRest$e(_a, [
     "setControlContextData",
     "children",
     "selectedKeys",
@@ -1950,7 +1942,7 @@ var __spreadValues$f = (a, b) => {
     }
   return a;
 };
-var __objRest$e = (source, exclude) => {
+var __objRest$d = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1975,7 +1967,7 @@ function BasePopover(props) {
     plasmicUpdateVariant,
     setControlContextData,
     matchTriggerWidth
-  } = _a, restProps = __objRest$e(_a, [
+  } = _a, restProps = __objRest$d(_a, [
     "resetClassName",
     "plasmicUpdateVariant",
     "setControlContextData",
@@ -2002,7 +1994,7 @@ function BasePopover(props) {
       // In component view, we never want to start with an empty artboard, so isOpen has to be true
       isOpen: true
     } : null
-  ), { children } = _b, mergedProps = __objRest$e(_b, ["children"]);
+  ), { children } = _b, mergedProps = __objRest$d(_b, ["children"]);
   React.useEffect(() => {
     setControlContextData == null ? void 0 : setControlContextData({
       canMatchTriggerWidth: hasTrigger
@@ -2148,7 +2140,7 @@ var __spreadValues$e = (a, b) => {
   return a;
 };
 var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
-var __objRest$d = (source, exclude) => {
+var __objRest$c = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2177,7 +2169,7 @@ function BaseComboBox(props) {
     className,
     isDisabled,
     isOpen: _isOpen
-  } = _a, rest = __objRest$d(_a, [
+  } = _a, rest = __objRest$c(_a, [
     "children",
     "setControlContextData",
     "plasmicUpdateVariant",
@@ -2380,7 +2372,7 @@ var __spreadValues$d = (a, b) => {
     }
   return a;
 };
-var __objRest$c = (source, exclude) => {
+var __objRest$b = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2393,7 +2385,7 @@ var __objRest$c = (source, exclude) => {
   return target;
 };
 function BaseHeading(_a) {
-  var _b = _a, { children } = _b, rest = __objRest$c(_b, ["children"]);
+  var _b = _a, { children } = _b, rest = __objRest$b(_b, ["children"]);
   return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Heading, __spreadValues$d({}, rest), children);
 }
 const HEADING_COMPONENT_NAME = makeComponentName("heading");
@@ -2451,7 +2443,7 @@ var __spreadValues$c = (a, b) => {
   return a;
 };
 var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
-var __objRest$b = (source, exclude) => {
+var __objRest$a = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2467,7 +2459,7 @@ const INLINE_STYLES = {
   outline: "none"
 };
 const BaseModal = React.forwardRef(
-  function _BaseModal(props, ref) {
+  function BaseModalInner(props, ref) {
     var _b, _c, _d;
     const _a = props, {
       children,
@@ -2477,7 +2469,7 @@ const BaseModal = React.forwardRef(
       resetClassName,
       setControlContextData,
       isDismissable
-    } = _a, rest = __objRest$b(_a, [
+    } = _a, rest = __objRest$a(_a, [
       "children",
       "modalOverlayClass",
       "className",
@@ -2486,6 +2478,8 @@ const BaseModal = React.forwardRef(
       "setControlContextData",
       "isDismissable"
     ]);
+    const canvasCtx = host.usePlasmicCanvasContext();
+    const isEditMode = canvasCtx && canvasCtx.interactive === false;
     const isSelected = (_d = (_c = (_b = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) == null ? void 0 : _c.isSelected) != null ? _d : false;
     const contextProps = React__default.default.useContext(PlasmicDialogTriggerContext);
     const isStandalone = !contextProps;
@@ -2496,10 +2490,9 @@ const BaseModal = React.forwardRef(
               1. Clicking anywhere inside the modal dismisses it
               2. If the modal is auto-opened due to selection in outline tab, the modal stays open despite issue #1, but the text elements inside the modal are no longer selectable, and therefore the text or headings inside the modal are not editable.
       
-              To fix the above issue, we set an interim isDismissable state to false while the modal is auto-open (`isSelected` is true).
-              Also note that `isSelected` can only be true in canvas (non-interactive mode), so we can safely (temporarily) set `isDismissable` to false in this case, because it only matters in interactive mode.
+              To fix the above issue, we set an interim isDismissable state to false in edit mode, because it only matters in interactive mode.
             */
-      isDismissable: isSelected ? false : isDismissable
+      isDismissable: isEditMode ? false : isDismissable
     });
     setControlContextData == null ? void 0 : setControlContextData({
       parent: isStandalone ? void 0 : {}
@@ -2514,7 +2507,6 @@ const BaseModal = React.forwardRef(
         (_a2 = mergedProps.onOpenChange) == null ? void 0 : _a2.call(mergedProps, true);
       }
     }));
-    const isCanvas = host.usePlasmicCanvasContext();
     const bodyInCanvas = /* @__PURE__ */ React__default.default.createElement("div", { style: INLINE_STYLES }, children);
     const bodyInPreview = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Dialog, { style: INLINE_STYLES }, children);
     return /* @__PURE__ */ React__default.default.createElement(
@@ -2522,7 +2514,7 @@ const BaseModal = React.forwardRef(
       __spreadProps$8(__spreadValues$c({}, mergedProps), {
         className: `${resetClassName} ${modalOverlayClass}`
       }),
-      /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Modal, { className }, isCanvas ? bodyInCanvas : bodyInPreview)
+      /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Modal, { className }, canvasCtx ? bodyInCanvas : bodyInPreview)
     );
   }
 );
@@ -2659,7 +2651,7 @@ var __spreadValues$b = (a, b) => {
   return a;
 };
 var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-var __objRest$a = (source, exclude) => {
+var __objRest$9 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2673,7 +2665,7 @@ var __objRest$a = (source, exclude) => {
 };
 function BaseDialogTrigger(props) {
   var _b, _c, _d;
-  const _a = props, { trigger, dialog, isOpen } = _a, rest = __objRest$a(_a, ["trigger", "dialog", "isOpen"]);
+  const _a = props, { trigger, dialog, isOpen } = _a, rest = __objRest$9(_a, ["trigger", "dialog", "isOpen"]);
   const { isSelected, selectedSlotName } = (_c = (_b = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) != null ? _c : {};
   const isAutoOpen = selectedSlotName !== "trigger" && isSelected;
   const mergedProps = __spreadProps$7(__spreadValues$b({}, rest), {
@@ -2759,7 +2751,7 @@ var __spreadValues$a = (a, b) => {
   return a;
 };
 var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-var __objRest$9 = (source, exclude) => {
+var __objRest$8 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2783,7 +2775,7 @@ const RADIO_VARIANTS = [
 ];
 const { variants: variants$9, withObservedValues: withObservedValues$8 } = pickAriaComponentVariants(RADIO_VARIANTS);
 function BaseRadio(props) {
-  const _a = props, { children, setControlContextData, plasmicUpdateVariant } = _a, rest = __objRest$9(_a, ["children", "setControlContextData", "plasmicUpdateVariant"]);
+  const _a = props, { children, setControlContextData, plasmicUpdateVariant } = _a, rest = __objRest$8(_a, ["children", "setControlContextData", "plasmicUpdateVariant"]);
   const contextProps = React__default.default.useContext(PlasmicRadioGroupContext);
   const isStandalone = !contextProps;
   setControlContextData == null ? void 0 : setControlContextData({
@@ -2897,7 +2889,7 @@ var __spreadValues$9 = (a, b) => {
   return a;
 };
 var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
-var __objRest$8 = (source, exclude) => {
+var __objRest$7 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2912,7 +2904,7 @@ var __objRest$8 = (source, exclude) => {
 const RADIO_GROUP_VARIANTS = ["disabled", "readonly"];
 const { variants: variants$8, withObservedValues: withObservedValues$7 } = pickAriaComponentVariants(RADIO_GROUP_VARIANTS);
 function BaseRadioGroup(props) {
-  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$8(_a, ["children", "plasmicUpdateVariant"]);
+  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$7(_a, ["children", "plasmicUpdateVariant"]);
   return /* @__PURE__ */ React__default.default.createElement(PlasmicRadioGroupContext.Provider, { value: props }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.RadioGroup, __spreadValues$9({}, rest), ({ isDisabled, isReadOnly }) => withObservedValues$7(
     children,
     {
@@ -3065,7 +3057,17 @@ var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 function SelectAutoOpen(props) {
   var _a;
   const { open, close } = (_a = React__default.default.useContext(reactAriaComponents.SelectStateContext)) != null ? _a : {};
-  useAutoOpen({ props, open, close });
+  useAutoOpen({
+    props,
+    open: () => {
+      open == null ? void 0 : open();
+      setTimeout(() => {
+        var _a2, _b;
+        (_b = (_a2 = window.parent.document.activeElement) == null ? void 0 : _a2.blur) == null ? void 0 : _b.call(_a2);
+      });
+    },
+    close
+  });
   return null;
 }
 const BaseSelectValue = (props) => {
@@ -3322,7 +3324,7 @@ var __spreadValues$7 = (a, b) => {
     }
   return a;
 };
-var __objRest$7 = (source, exclude) => {
+var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -3339,7 +3341,7 @@ const { variants: variants$7, withObservedValues: withObservedValues$6 } = pickA
   SLIDER_OUTPUT_VARIANTS
 );
 function BaseSliderOutput(props) {
-  const _a = props, { plasmicUpdateVariant, children } = _a, rest = __objRest$7(_a, ["plasmicUpdateVariant", "children"]);
+  const _a = props, { plasmicUpdateVariant, children } = _a, rest = __objRest$6(_a, ["plasmicUpdateVariant", "children"]);
   return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderOutput, __spreadValues$7({}, rest), ({ isDisabled }) => withObservedValues$6(
     children,
     {
@@ -3406,7 +3408,7 @@ var __spreadValues$6 = (a, b) => {
   return a;
 };
 var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-var __objRest$6 = (source, exclude) => {
+var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -3433,7 +3435,7 @@ function BaseSliderThumb(_a) {
     children,
     advanced,
     plasmicUpdateVariant
-  } = _b, rest = __objRest$6(_b, [
+  } = _b, rest = __objRest$5(_b, [
     "children",
     "advanced",
     "plasmicUpdateVariant"
@@ -3515,7 +3517,7 @@ var __spreadValues$5 = (a, b) => {
     }
   return a;
 };
-var __objRest$5 = (source, exclude) => {
+var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -3552,7 +3554,7 @@ function isMultiValueGuard(value) {
 function BaseSliderTrack(props) {
   const context = React__default.default.useContext(PlasmicSliderContext);
   const isStandalone = !context;
-  const _a = props, { children, progressBar, plasmicUpdateVariant } = _a, rest = __objRest$5(_a, ["children", "progressBar", "plasmicUpdateVariant"]);
+  const _a = props, { children, progressBar, plasmicUpdateVariant } = _a, rest = __objRest$4(_a, ["children", "progressBar", "plasmicUpdateVariant"]);
   const thumbsLength = context && isMultiValueGuard(context.value) ? context.value.length : 1;
   const isMultiValue = thumbsLength > 1;
   const { minIndex, maxIndex } = React.useMemo(() => {
@@ -3699,7 +3701,7 @@ var __spreadValues$4 = (a, b) => {
   return a;
 };
 var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __objRest$4 = (source, exclude) => {
+var __objRest$3 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -3716,7 +3718,7 @@ const RANGE_SLIDER_COMPONENT_NAME = makeComponentName("range-slider");
 const SLIDER_VARIANTS = ["disabled"];
 const { variants: variants$4, withObservedValues: withObservedValues$3 } = pickAriaComponentVariants(SLIDER_VARIANTS);
 function BaseSlider(props) {
-  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$4(_a, ["children", "plasmicUpdateVariant"]);
+  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$3(_a, ["children", "plasmicUpdateVariant"]);
   return /* @__PURE__ */ React__default.default.createElement(
     PlasmicSliderContext.Provider,
     {
@@ -3988,7 +3990,7 @@ var __spreadValues$3 = (a, b) => {
   return a;
 };
 var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-var __objRest$3 = (source, exclude) => {
+var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4011,7 +4013,7 @@ const SWITCH_VARIANTS = [
 ];
 const { variants: variants$3, withObservedValues: withObservedValues$2 } = pickAriaComponentVariants(SWITCH_VARIANTS);
 function BaseSwitch(props) {
-  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$3(_a, ["children", "plasmicUpdateVariant"]);
+  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$2(_a, ["children", "plasmicUpdateVariant"]);
   return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Switch, __spreadValues$3({}, rest), ({
     isHovered,
     isPressed,
@@ -4177,7 +4179,7 @@ var __spreadValues$2 = (a, b) => {
     }
   return a;
 };
-var __objRest$2 = (source, exclude) => {
+var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4206,7 +4208,7 @@ const inputHelpers = {
 };
 function BaseTextArea(props) {
   var _b;
-  const _a = props, { disabled, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$2(_a, ["disabled", "plasmicUpdateVariant", "setControlContextData"]);
+  const _a = props, { disabled, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$1(_a, ["disabled", "plasmicUpdateVariant", "setControlContextData"]);
   const textFieldContext = React__default.default.useContext(PlasmicTextFieldContext);
   const mergedProps = reactAria.mergeProps(rest, {
     disabled: (_b = textFieldContext == null ? void 0 : textFieldContext.isDisabled) != null ? _b : disabled
@@ -4314,7 +4316,7 @@ var __spreadValues$1 = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest$1 = (source, exclude) => {
+var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -4329,7 +4331,7 @@ var __objRest$1 = (source, exclude) => {
 const TEXT_FIELD_VARIANTS = ["disabled", "readonly"];
 const { variants: variants$1, withObservedValues: withObservedValues$1 } = pickAriaComponentVariants(TEXT_FIELD_VARIANTS);
 function BaseTextField(props) {
-  const _a = props, { children, plasmicUpdateVariant, autoComplete } = _a, rest = __objRest$1(_a, ["children", "plasmicUpdateVariant", "autoComplete"]);
+  const _a = props, { children, plasmicUpdateVariant, autoComplete } = _a, rest = __objRest(_a, ["children", "plasmicUpdateVariant", "autoComplete"]);
   return /* @__PURE__ */ React__default.default.createElement(PlasmicTextFieldContext.Provider, { value: props }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.TextField, __spreadValues$1({ autoComplete: resolveAutoComplete(autoComplete) }, rest), ({ isDisabled, isReadOnly }) => withObservedValues$1(
     children,
     {
@@ -4468,18 +4470,6 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 const TOOLTIP_VARIANTS = [
   "placementTop",
   "placementBottom",
@@ -4487,18 +4477,13 @@ const TOOLTIP_VARIANTS = [
   "placementRight"
 ];
 const { variants, withObservedValues } = pickAriaComponentVariants(TOOLTIP_VARIANTS);
-function TriggerWrapper(_a) {
-  var _b = _a, {
-    children
-  } = _b, rest = __objRest(_b, [
-    "children"
-  ]);
+function TriggerWrapper({ children, className }) {
   const ref = React__default.default.useRef(null);
-  const { focusableProps } = reactAria.useFocusable(rest, ref);
-  return /* @__PURE__ */ React__default.default.createElement("div", __spreadValues({ ref }, focusableProps), children);
+  const { focusableProps } = reactAria.useFocusable({}, ref);
+  return /* @__PURE__ */ React__default.default.createElement("div", __spreadValues({ ref, className }, focusableProps), children);
 }
 function BaseTooltip(props) {
-  var _a, _b;
+  var _a, _b, _c;
   const {
     children,
     isDisabled,
@@ -4519,7 +4504,7 @@ function BaseTooltip(props) {
   } = props;
   const { isSelected, selectedSlotName } = (_b = (_a = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _a(props)) != null ? _b : {};
   const isAutoOpen = selectedSlotName !== "children" && isSelected;
-  const _isOpen = isAutoOpen || isOpen;
+  const _isOpen = (_c = isAutoOpen || isOpen) != null ? _c : false;
   return /* @__PURE__ */ React__default.default.createElement(
     reactAriaComponents.TooltipTrigger,
     {
@@ -4531,7 +4516,7 @@ function BaseTooltip(props) {
       defaultOpen,
       onOpenChange
     },
-    /* @__PURE__ */ React__default.default.createElement(TriggerWrapper, null, children),
+    /* @__PURE__ */ React__default.default.createElement(TriggerWrapper, { className: resetClassName }, children),
     /* @__PURE__ */ React__default.default.createElement(
       reactAriaComponents.Tooltip,
       {