tamagui 1.100.0 → 1.100.2

package/dist/test.native.js

@@ -2862,6 +2862,70 @@ var require_useDisableSSR_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/hooks/useDidHydrateOnce.native.js
+var require_useDidHydrateOnce_native = __commonJS({
+  "../web/dist/cjs/hooks/useDidHydrateOnce.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, useDidHydrateOnce_exports = {};
+    __export2(useDidHydrateOnce_exports, {
+      useDidHydrateOnce: function() {
+        return useDidHydrateOnce;
+      },
+      useDidHydrateOnceRoot: function() {
+        return useDidHydrateOnceRoot;
+      }
+    });
+    module2.exports = __toCommonJS2(useDidHydrateOnce_exports);
+    var import_react4 = require("react"), didHydrateOnce = !1;
+    function useDidHydrateOnceRoot() {
+      (0, import_react4.useEffect)(function() {
+        var tm = setInterval(function() {
+          Date.now() - last > 32 && (didHydrateOnce = !0, clearInterval(tm));
+        }, 16);
+        return function() {
+          clearInterval(tm);
+        };
+      }, []);
+    }
+    var last = Date.now();
+    function useDidHydrateOnce() {
+      return didHydrateOnce || (last = Date.now()), didHydrateOnce;
+    }
+  }
+});
+
 // ../web/dist/cjs/hooks/useMedia.native.js
 var require_useMedia_native = __commonJS({
   "../web/dist/cjs/hooks/useMedia.native.js"(exports2, module2) {
@@ -2948,7 +3012,7 @@ var require_useMedia_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants4 = require_index_native6(), import_react4 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native();
+    var import_constants4 = require_index_native6(), import_react4 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native();
     function _array_like_to_array2(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -3097,9 +3161,21 @@ var require_useMedia_native = __commonJS({
         return listeners.delete(subscriber);
       };
     }
+    function useLayoutExternalStore(subscriber, getSnapshot, getServerSnapshot) {
+      var hasHydrated = (0, import_useDidHydrateOnce.useDidHydrateOnce)(), _useState = _sliced_to_array((0, import_react4.useState)(hasHydrated ? mediaState3 : getServerSnapshot), 2), state = _useState[0], setState = _useState[1];
+      return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        var update = function() {
+          setState(function(prev) {
+            var next = getSnapshot();
+            return next !== prev ? next : prev;
+          });
+        };
+        return update(), subscriber(update);
+      }, []), state;
+    }
     function useMedia3(uid, componentContext) {
-      var internal = (0, import_react4.useRef)(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants4.isWeb ? mediaState3 : initState) || {}, state = (0, import_react4.useSyncExternalStore)(subscribe, function() {
-        if (!internal.current) return initialState;
+      var internal = (0, import_react4.useRef)(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants4.isWeb ? mediaState3 : initState) || {}, state = useLayoutExternalStore(subscribe, function() {
+        if (!internal.current) return mediaState3;
         var _internal_current = internal.current, touched = _internal_current.touched, prev = _internal_current.prev, componentState = uid ? shouldUpdate.get(uid) : void 0;
         if (componentState && componentState.enabled === !1) return prev;
         var _componentState_keys, testKeys = (_componentState_keys = componentState == null ? void 0 : componentState.keys) !== null && _componentState_keys !== void 0 ? _componentState_keys : (!componentState || componentState.enabled) && touched ? _to_consumable_array2(touched) : null, hasntUpdated = !testKeys || (testKeys == null ? void 0 : testKeys.every(function(key) {
@@ -8337,7 +8413,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react4 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react4 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native();
     function _array_like_to_array2(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -8456,7 +8532,14 @@ var require_createComponent_native = __commonJS({
         return !!(next || curStateRef.hasAnimated);
       }(), willBeAnimated = !import_constants4.isServer && willBeAnimatedClient;
       willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
-      var presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationDriver == null ? void 0 : animationDriver.isReactNative), hasEnterState = hasEnterStyle || isEntering, initialState = hasEnterState || hasRNAnimation ? import_constants4.isWeb ? import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentStateMounted, disabled = isDisabled(props);
+      var presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationDriver == null ? void 0 : animationDriver.isReactNative), hasEnterState = hasEnterStyle || isEntering, didHydrateOnce = (0, import_useDidHydrateOnce.useDidHydrateOnce)(), initialState = hasEnterState || !didHydrateOnce && hasRNAnimation ? (
+        // on the very first render we switch all spring animation drivers to css rendering
+        // this is because we need to use css variables, which they don't support to do proper SSR
+        // without flickers of the wrong colors.
+        // but once we do that initial hydration and we are in client side rendering mode,
+        // we can avoid the extra re-render on mount
+        import_constants4.isWeb && !didHydrateOnce ? import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateShouldEnter
+      ) : import_defaultComponentState.defaultComponentStateMounted, disabled = isDisabled(props);
       disabled != null && (initialState.disabled = disabled);
       var states = (0, import_react4.useState)(initialState), state = props.forceStyle ? _object_spread_props8(_object_spread9({}, states[0]), _define_property9({}, props.forceStyle, !0)) : states[0], setState = states[1], isHydrated = state.unmounted === !1 || state.unmounted === "should-enter", isAnimated = willBeAnimated;
       import_constants4.isWeb && hasRNAnimation && !staticConfig.isHOC && state.unmounted === !0 && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState(_object_spread9({}, state)));
@@ -8667,7 +8750,7 @@ var require_createComponent_native = __commonJS({
         };
         (0, import_react4.useEffect)(function() {
           if (!disabled) {
-            if (state.unmounted === !0) {
+            if (state.unmounted === !0 && hasEnterStyle) {
               setStateShallow({
                 unmounted: "should-enter"
               });
@@ -11637,7 +11720,7 @@ var require_TamaguiProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), React2 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), React2 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native();
     function _define_property9(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -11693,7 +11776,7 @@ var require_TamaguiProvider_native = __commonJS({
         "disableInjectCSS",
         "config"
       ]);
-      (0, import_useMedia.setupMediaListeners)(), import_constants4.isClient && React2.useInsertionEffect(function() {
+      (0, import_useMedia.setupMediaListeners)(), import_constants4.isClient && ((0, import_useDidHydrateOnce.useDidHydrateOnceRoot)(), React2.useInsertionEffect(function() {
         if (config && (config.disableSSR || document.documentElement.classList.contains("t_unmounted") && document.documentElement.classList.remove("t_unmounted"), !disableInjectCSS)) {
           var style = document.createElement("style");
           return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
@@ -11703,7 +11786,7 @@ var require_TamaguiProvider_native = __commonJS({
       }, [
         config,
         disableInjectCSS
-      ]);
+      ]));
       var _themePropsProvider_defaultTheme;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
         animationDriver: config == null ? void 0 : config.animations,
@@ -25321,14 +25404,17 @@ var require_Group_native = __commonJS({
         Item: GroupItem
       });
     }
-    var GroupItem = function(props) {
+    var GroupItem = /* @__PURE__ */ import_react4.default.forwardRef(function(props, ref) {
       var _children_props, __scopeGroup = props.__scopeGroup, children = props.children, forcePlacement = props.forcePlacement, groupItemProps = useGroupItem({
         disabled: /* @__PURE__ */ (0, import_react4.isValidElement)(children) ? children.props.disabled : void 0
       }, forcePlacement, __scopeGroup);
-      return /* @__PURE__ */ (0, import_react4.isValidElement)(children) ? (0, import_core12.isTamaguiElement)(children) ? /* @__PURE__ */ import_react4.default.cloneElement(children, groupItemProps) : /* @__PURE__ */ import_react4.default.cloneElement(children, {
-        style: _object_spread9({}, (_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.style, groupItemProps)
+      return /* @__PURE__ */ (0, import_react4.isValidElement)(children) ? (0, import_core12.isTamaguiElement)(children) ? /* @__PURE__ */ import_react4.default.cloneElement(children, _object_spread_props8(_object_spread9({}, groupItemProps), {
+        ref
+      })) : /* @__PURE__ */ import_react4.default.cloneElement(children, {
+        style: _object_spread9({}, (_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.style, groupItemProps),
+        ref
       }) : children;
-    }, useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {
+    }), useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {
       var treeIndex = (0, import_reforest.useIndex)(), context = useGroupContext("GroupItem", __scopeGroup);
       if (import_react4.default.useEffect(function() {
         return context.onItemMount(), function() {
@@ -26965,10 +27051,12 @@ function _detectOverflow() {
         case 6:
           return clippingClientRect = rectToClientRect.apply(void 0, [
             _state.sent()
-          ]), rect = elementContext === "floating" ? _object_spread_props2(_object_spread2({}, rects.floating), {
+          ]), rect = elementContext === "floating" ? {
             x,
-            y
-          }) : rects.reference, [
+            y,
+            width: rects.floating.width,
+            height: rects.floating.height
+          } : rects.reference, [
             4,
             platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating)
           ];
@@ -27002,6 +27090,7 @@ function _detectOverflow() {
           return offsetScale = _tmp3, platform.convertOffsetParentRelativeRectToViewportRelativeRect ? [
             4,
             platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+              elements,
               rect,
               offsetParent,
               strategy
@@ -27208,10 +27297,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
             case 8:
               ref = computeCoordsFromPlacement(rects, statefulPlacement, rtl), x = ref.x, y = ref.y, _state.label = 9;
             case 9:
-              return i = -1, [
-                3,
-                10
-              ];
+              i = -1, _state.label = 10;
             case 10:
               return i++, [
                 3,
@@ -27271,7 +27357,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                 case 3:
                   _tmp = !_state.sent(), _state.label = 4;
                 case 4:
-                  return _tmp && (clientSize = elements.floating[clientProp] || rects.floating[length]), centerToReference = endDiff / 2 - startDiff / 2, largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1, minPadding = min(paddingObject[minProp], largestPossiblePadding), maxPadding = min(paddingObject[maxProp], largestPossiblePadding), min$1 = minPadding, max2 = clientSize - arrowDimensions[length] - maxPadding, center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference, offset3 = clamp(min$1, center, max2), shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset3 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0, alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0, [
+                  return _tmp && (clientSize = elements.floating[clientProp] || rects.floating[length]), centerToReference = endDiff / 2 - startDiff / 2, largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1, minPadding = min(paddingObject[minProp], largestPossiblePadding), maxPadding = min(paddingObject[maxProp], largestPossiblePadding), min$1 = minPadding, max2 = clientSize - arrowDimensions[length] - maxPadding, center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference, offset3 = clamp(min$1, center, max2), shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset3 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0, alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0, [
                     2,
                     (_obj1 = {}, _define_property2(_obj1, axis, coords[axis] + alignmentOffset), _define_property2(_obj1, "data", _object_spread2((_obj = {}, _define_property2(_obj, axis, offset3), _define_property2(_obj, "centerOffset", center - offset3 - alignmentOffset), _obj), shouldAddOffset && {
                       alignmentOffset
@@ -27762,7 +27848,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
         options,
         fn: function(state) {
           return _async_to_generator(function() {
-            var placement, rects, platform, elements, _evaluate, _evaluate_apply, apply, detectOverflowOptions, overflow, side, alignment, isYAxis, _rects_floating, width, height, heightSide, widthSide, overflowAvailableHeight, overflowAvailableWidth, noShift, availableHeight, availableWidth, maximumClippingWidth, maximumClippingHeight, xMin, xMax, yMin, yMax, nextDimensions;
+            var placement, rects, platform, elements, _evaluate, _evaluate_apply, apply, detectOverflowOptions, overflow, side, alignment, isYAxis, _rects_floating, width, height, heightSide, widthSide, maximumClippingHeight, maximumClippingWidth, overflowAvailableHeight, overflowAvailableWidth, noShift, availableHeight, availableWidth, xMin, xMax, yMin, yMax, nextDimensions;
             return _ts_generator(this, function(_state) {
               switch (_state.label) {
                 case 0:
@@ -27789,7 +27875,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                 case 3:
                   widthSide = side, heightSide = alignment === "end" ? "top" : "bottom", _state.label = 4;
                 case 4:
-                  return overflowAvailableHeight = height - overflow[heightSide], overflowAvailableWidth = width - overflow[widthSide], noShift = !state.middlewareData.shift, availableHeight = overflowAvailableHeight, availableWidth = overflowAvailableWidth, isYAxis ? (maximumClippingWidth = width - overflow.left - overflow.right, availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth) : (maximumClippingHeight = height - overflow.top - overflow.bottom, availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight), noShift && !alignment && (xMin = max(overflow.left, 0), xMax = max(overflow.right, 0), yMin = max(overflow.top, 0), yMax = max(overflow.bottom, 0), isYAxis ? availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom))), [
+                  return maximumClippingHeight = height - overflow.top - overflow.bottom, maximumClippingWidth = width - overflow.left - overflow.right, overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight), overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth), noShift = !state.middlewareData.shift, availableHeight = overflowAvailableHeight, availableWidth = overflowAvailableWidth, isYAxis ? availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth : availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight, noShift && !alignment && (xMin = max(overflow.left, 0), xMax = max(overflow.right, 0), yMin = max(overflow.top, 0), yMax = max(overflow.bottom, 0), isYAxis ? availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom))), [
                     4,
                     apply(_object_spread_props2(_object_spread2({}, state), {
                       availableWidth,
@@ -27920,24 +28006,7 @@ var require_floating_ui_react_native = __commonJS({
         }
       }), n.default = e, Object.freeze(n);
     }
-    var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React2), arrow2 = function(options) {
-      var isRef = function(value) {
-        return {}.hasOwnProperty.call(value, "current");
-      }, element = options.element, padding = options.padding;
-      return {
-        name: "arrow",
-        options,
-        fn: function(args) {
-          return element && isRef(element) ? element.current != null ? core.arrow({
-            element: element.current,
-            padding
-          }).fn(args) : {} : element ? core.arrow({
-            element,
-            padding
-          }).fn(args) : {};
-        }
-      };
-    }, ORIGIN$1 = {
+    var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React2), ORIGIN$1 = {
       x: 0,
       y: 0
     };
@@ -28173,61 +28242,103 @@ var require_floating_ui_react_native = __commonJS({
         update
       ]);
     }
-    Object.defineProperty(exports2, "autoPlacement", {
-      enumerable: !0,
-      get: function() {
-        return core.autoPlacement;
-      }
-    });
+    var arrow$1 = function(options) {
+      var isRef = function(value) {
+        return {}.hasOwnProperty.call(value, "current");
+      };
+      return {
+        name: "arrow",
+        options,
+        fn: function(state) {
+          var _ref = typeof options == "function" ? options(state) : options, element = _ref.element, padding = _ref.padding;
+          return element && isRef(element) ? element.current != null ? core.arrow({
+            element: element.current,
+            padding
+          }).fn(state) : {} : element ? core.arrow({
+            element,
+            padding
+          }).fn(state) : {};
+        }
+      };
+    }, offset3 = function(options, deps) {
+      return _object_spread_props8(_object_spread9({}, core.offset(options)), {
+        options: [
+          options,
+          deps
+        ]
+      });
+    }, shift3 = function(options, deps) {
+      return _object_spread_props8(_object_spread9({}, core.shift(options)), {
+        options: [
+          options,
+          deps
+        ]
+      });
+    }, limitShift3 = function(options, deps) {
+      return _object_spread_props8(_object_spread9({}, core.limitShift(options)), {
+        options: [
+          options,
+          deps
+        ]
+      });
+    }, flip3 = function(options, deps) {
+      return _object_spread_props8(_object_spread9({}, core.flip(options)), {
+        options: [
+          options,
+          deps
+        ]
+      });
+    }, size3 = function(options, deps) {
+      return _object_spread_props8(_object_spread9({}, core.size(options)), {
+        options: [
+          options,
+          deps
+        ]
+      });
+    }, autoPlacement3 = function(options, deps) {
+      return _object_spread_props8(_object_spread9({}, core.autoPlacement(options)), {
+        options: [
+          options,
+          deps
+        ]
+      });
+    }, hide3 = function(options, deps) {
+      return _object_spread_props8(_object_spread9({}, core.hide(options)), {
+        options: [
+          options,
+          deps
+        ]
+      });
+    }, inline3 = function(options, deps) {
+      return _object_spread_props8(_object_spread9({}, core.inline(options)), {
+        options: [
+          options,
+          deps
+        ]
+      });
+    }, arrow2 = function(options, deps) {
+      return _object_spread_props8(_object_spread9({}, arrow$1(options)), {
+        options: [
+          options,
+          deps
+        ]
+      });
+    };
     Object.defineProperty(exports2, "detectOverflow", {
       enumerable: !0,
       get: function() {
         return core.detectOverflow;
       }
     });
-    Object.defineProperty(exports2, "flip", {
-      enumerable: !0,
-      get: function() {
-        return core.flip;
-      }
-    });
-    Object.defineProperty(exports2, "hide", {
-      enumerable: !0,
-      get: function() {
-        return core.hide;
-      }
-    });
-    Object.defineProperty(exports2, "inline", {
-      enumerable: !0,
-      get: function() {
-        return core.inline;
-      }
-    });
-    Object.defineProperty(exports2, "limitShift", {
-      enumerable: !0,
-      get: function() {
-        return core.limitShift;
-      }
-    });
-    Object.defineProperty(exports2, "offset", {
-      enumerable: !0,
-      get: function() {
-        return core.offset;
-      }
-    });
-    Object.defineProperty(exports2, "shift", {
-      enumerable: !0,
-      get: function() {
-        return core.shift;
-      }
-    });
-    Object.defineProperty(exports2, "size", {
-      enumerable: !0,
-      get: function() {
-        return core.size;
-      }
-    });
     exports2.arrow = arrow2;
+    exports2.autoPlacement = autoPlacement3;
+    exports2.flip = flip3;
+    exports2.hide = hide3;
+    exports2.inline = inline3;
+    exports2.limitShift = limitShift3;
+    exports2.offset = offset3;
+    exports2.shift = shift3;
+    exports2.size = size3;
     exports2.useFloating = useFloating2;
   }
 });