@plasmicpkgs/react-aria 0.0.128 → 0.0.130

package/dist/react-aria.esm.js

@@ -43,9 +43,10 @@ const useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useE
 function useIsOpen({
   triggerSlotName,
   isOpen,
-  __plasmic_selection_prop__
+  props
 }) {
   var _a, _b;
+  const { __plasmic_selection_prop__, plasmicNotifyAutoOpenedContent } = props;
   const canvasContext = usePlasmicCanvasContext();
   const { isSelected, selectedSlotName } = (_b = (_a = usePlasmicCanvasComponentInfo) == null ? void 0 : _a({ __plasmic_selection_prop__ })) != null ? _b : {};
   if (!canvasContext) {
@@ -53,6 +54,9 @@ function useIsOpen({
   }
   const isTriggerSlotSelected = isDefined(selectedSlotName) && selectedSlotName === triggerSlotName;
   const isAutoOpenedBySelection = isSelected && !isTriggerSlotSelected;
+  if (isAutoOpenedBySelection && !isOpen) {
+    plasmicNotifyAutoOpenedContent == null ? void 0 : plasmicNotifyAutoOpenedContent();
+  }
   return Boolean(isAutoOpenedBySelection || isOpen);
 }
 function useAutoOpen({
@@ -63,16 +67,18 @@ function useAutoOpen({
   var _a, _b, _c;
   const inPlasmicCanvas = !!usePlasmicCanvasContext();
   const isSelected = (_c = (_b = (_a = usePlasmicCanvasComponentInfo) == null ? void 0 : _a(props)) == null ? void 0 : _b.isSelected) != null ? _c : false;
+  const { plasmicNotifyAutoOpenedContent } = props;
   useEffect(() => {
     if (!inPlasmicCanvas) {
       return;
     }
     if (isSelected) {
       open == null ? void 0 : open();
+      plasmicNotifyAutoOpenedContent == null ? void 0 : plasmicNotifyAutoOpenedContent();
     } else {
       close == null ? void 0 : close();
     }
-  }, [isSelected, inPlasmicCanvas]);
+  }, [isSelected, inPlasmicCanvas, plasmicNotifyAutoOpenedContent]);
 }
 function registerComponentHelper(loader, component, meta, overrides) {
   if (overrides) {
@@ -688,7 +694,7 @@ const BUTTON_VARIANTS = [
   "focusVisible",
   "disabled"
 ];
-const { variants: variants$h, withObservedValues: withObservedValues$e } = pickAriaComponentVariants(BUTTON_VARIANTS);
+const { variants: variants$f, withObservedValues: withObservedValues$c } = pickAriaComponentVariants(BUTTON_VARIANTS);
 const BaseButton = React.forwardRef(function BaseButtonInner(props, ref) {
   const { href } = props;
   if (href) {
@@ -707,7 +713,7 @@ const BaseButton = React.forwardRef(function BaseButtonInner(props, ref) {
       style: COMMON_STYLES,
       ref
     });
-    return /* @__PURE__ */ React.createElement(Button, __spreadValues$q({}, buttonProps), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$e(
+    return /* @__PURE__ */ React.createElement(Button, __spreadValues$q({}, buttonProps), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$c(
       children,
       {
         hovered: isHovered,
@@ -744,7 +750,7 @@ function LinkButton({
       "data-focus-visible": isFocusVisible || void 0,
       "data-disabled": props.isDisabled || void 0
     }),
-    withObservedValues$e(
+    withObservedValues$c(
       children,
       {
         hovered: isHovered,
@@ -767,7 +773,7 @@ function registerButton(loader, overrides) {
       displayName: "Aria Button",
       importPath: "@plasmicpkgs/react-aria/skinny/registerButton",
       importName: "BaseButton",
-      variants: variants$h,
+      variants: variants$f,
       defaultStyles: {
         // Ensure consistent design across rendered elements (button, anchor tag).
         backgroundColor: "#EFEFEF",
@@ -990,7 +996,7 @@ const CHECKBOX_VARIANTS = [
   "selected",
   "readonly"
 ];
-const { variants: variants$g, withObservedValues: withObservedValues$d } = pickAriaComponentVariants(CHECKBOX_VARIANTS);
+const { variants: variants$e, withObservedValues: withObservedValues$b } = pickAriaComponentVariants(CHECKBOX_VARIANTS);
 function BaseCheckbox(props) {
   const _a = props, {
     children,
@@ -1028,7 +1034,7 @@ function BaseCheckbox(props) {
       isIndeterminate,
       isSelected,
       isReadOnly
-    }) => withObservedValues$d(
+    }) => withObservedValues$b(
       children,
       {
         hovered: isHovered,
@@ -1100,7 +1106,7 @@ function registerCheckbox(loader, overrides) {
       displayName: "Aria Checkbox",
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckbox",
       importName: "BaseCheckbox",
-      variants: variants$g,
+      variants: variants$e,
       props: __spreadProps$l(__spreadValues$p({}, getCommonProps("checkbox", [
         "name",
         "isDisabled",
@@ -1388,7 +1394,7 @@ var __objRest$j = (source, exclude) => {
   return target;
 };
 const CHECKBOX_GROUP_VARIANTS = ["disabled", "readonly"];
-const { variants: variants$f, withObservedValues: withObservedValues$c } = pickAriaComponentVariants(
+const { variants: variants$d, withObservedValues: withObservedValues$a } = pickAriaComponentVariants(
   CHECKBOX_GROUP_VARIANTS
 );
 function BaseCheckboxGroup(props) {
@@ -1404,7 +1410,7 @@ function BaseCheckboxGroup(props) {
   const idManager = useIdManager(updateIds);
   return (
     // PlasmicCheckboxGroupContext is used by BaseCheckbox
-    /* @__PURE__ */ React.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$h(__spreadValues$l({}, rest), { idManager }) }, /* @__PURE__ */ React.createElement(CheckboxGroup, __spreadProps$h(__spreadValues$l({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$c(
+    /* @__PURE__ */ React.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$h(__spreadValues$l({}, rest), { idManager }) }, /* @__PURE__ */ React.createElement(CheckboxGroup, __spreadProps$h(__spreadValues$l({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$a(
       children,
       {
         disabled: isDisabled,
@@ -1424,7 +1430,7 @@ function registerCheckboxGroup(loader, overrides) {
       displayName: "Aria Checkbox Group",
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckboxGroup",
       importName: "BaseCheckboxGroup",
-      variants: variants$f,
+      variants: variants$d,
       props: __spreadProps$h(__spreadValues$l({}, getCommonProps("checkbox group", [
         "name",
         "isDisabled",
@@ -1577,7 +1583,7 @@ const INPUT_VARIANTS = [
   "hovered",
   "disabled"
 ];
-const { variants: variants$e } = pickAriaComponentVariants(INPUT_VARIANTS);
+const { variants: variants$c } = pickAriaComponentVariants(INPUT_VARIANTS);
 const inputHelpers$1 = {
   states: {
     value: {
@@ -1662,7 +1668,7 @@ function registerInput(loader, overrides) {
       displayName: "Aria Input",
       importPath: "@plasmicpkgs/react-aria/skinny/registerInput",
       importName: "BaseInput",
-      variants: variants$e,
+      variants: variants$c,
       defaultStyles: {
         width: "300px",
         borderWidth: "1px",
@@ -1757,7 +1763,7 @@ const LIST_BOX_ITEM_VARIANTS = [
   "selected",
   "disabled"
 ];
-const { variants: variants$d, withObservedValues: withObservedValues$b } = pickAriaComponentVariants(
+const { variants: variants$b, withObservedValues: withObservedValues$9 } = pickAriaComponentVariants(
   LIST_BOX_ITEM_VARIANTS
 );
 function BaseListBoxItem(props) {
@@ -1786,7 +1792,7 @@ function BaseListBoxItem(props) {
       isFocusVisible,
       isSelected,
       isDisabled
-    }) => withObservedValues$b(
+    }) => withObservedValues$9(
       children,
       {
         hovered: isHovered,
@@ -1850,7 +1856,7 @@ function registerListBoxItem(loader, overrides) {
       displayName: "Aria ListBoxItem",
       importPath: "@plasmicpkgs/react-aria/skinny/registerListBoxItem",
       importName: "BaseListBoxItem",
-      variants: variants$d,
+      variants: variants$b,
       props: {
         id: {
           type: "string",
@@ -1991,7 +1997,7 @@ var __objRest$f = (source, exclude) => {
   return target;
 };
 const LISTBOX_VARIANTS = ["focused", "focusVisible"];
-const { variants: variants$c } = pickAriaComponentVariants(LISTBOX_VARIANTS);
+const { variants: variants$a } = pickAriaComponentVariants(LISTBOX_VARIANTS);
 const listboxHelpers = {
   states: {
     selectedValue: {
@@ -2128,7 +2134,7 @@ function registerListBox(loader, overrides) {
       displayName: "Aria ListBox",
       importPath: "@plasmicpkgs/react-aria/skinny/registerListBox",
       importName: "BaseListBox",
-      variants: variants$c,
+      variants: variants$a,
       defaultStyles: {
         width: "250px",
         borderWidth: "1px",
@@ -2260,22 +2266,13 @@ var __objRest$e = (source, exclude) => {
     }
   return target;
 };
-const POPOVER_VARIANTS = [
-  "placementTop",
-  "placementBottom",
-  "placementLeft",
-  "placementRight"
-];
-const { variants: variants$b, withObservedValues: withObservedValues$a } = pickAriaComponentVariants(POPOVER_VARIANTS);
 function BasePopover(props) {
   const _a = props, {
     resetClassName,
-    plasmicUpdateVariant,
     setControlContextData,
     matchTriggerWidth
   } = _a, restProps = __objRest$e(_a, [
     "resetClassName",
-    "plasmicUpdateVariant",
     "setControlContextData",
     "matchTriggerWidth"
   ]);
@@ -2311,16 +2308,7 @@ function BasePopover(props) {
     __spreadValues$g({
       style: __spreadValues$g(__spreadValues$g({}, matchTriggerWidthProp ? { width: `var(--trigger-width)` } : {}), COMMON_STYLES)
     }, mergedProps),
-    ({ placement }) => withObservedValues$a(
-      children,
-      {
-        placementTop: placement === "top",
-        placementBottom: placement === "bottom",
-        placementLeft: placement === "left",
-        placementRight: placement === "right"
-      },
-      plasmicUpdateVariant
-    )
+    children
   ));
 }
 const POPOVER_COMPONENT_NAME = makeComponentName("popover");
@@ -2333,7 +2321,6 @@ function registerPopover(loader, overrides) {
       displayName: "Aria Popover",
       importPath: "@plasmicpkgs/react-aria/skinny/registerPopover",
       importName: "BasePopover",
-      variants: variants$b,
       defaultStyles: {
         borderWidth: "1px",
         borderStyle: "solid",
@@ -2445,12 +2432,16 @@ function BaseComboBox(props) {
     children,
     setControlContextData,
     plasmicUpdateVariant,
+    __plasmic_selection_prop__,
+    plasmicNotifyAutoOpenedContent,
     className,
     isOpen: _isOpen
   } = _a, rest = __objRest$d(_a, [
     "children",
     "setControlContextData",
     "plasmicUpdateVariant",
+    "__plasmic_selection_prop__",
+    "plasmicNotifyAutoOpenedContent",
     "className",
     "isOpen"
   ]);
@@ -2479,7 +2470,13 @@ function BaseComboBox(props) {
         idManager
       }
     },
-    /* @__PURE__ */ React.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, /* @__PURE__ */ React.createElement(ComboboxAutoOpen, __spreadValues$f({}, props)), children)
+    /* @__PURE__ */ React.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, /* @__PURE__ */ React.createElement(
+      ComboboxAutoOpen,
+      {
+        __plasmic_selection_prop__,
+        plasmicNotifyAutoOpenedContent
+      }
+    ), children)
   )));
 }
 function registerComboBox(loader) {
@@ -2690,8 +2687,7 @@ const BaseModal = forwardRef(
       resetClassName,
       setControlContextData,
       isDismissable,
-      defaultOpen,
-      __plasmic_selection_prop__
+      defaultOpen
     } = _a, rest = __objRest$c(_a, [
       "children",
       "modalOverlayClass",
@@ -2700,14 +2696,13 @@ const BaseModal = forwardRef(
       "resetClassName",
       "setControlContextData",
       "isDismissable",
-      "defaultOpen",
-      "__plasmic_selection_prop__"
+      "defaultOpen"
     ]);
     const canvasCtx = usePlasmicCanvasContext();
     const isEditMode = canvasCtx && canvasCtx.interactive === false;
     const contextProps = React.useContext(PlasmicDialogTriggerContext);
     const isStandalone = !contextProps;
-    const isOpen2 = useIsOpen({ isOpen, __plasmic_selection_prop__ });
+    const isOpen2 = useIsOpen({ isOpen, props });
     const mergedProps = mergeProps(rest, {
       // Since open/defaultOpen props are hidden when the modal is inside dialogTrigger, we also unset them here.
       isOpen: isStandalone ? isOpen2 : void 0,
@@ -2901,26 +2896,14 @@ function TriggerWrapper$1({ children, className }) {
   return /* @__PURE__ */ React.createElement("div", __spreadValues$d({}, mergedProps), children);
 }
 function BaseDialogTrigger(props) {
-  const _a = props, {
-    trigger,
-    dialog,
-    isOpen,
-    className,
-    __plasmic_selection_prop__
-  } = _a, rest = __objRest$b(_a, [
-    "trigger",
-    "dialog",
-    "isOpen",
-    "className",
-    "__plasmic_selection_prop__"
-  ]);
-  const isOpen2 = useIsOpen({
+  const _a = props, { trigger, dialog, isOpen, className } = _a, rest = __objRest$b(_a, ["trigger", "dialog", "isOpen", "className"]);
+  const canvasAwareIsOpen = useIsOpen({
     triggerSlotName: "trigger",
     isOpen,
-    __plasmic_selection_prop__
+    props
   });
   const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
-    isOpen: isOpen2
+    isOpen: canvasAwareIsOpen
   });
   return (
     // PlasmicDialogTriggerContext is used by BaseModal
@@ -3088,7 +3071,7 @@ const OVERLAY_ARROW_VARIANTS = [
   "placementLeft",
   "placementRight"
 ];
-const { variants: variants$a, withObservedValues: withObservedValues$9 } = pickAriaComponentVariants(
+const { variants: variants$9, withObservedValues: withObservedValues$8 } = pickAriaComponentVariants(
   OVERLAY_ARROW_VARIANTS
 );
 function BaseOverlayArrow({
@@ -3105,7 +3088,7 @@ function BaseOverlayArrow({
       className,
       style: __spreadValues$b({ lineHeight: "0" }, COMMON_STYLES)
     },
-    ({ placement }) => withObservedValues$9(
+    ({ placement }) => withObservedValues$8(
       children,
       {
         placementTop: placement === "top",
@@ -3131,7 +3114,7 @@ function registerOverlayArrow(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerOverlayArrow",
       importName: "BaseOverlayArrow",
       styleSections: false,
-      variants: variants$a,
+      variants: variants$9,
       props: {
         children: {
           type: "slot",
@@ -3184,7 +3167,7 @@ const RADIO_VARIANTS = [
   "readonly",
   "selected"
 ];
-const { variants: variants$9, withObservedValues: withObservedValues$8 } = pickAriaComponentVariants(RADIO_VARIANTS);
+const { variants: variants$8, withObservedValues: withObservedValues$7 } = pickAriaComponentVariants(RADIO_VARIANTS);
 function BaseRadio(props) {
   const _a = props, {
     children,
@@ -3222,7 +3205,7 @@ function BaseRadio(props) {
       isSelected,
       isDisabled,
       isReadOnly
-    }) => withObservedValues$8(
+    }) => withObservedValues$7(
       children,
       {
         hovered: isHovered,
@@ -3282,7 +3265,7 @@ function registerRadio(loader, overrides) {
       displayName: "Aria Radio",
       importPath: "@plasmicpkgs/react-aria/skinny/registerRadio",
       importName: "BaseRadio",
-      variants: variants$9,
+      variants: variants$8,
       props: __spreadProps$9(__spreadValues$a({}, getCommonProps("radio", [
         "isDisabled",
         "autoFocus",
@@ -3342,7 +3325,7 @@ var __objRest$8 = (source, exclude) => {
   return target;
 };
 const RADIO_GROUP_VARIANTS = ["disabled", "readonly"];
-const { variants: variants$8, withObservedValues: withObservedValues$7 } = pickAriaComponentVariants(RADIO_GROUP_VARIANTS);
+const { variants: variants$7, withObservedValues: withObservedValues$6 } = pickAriaComponentVariants(RADIO_GROUP_VARIANTS);
 function BaseRadioGroup(props) {
   const _a = props, { children, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$8(_a, ["children", "plasmicUpdateVariant", "setControlContextData"]);
   const updateIds = useCallback(
@@ -3356,7 +3339,7 @@ function BaseRadioGroup(props) {
   const idManager = useIdManager(updateIds);
   return (
     // PlasmicRadioGroupContext is used by BaseRadio
-    /* @__PURE__ */ React.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$8(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps$8(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$7(
+    /* @__PURE__ */ React.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$8(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps$8(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$6(
       children,
       {
         disabled: isDisabled,
@@ -3381,7 +3364,7 @@ function registerRadioGroup(loader, overrides) {
       displayName: "Aria RadioGroup",
       importPath: "@plasmicpkgs/react-aria/skinny/registerRadioGroup",
       importName: "BaseRadioGroup",
-      variants: variants$8,
+      variants: variants$7,
       props: __spreadProps$8(__spreadValues$9({}, getCommonProps("radio group", [
         "name",
         "isDisabled",
@@ -3547,6 +3530,8 @@ function BaseSelect(props) {
     name,
     setControlContextData,
     plasmicUpdateVariant,
+    plasmicNotifyAutoOpenedContent,
+    __plasmic_selection_prop__,
     defaultSelectedKey,
     "aria-label": ariaLabel
   } = props;
@@ -3588,7 +3573,13 @@ function BaseSelect(props) {
       disabledKeys,
       "aria-label": ariaLabel
     }, extractPlasmicDataProps(props)),
-    /* @__PURE__ */ React.createElement(SelectAutoOpen, __spreadValues$8({}, props)),
+    /* @__PURE__ */ React.createElement(
+      SelectAutoOpen,
+      {
+        __plasmic_selection_prop__,
+        plasmicNotifyAutoOpenedContent
+      }
+    ),
     /* @__PURE__ */ React.createElement(PlasmicPopoverTriggerContext.Provider, { value: true }, /* @__PURE__ */ React.createElement(
       PlasmicListBoxContext.Provider,
       {
@@ -3803,12 +3794,12 @@ var __objRest$7 = (source, exclude) => {
   return target;
 };
 const SLIDER_OUTPUT_VARIANTS = ["disabled"];
-const { variants: variants$7, withObservedValues: withObservedValues$6 } = pickAriaComponentVariants(
+const { variants: variants$6, withObservedValues: withObservedValues$5 } = pickAriaComponentVariants(
   SLIDER_OUTPUT_VARIANTS
 );
 function BaseSliderOutput(props) {
   const _a = props, { plasmicUpdateVariant, children } = _a, rest = __objRest$7(_a, ["plasmicUpdateVariant", "children"]);
-  return /* @__PURE__ */ React.createElement(SliderOutput, __spreadProps$6(__spreadValues$7({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$6(
+  return /* @__PURE__ */ React.createElement(SliderOutput, __spreadProps$6(__spreadValues$7({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$5(
     children,
     {
       disabled: isDisabled
@@ -3826,7 +3817,7 @@ function registerSliderOutput(loader, overrides) {
       displayName: "Aria Slider Output",
       importPath: "@plasmicpkgs/react-aria/skinny/registerSliderOutput",
       importName: "BaseSliderOutput",
-      variants: variants$7,
+      variants: variants$6,
       props: {
         children: {
           mergeWithParent: true,
@@ -3893,7 +3884,7 @@ const SLIDER_THUMB_VARIANTS = [
   "focusVisible",
   "disabled"
 ];
-const { variants: variants$6, withObservedValues: withObservedValues$5 } = pickAriaComponentVariants(
+const { variants: variants$5, withObservedValues: withObservedValues$4 } = pickAriaComponentVariants(
   SLIDER_THUMB_VARIANTS
 );
 function BaseSliderThumb(_a) {
@@ -3906,7 +3897,7 @@ function BaseSliderThumb(_a) {
     "advanced",
     "plasmicUpdateVariant"
   ]);
-  const thumb = /* @__PURE__ */ React.createElement(SliderThumb, __spreadProps$5(__spreadValues$6({}, rest), { style: COMMON_STYLES }), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues$5(
+  const thumb = /* @__PURE__ */ React.createElement(SliderThumb, __spreadProps$5(__spreadValues$6({}, rest), { style: COMMON_STYLES }), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues$4(
     /* @__PURE__ */ React.createElement(React.Fragment, null, advanced ? children : void 0),
     {
       dragging: isDragging,
@@ -3944,7 +3935,7 @@ function registerSliderThumb(loader, overrides) {
         borderRadius: "100%",
         cursor: "pointer"
       },
-      variants: variants$6,
+      variants: variants$5,
       props: __spreadProps$5(__spreadValues$6({}, getCommonProps("slider thumb", [
         "name",
         "isDisabled",
@@ -3996,7 +3987,7 @@ var __objRest$5 = (source, exclude) => {
   return target;
 };
 const SLIDER_TRACK_VARIANTS = ["hovered"];
-const { variants: variants$5, withObservedValues: withObservedValues$4 } = pickAriaComponentVariants(
+const { variants: variants$4, withObservedValues: withObservedValues$3 } = pickAriaComponentVariants(
   SLIDER_TRACK_VARIANTS
 );
 function isMultiValueGuard(value) {
@@ -4040,7 +4031,7 @@ function BaseSliderTrack(props) {
       });
     });
   }, [children, value]);
-  const track = /* @__PURE__ */ React.createElement(SliderTrack, __spreadValues$5({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React.createElement(React.Fragment, null, withObservedValues$4(
+  const track = /* @__PURE__ */ React.createElement(SliderTrack, __spreadValues$5({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React.createElement(React.Fragment, null, withObservedValues$3(
     /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       "div",
       {
@@ -4074,7 +4065,7 @@ function registerSliderTrack(sliderThumbMeta, loader, overrides) {
       displayName: "Aria Slider Track",
       importPath: "@plasmicpkgs/react-aria/skinny/registerSliderTrack",
       importName: "BaseSliderTrack",
-      variants: variants$5,
+      variants: variants$4,
       defaultStyles: {
         width: "stretch",
         backgroundColor: "#aaa",
@@ -4169,7 +4160,7 @@ var __objRest$4 = (source, exclude) => {
 const SLIDER_COMPONENT_NAME = makeComponentName("slider");
 const RANGE_SLIDER_COMPONENT_NAME = makeComponentName("range-slider");
 const SLIDER_VARIANTS = ["disabled"];
-const { variants: variants$4, withObservedValues: withObservedValues$3 } = pickAriaComponentVariants(SLIDER_VARIANTS);
+const { variants: variants$3, withObservedValues: withObservedValues$2 } = pickAriaComponentVariants(SLIDER_VARIANTS);
 function BaseSlider(props) {
   const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$4(_a, ["children", "plasmicUpdateVariant"]);
   return (
@@ -4183,7 +4174,7 @@ function BaseSlider(props) {
           onChangeEnd: rest.onChangeEnd
         })
       },
-      /* @__PURE__ */ React.createElement(Slider, __spreadProps$4(__spreadValues$4({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$3(
+      /* @__PURE__ */ React.createElement(Slider, __spreadProps$4(__spreadValues$4({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$2(
         children,
         {
           disabled: isDisabled
@@ -4236,7 +4227,7 @@ function registerSlider(loader, overrides) {
       displayName: "Aria Range Slider",
       importPath: "@plasmicpkgs/react-aria/skinny/registerSlider",
       importName: "BaseSlider",
-      variants: variants$4,
+      variants: variants$3,
       defaultStyles: {
         width: "300px"
       },
@@ -4348,7 +4339,7 @@ function registerSlider(loader, overrides) {
       displayName: "Aria Slider",
       importPath: "@plasmicpkgs/react-aria/skinny/registerSlider",
       importName: "BaseSlider",
-      variants: variants$4,
+      variants: variants$3,
       defaultStyles: {
         width: "300px"
       },
@@ -4467,7 +4458,7 @@ const SWITCH_VARIANTS = [
   "disabled",
   "readonly"
 ];
-const { variants: variants$3, withObservedValues: withObservedValues$2 } = pickAriaComponentVariants(SWITCH_VARIANTS);
+const { variants: variants$2, withObservedValues: withObservedValues$1 } = pickAriaComponentVariants(SWITCH_VARIANTS);
 function BaseSwitch(props) {
   const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$3(_a, ["children", "plasmicUpdateVariant"]);
   return /* @__PURE__ */ React.createElement(Switch, __spreadProps$3(__spreadValues$3({}, rest), { style: COMMON_STYLES }), ({
@@ -4478,7 +4469,7 @@ function BaseSwitch(props) {
     isSelected,
     isDisabled,
     isReadOnly
-  }) => withObservedValues$2(
+  }) => withObservedValues$1(
     children,
     {
       hovered: isHovered,
@@ -4501,7 +4492,7 @@ function registerSwitch(loader, overrides) {
       displayName: "Aria Switch",
       importPath: "@plasmicpkgs/react-aria/skinny/registerSwitch",
       importName: "BaseSwitch",
-      variants: variants$3,
+      variants: variants$2,
       defaultStyles: {
         display: "flex",
         flexDirection: "column",
@@ -4656,7 +4647,7 @@ const TEXTAREA_VARIANTS = [
   "hovered",
   "disabled"
 ];
-const { variants: variants$2 } = pickAriaComponentVariants(TEXTAREA_VARIANTS);
+const { variants: variants$1 } = pickAriaComponentVariants(TEXTAREA_VARIANTS);
 const inputHelpers = {
   states: {
     value: {
@@ -4736,7 +4727,7 @@ function registerTextArea(loader, overrides) {
       displayName: "Aria TextArea",
       importPath: "@plasmicpkgs/react-aria/skinny/registerTextArea",
       importName: "BaseTextArea",
-      variants: variants$2,
+      variants: variants$1,
       props: __spreadValues$2({}, getCommonProps("Text Area", [
         "name",
         "disabled",
@@ -4814,7 +4805,7 @@ var __objRest$1 = (source, exclude) => {
   return target;
 };
 const TEXT_FIELD_VARIANTS = ["disabled", "readonly"];
-const { variants: variants$1, withObservedValues: withObservedValues$1 } = pickAriaComponentVariants(TEXT_FIELD_VARIANTS);
+const { variants, withObservedValues } = pickAriaComponentVariants(TEXT_FIELD_VARIANTS);
 function BaseTextField(props) {
   const _a = props, { children, plasmicUpdateVariant, autoComplete } = _a, rest = __objRest$1(_a, ["children", "plasmicUpdateVariant", "autoComplete"]);
   const contextValue = React.useMemo(() => {
@@ -4834,7 +4825,7 @@ function BaseTextField(props) {
       }, rest), {
         style: COMMON_STYLES
       }),
-      ({ isDisabled, isReadOnly }) => withObservedValues$1(
+      ({ isDisabled, isReadOnly }) => withObservedValues(
         children,
         {
           disabled: isDisabled,
@@ -4855,7 +4846,7 @@ function registerTextField(loader, overrides) {
       displayName: "Aria TextField",
       importPath: "@plasmicpkgs/react-aria/skinny/registerTextField",
       importName: "BaseTextField",
-      variants: variants$1,
+      variants,
       // TODO: Support for validate prop
       props: __spreadProps$1(__spreadValues$1({}, getCommonProps("Text Field", [
         "name",
@@ -4989,13 +4980,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const TOOLTIP_VARIANTS = [
-  "placementTop",
-  "placementBottom",
-  "placementLeft",
-  "placementRight"
-];
-const { variants, withObservedValues } = pickAriaComponentVariants(TOOLTIP_VARIANTS);
 function BaseTooltip(props) {
   if (props.isOpen !== void 0) {
     return /* @__PURE__ */ React.createElement(ControlledBaseTooltip, __spreadValues({}, props));
@@ -5038,14 +5022,12 @@ function ControlledBaseTooltip(props) {
     shouldFlip,
     className,
     onOpenChange = () => {
-    },
-    plasmicUpdateVariant,
-    __plasmic_selection_prop__
+    }
   } = props;
   const isCanvasAwareOpen = useIsOpen({
     triggerSlotName: "children",
     isOpen,
-    __plasmic_selection_prop__
+    props
   });
   const ref = useRef(null);
   const tooltipId = useId();
@@ -5080,16 +5062,7 @@ function ControlledBaseTooltip(props) {
         onOpenChange,
         placement
       },
-      ({ placement: _placement }) => withObservedValues(
-        /* @__PURE__ */ React.createElement(React.Fragment, null, tooltipContent),
-        {
-          placementTop: _placement === "top",
-          placementBottom: _placement === "bottom",
-          placementLeft: _placement === "left",
-          placementRight: _placement === "right"
-        },
-        plasmicUpdateVariant
-      )
+      tooltipContent
     ))
   );
 }
@@ -5136,7 +5109,6 @@ function registerTooltip(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerTooltip",
       importName: "BaseTooltip",
       isAttachment: true,
-      variants,
       props: __spreadProps(__spreadValues({
         children: {
           type: "slot",