@plasmicpkgs/react-aria 0.0.128 → 0.0.129

package/dist/react-aria.js

@@ -696,7 +696,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__default.default.forwardRef(function BaseButtonInner(props, ref) {
   const { href } = props;
   if (href) {
@@ -715,7 +715,7 @@ const BaseButton = React__default.default.forwardRef(function BaseButtonInner(pr
       style: COMMON_STYLES,
       ref
     });
-    return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Button, __spreadValues$q({}, buttonProps), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$e(
+    return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Button, __spreadValues$q({}, buttonProps), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$c(
       children,
       {
         hovered: isHovered,
@@ -752,7 +752,7 @@ function LinkButton({
       "data-focus-visible": isFocusVisible || void 0,
       "data-disabled": props.isDisabled || void 0
     }),
-    withObservedValues$e(
+    withObservedValues$c(
       children,
       {
         hovered: isHovered,
@@ -775,7 +775,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",
@@ -998,7 +998,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,
@@ -1036,7 +1036,7 @@ function BaseCheckbox(props) {
       isIndeterminate,
       isSelected,
       isReadOnly
-    }) => withObservedValues$d(
+    }) => withObservedValues$b(
       children,
       {
         hovered: isHovered,
@@ -1108,7 +1108,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",
@@ -1396,7 +1396,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) {
@@ -1412,7 +1412,7 @@ function BaseCheckboxGroup(props) {
   const idManager = useIdManager(updateIds);
   return (
     // PlasmicCheckboxGroupContext is used by BaseCheckbox
-    /* @__PURE__ */ React__default.default.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$h(__spreadValues$l({}, rest), { idManager }) }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.CheckboxGroup, __spreadProps$h(__spreadValues$l({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$c(
+    /* @__PURE__ */ React__default.default.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$h(__spreadValues$l({}, rest), { idManager }) }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.CheckboxGroup, __spreadProps$h(__spreadValues$l({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$a(
       children,
       {
         disabled: isDisabled,
@@ -1432,7 +1432,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",
@@ -1585,7 +1585,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: {
@@ -1670,7 +1670,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",
@@ -1765,7 +1765,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) {
@@ -1794,7 +1794,7 @@ function BaseListBoxItem(props) {
       isFocusVisible,
       isSelected,
       isDisabled
-    }) => withObservedValues$b(
+    }) => withObservedValues$9(
       children,
       {
         hovered: isHovered,
@@ -1858,7 +1858,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",
@@ -1999,7 +1999,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: {
@@ -2136,7 +2136,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",
@@ -2268,22 +2268,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"
   ]);
@@ -2319,16 +2310,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");
@@ -2341,7 +2323,6 @@ function registerPopover(loader, overrides) {
       displayName: "Aria Popover",
       importPath: "@plasmicpkgs/react-aria/skinny/registerPopover",
       importName: "BasePopover",
-      variants: variants$b,
       defaultStyles: {
         borderWidth: "1px",
         borderStyle: "solid",
@@ -3096,7 +3077,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({
@@ -3113,7 +3094,7 @@ function BaseOverlayArrow({
       className,
       style: __spreadValues$b({ lineHeight: "0" }, COMMON_STYLES)
     },
-    ({ placement }) => withObservedValues$9(
+    ({ placement }) => withObservedValues$8(
       children,
       {
         placementTop: placement === "top",
@@ -3139,7 +3120,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",
@@ -3192,7 +3173,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,
@@ -3230,7 +3211,7 @@ function BaseRadio(props) {
       isSelected,
       isDisabled,
       isReadOnly
-    }) => withObservedValues$8(
+    }) => withObservedValues$7(
       children,
       {
         hovered: isHovered,
@@ -3290,7 +3271,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",
@@ -3350,7 +3331,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 = React.useCallback(
@@ -3364,7 +3345,7 @@ function BaseRadioGroup(props) {
   const idManager = useIdManager(updateIds);
   return (
     // PlasmicRadioGroupContext is used by BaseRadio
-    /* @__PURE__ */ React__default.default.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$8(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.RadioGroup, __spreadProps$8(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$7(
+    /* @__PURE__ */ React__default.default.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$8(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.RadioGroup, __spreadProps$8(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$6(
       children,
       {
         disabled: isDisabled,
@@ -3389,7 +3370,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",
@@ -3811,12 +3792,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__default.default.createElement(reactAriaComponents.SliderOutput, __spreadProps$6(__spreadValues$7({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$6(
+  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderOutput, __spreadProps$6(__spreadValues$7({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$5(
     children,
     {
       disabled: isDisabled
@@ -3834,7 +3815,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,
@@ -3901,7 +3882,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) {
@@ -3914,7 +3895,7 @@ function BaseSliderThumb(_a) {
     "advanced",
     "plasmicUpdateVariant"
   ]);
-  const thumb = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderThumb, __spreadProps$5(__spreadValues$6({}, rest), { style: COMMON_STYLES }), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues$5(
+  const thumb = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderThumb, __spreadProps$5(__spreadValues$6({}, rest), { style: COMMON_STYLES }), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues$4(
     /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, advanced ? children : void 0),
     {
       dragging: isDragging,
@@ -3952,7 +3933,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",
@@ -4004,7 +3985,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) {
@@ -4048,7 +4029,7 @@ function BaseSliderTrack(props) {
       });
     });
   }, [children, value]);
-  const track = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderTrack, __spreadValues$5({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, withObservedValues$4(
+  const track = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderTrack, __spreadValues$5({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, withObservedValues$3(
     /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
       "div",
       {
@@ -4082,7 +4063,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",
@@ -4177,7 +4158,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 (
@@ -4191,7 +4172,7 @@ function BaseSlider(props) {
           onChangeEnd: rest.onChangeEnd
         })
       },
-      /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, __spreadProps$4(__spreadValues$4({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$3(
+      /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, __spreadProps$4(__spreadValues$4({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$2(
         children,
         {
           disabled: isDisabled
@@ -4244,7 +4225,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"
       },
@@ -4356,7 +4337,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"
       },
@@ -4475,7 +4456,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__default.default.createElement(reactAriaComponents.Switch, __spreadProps$3(__spreadValues$3({}, rest), { style: COMMON_STYLES }), ({
@@ -4486,7 +4467,7 @@ function BaseSwitch(props) {
     isSelected,
     isDisabled,
     isReadOnly
-  }) => withObservedValues$2(
+  }) => withObservedValues$1(
     children,
     {
       hovered: isHovered,
@@ -4509,7 +4490,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",
@@ -4664,7 +4645,7 @@ const TEXTAREA_VARIANTS = [
   "hovered",
   "disabled"
 ];
-const { variants: variants$2 } = pickAriaComponentVariants(TEXTAREA_VARIANTS);
+const { variants: variants$1 } = pickAriaComponentVariants(TEXTAREA_VARIANTS);
 const inputHelpers = {
   states: {
     value: {
@@ -4744,7 +4725,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",
@@ -4822,7 +4803,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__default.default.useMemo(() => {
@@ -4842,7 +4823,7 @@ function BaseTextField(props) {
       }, rest), {
         style: COMMON_STYLES
       }),
-      ({ isDisabled, isReadOnly }) => withObservedValues$1(
+      ({ isDisabled, isReadOnly }) => withObservedValues(
         children,
         {
           disabled: isDisabled,
@@ -4863,7 +4844,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",
@@ -4997,13 +4978,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__default.default.createElement(ControlledBaseTooltip, __spreadValues({}, props));
@@ -5047,7 +5021,6 @@ function ControlledBaseTooltip(props) {
     className,
     onOpenChange = () => {
     },
-    plasmicUpdateVariant,
     __plasmic_selection_prop__
   } = props;
   const isCanvasAwareOpen = useIsOpen({
@@ -5088,16 +5061,7 @@ function ControlledBaseTooltip(props) {
         onOpenChange,
         placement
       },
-      ({ placement: _placement }) => withObservedValues(
-        /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, tooltipContent),
-        {
-          placementTop: _placement === "top",
-          placementBottom: _placement === "bottom",
-          placementLeft: _placement === "left",
-          placementRight: _placement === "right"
-        },
-        plasmicUpdateVariant
-      )
+      tooltipContent
     ))
   );
 }
@@ -5144,7 +5108,6 @@ function registerTooltip(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerTooltip",
       importName: "BaseTooltip",
       isAttachment: true,
-      variants,
       props: __spreadProps(__spreadValues({
         children: {
           type: "slot",